Simplicityを1.7.2 20150618にバージョンアップしました。
今回の主な変更点は以下です。
- ウィジェットに『Simplicity Facebookページ「いいね!」 』追加
- 参考ラベルの色を#c72527を#fc7a22に変更を
- <i>タグを利用していたものを完全に<span>タグで置き換え
- トップページと投稿・個別ページなどでサイトタイトルのスタイルが変わってしまっていた不具合修正
- [修正a]HTML5バリデータでtimeタグに警告が出ていたの修正
- [修正b]HTML5バリデータで出ていた全ての警告を修正
今回、スタイルを修正したのでブラウザのリロードもしくは、キャッシュの削除が必要です。
Facebookページ「いいね!」ウィジェット
ウィジェットに『Simplicity Facebookページ「いいね!」 』を追加しました。
このウィジェットを本文下などに設定すると、PCでは以下のように表示されます。
モバイルでは、レスポンシブ表示され、以下のように表示されます。
なお、このウィジェットを表示させるには、「外観→カスタマイズ→SNS」の設定の「facebook.com/XXXXXXX」の設定項目の「Facebookページの設定」が済んでいる必要があります。
詳しい設定方法は以下を参照してください。
細かな詳しい仕様は以下を参照してください。
<i>タグから<span>にした理由
これまで何度かにわたってテーマに使用(主にFont Awesomeで使用)している<i>タグを除去してきました。
<i>は、特に非推奨ではないのですが、<i>タグは、現在以下のような立ち位置です。
<I>は非推奨要素ではありませんが、単にテキストの見栄えを指定するだけです。 このような目的にはできるだけスタイルシートを使用することが推奨されています。
こういうこともあってか、NibblerというSEO&マーケティングツールのコードチェック部分で警告が出るので、<i>→<span>に変更しました。
この変更により、2月で「code quolity」が5.0だったものが、
現在チェックすると10になっています。
総合点も、8.6→9.5まで上がっています。(※これは、SNSのフォロワー数が増えたことと、ドメインが歳を重ねたということも要因にあります。)
とりあえず、「code quolity」を10点満点にしたかったので、目標は達成できました。
SEO的には、そこまでというか、ほとんど変化はないと思いますが。やってないより、やっておいた方がいいかもしれない程度。
Nibblerについて詳しくは以下を参照してください。
利用する、プラグインや、ウィジェット、本文の内容によっては、「code quolity」や、スコアなどは、下がる可能性があります。ただ、そこまで気にする必要はないと思います。
あとがき
Font Awesomeで使用していた<i>タグを<span>タグに変更したり、タイトル部分の不具合を修正したりしたので、ブラウザにキャッシュが残っていると表示の不具合が発生します。
フォローボタンや、サイトタイトルの表示がおかしい場合は、1度ブラウザのリロードを行ってみてください。それでも、表示がおかしい場合は、動作不良時のガイドラインに載っているブラウザキャッシュの削除を行ってみてください。
今回、タイトルの表示部分にちょっと気になる不具合があったので、少し様子を見た後で、自動更新されるように設定すると思いますます。