こんにちは！

Rankletで表示しているランキング記事のサムネイルの画像はそのページのOGPの画像が標準で指定されています。ただ、OGP画像は800px以上（1200px推奨）で設定されていることが多いため、サムネイルとしての表示サイズに対して、実際の画像データのサイズが大きな画像となります。

そのため読み込みに時間がかかってしまうような場合もあり、以下のような対策をおこなっていただくことにより最適化をすることが可能です。

※シックス・アパートさんのBlogではMovable Typeで管理されているサイトでの改善方法を記事にしてもらっています。

ランキングを表示できるRankletで指定したサイズの画像を表示させる方法

最適化の手順

1. header内のmeta情報に ranklet:image の記述を追加します
   ※通常のog:imageの内容より上に記載しないとRanklet側で優先されないのでご注意ください
   
2. ranklet:imageの画像指定部分にランキング用サムネイルに最適な画像を指定します。
   
3. ランキングの画像データに反映されたことを確認します。
   ※Rankletのデータ更新タイミングは、有料プランでは1時間に1回程度、無料プランでは数時間に1回の頻度でランキングデータの更新をしています。

結果

このブログもGoogleの「Test My Site」で読み込み短縮が診断されました。
（まだまだ改善余地がありそうですが。。）

みなさんも是非お試しください！

++++

Google Analyticsと自動連動で簡単ランキング設置サービス 「Ranklet」、まずは無料プランでお試し！

かんたんランキングツール Ranklet

Googleアナリティクスのデータを元にあらゆるサイトで人気ページランキング表示ができます。

https://ranklet.com/