Simplicity1.7.2公開。Facebookページ「いいね!」ウィジェット追加など。

Simplicityを1.7.2 20150618にバージョンアップしました。

今回の主な変更点は以下です。

  1. ウィジェットに『Simplicity Facebookページ「いいね!」 』追加
  2. 参考ラベルの色を#c72527#fc7a22に変更を
  3. <i>タグを利用していたものを完全に<span>タグで置き換え
  4. トップページと投稿・個別ページなどでサイトタイトルのスタイルが変わってしまっていた不具合修正
  5. [修正a]HTML5バリデータでtimeタグに警告が出ていたの修正
  6. [修正b]HTML5バリデータで出ていた全ての警告を修正

今回、スタイルを修正したのでブラウザのリロードもしくは、キャッシュの削除が必要です。

スポンサーリンク

Facebookページ「いいね!」ウィジェット

ウィジェットに『Simplicity Facebookページ「いいね!」 』を追加しました。

Simplicityいいねウィジェット

このウィジェットを本文下などに設定すると、PCでは以下のように表示されます。Simplicityいいね!ウィジェット(PC)

モバイルでは、レスポンシブ表示され、以下のように表示されます。

Simplicityいいね!ウィジェット(モバイル)

なお、このウィジェットを表示させるには、「外観→カスタマイズ→SNS」の設定の「facebook.com/XXXXXXX」の設定項目の「Facebookページの設定」が済んでいる必要があります。

詳しい設定方法は以下を参照してください。

Simplicity1.7.2にて、『Simplicity Facebookページ「いいね!」 』を追加しました。 このウィジェットを本...

細かな詳しい仕様は以下を参照してください。

2015年6月23日から「Facebookライクボックス」が使用できなくなります。 それに代わり、以下の「Fa…

<i>タグから<span>にした理由

これまで何度かにわたってテーマに使用(主にFont Awesomeで使用)している<i>タグを除去してきました。

<i>は、特に非推奨ではないのですが、<i>タグは、現在以下のような立ち位置です。

<I>は非推奨要素ではありませんが、単にテキストの見栄えを指定するだけです。 このような目的にはできるだけスタイルシートを使用することが推奨されています。

<I>-HTMLタグリファレンス

こういうこともあってか、NibblerというSEO&マーケティングツールのコードチェック部分で警告が出るので、<i>→<span>に変更しました。

この変更により、2月で「code quolity」が5.0だったものが、

Website-report-for-nelog.jp_

現在チェックすると10になっています。

2015-06-19のNibblerの結果

総合点も、8.6→9.5まで上がっています。(※これは、SNSのフォロワー数が増えたことと、ドメインが歳を重ねたということも要因にあります。)

とりあえず、「code quolity」を10点満点にしたかったので、目標は達成できました。

SEO的には、そこまでというか、ほとんど変化はないと思いますが。やってないより、やっておいた方がいいかもしれない程度。

Nibblerについて詳しくは以下を参照してください。

先日、Nibbler(ニブラー)という、SEOとWEBマーケティング分析サービスを見つけました。 これを使って…

利用する、プラグインや、ウィジェット、本文の内容によっては、「code quolity」や、スコアなどは、下がる可能性があります。ただ、そこまで気にする必要はないと思います。

あとがき

Font Awesomeで使用していた<i>タグを<span>タグに変更したり、タイトル部分の不具合を修正したりしたので、ブラウザにキャッシュが残っていると表示の不具合が発生します。

フォローボタンや、サイトタイトルの表示がおかしい場合は、1度ブラウザのリロードを行ってみてください。それでも、表示がおかしい場合は、動作不良時のガイドラインに載っているブラウザキャッシュの削除を行ってみてください。

今回、タイトルの表示部分にちょっと気になる不具合があったので、少し様子を見た後で、自動更新されるように設定すると思いますます。

参考 サイトタイトルの上の隙間がトップページと個別ページで違う

GitHubリポジトリ

不具合等ありましたらGitHubに、ご連絡いただけると幸いです。

yhira/simplicity2

スポンサーリンク
アドセンス(大)
アドセンス(大)

フォローする

スポンサーリンク
アドセンス(大)