Bloggerカスタマイズで役立つリンク集
役立つページやツールの自分用まとめです。
Blogger
データタグを制するモノがBloggerを制す、と言っても過言ではないはず。
Template Data Documentation様々なタグが一覧になっている。使い方やスニペットも書かれています。
Blogger Code - Expert XML Bloggerかなり詳しく、情報量も多いです。使い方、スニペットあり。
So, How do I...コードのサンプル（例）が豊富です。
item@imaokidatatagデータタグと実際の出力がセットで一覧されています。
縮小と最適化
読み込み速度の向上、検索、モバイル対応の改善の際に利用したツール。
HTML
HTMLの検証ツール
CSS
CSSO – CSS optimizerCSSの縮小と最適化を行うツール
Autoprefixer CSS online – make your vendor prefixes is actualCSSのベンダープレフィックスを自動でつけるツール
設定
last 2 version,ie >= 9,Android >= 4,and_chr >= 4,iOS >= 8
としていたがこのブログはIE11とiOS9への対応を諦めたのでシンプルに
last 2 version
とした。
JavaScript
JSCompress - The JavaScript Compression ToolJavaScriptの縮小ツール
構造化データ
構造化データ テストツールGoogleによる構造化データのテストツール。パンくずリストの構造化データのテストに使った。
表示速度、モバイル対応
PageSpeed Insights最もメジャーなツールだと思われます。モバイルとパソコン、どちらも計測してくれて、圧縮したファイルも提供してくれます。
こちらもメジャーなツール。
モバイルサイトの読み込み速度とパフォーマンスをテストする - Googleモバイルでの読み込み時間のほか、推定離脱率も示してくれます。
Google Search Consoleのサービスの1つ。モバイルでのテストができて、インデックスのリクエストが送れるようになっています。
Chrome DevToolsのAuditsタブから使えるツール「Lighthouse」のレポートのビューアです。Auditsでは表示のパフォーマンスのほか、アクセシビリティのチェックなども行えます。
新規コメント