にほんブログ村でアイキャッチ画像が表示されないときの対処

 別に運営しているブログを「にほんブログ村」に登録しています。にほんブログ村は指定されたPING送信先にPINGを飛ばすと、クローラーがブログの内容を読み取って、OGP画像をブログ村のアイキャッチ画像として拾ってくれる仕組みになっています。OGPはOpen Graph Protocolの略で、この設定が行われていると、Facebookでシェアなどを行ったときにアイキャッチ画像を拾ってくれます。

 数日前までは、にほんブログ村でもアイキャッチ画像がきちんと表示されていたのですが、なぜか突然として表示されなくなってしまいました。

 まずは、WordpressでOGP画像が適切に設定できているかどうかチェックしました。自分でHTMLの中身をチェックしても良いのですが、それだと大変なので、URLを入力するとOGPをチェックしてくれるサービスを利用しました。こちらになります。

 チェック結果は問題無し、画像を正確に拾ってくれました。

 OGPの設定が大丈夫な時に他にチェックするポイントについては下記のように案内されています。

  • ご利用しているブログサイトに登録されたオリジナル画像ではない場合
  • 外部サービスを利用した画像の場合
  • プロフィール画像やサイトのロゴ画像など記事の画像ではない場合
  • bmp、webp等の画像 (対応画像はjpeg、gif、png形式となります。)

 一点目のオリジナル画像か否かについては、自分で撮影した写真なので問題ありません。外部サービスを利用した画像でもありません。記事の画像で無い場合というのも当てはまりません。画像の形式はJPGなので四点目も大丈夫です。

 とすると、なぜ画像が表示されないのか、ますます判らなくなってきました。

 もう一度、上記文面を読んでいたとき、「外部サービスを利用した画像の場合」というところが引っ掛かりました。実は数日前に画像を「さくらのクラウド」のウェブアクセラレータ(サブドメイン型)から配信するように改めていたためです。このウェブアクセラレータ(サブドメイン型)で画像を配信すると、自分のドメインとはまったく別のドメインから画像が配信されます。これが、外部サービスを利用していると判断されてしまったのかもしれません。

 JSやCSSはそのままCDNから配信するようにして、画像は自分のドメインから配信されるように設定を改めました。

コメント