今回は、わたしが登録している「にほんブログ村」でアイキャッチ画像が取得されない問題が解決したお話です。

これはわたしの記事管理ページです。

画像が取得されず、たいへん困っておりました。

結論からお伝えしますと、

画像のURLを短くすることで、にほんブログ村でアイキャッチ画像が取得されるようになりました。

Googleで検索しても、画像のURLについて書いているサイトが見つからなかったので、備忘録としてわたしがここに記しておきます。

わたしと同じように、にほんブログ村でアイキャッチ画像の取得に困っている方のお役に立ちましたら幸いです。

ここからは具体的な解決方法について書いていきます。

まずは、画像のURLを短くする方法。

わたしはアイキャッチ画像を「CANVA」で作成しています。

問題があるのは画像赤枠部分のタイトルです。

CANVAのテンプレートからそのままアイキャッチを作成すると、タイトルもそのままになってしまいます。

この日本語のタイトルがやっかいで、今回の問題の原因となりました。

日本語のタイトルそのままにブログに記事としてアップすると、URLは以下のようになります。

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5lVLtdKwjHaH8-H2zyHn4jfdi1NOwCeR7CmPHOWOwwJFygfQa1uISVpyhyphenhyphenUcb80oiKYwEZZrqU3ZXeVtg9yERtGQT4Cb6FokckXNAdK-Ic1KUF4egHB4-MRm2XFpW8ur5xNpIW6Pxkrs52dxD9knAQBiD4NZLkxGJbO0Zs7n00EMgn4gx32Qus2RAoOU/s320/%E3%83%8D%E3%82%A4%E3%83%93%E3%83%BC%E3%81%A8%E3%83%9B%E3%83%AF%E3%82%A4%E3%83%88%E3%80%80%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%80%80%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E3%80%80%E3%83%9F%E3%83%8B%E3%83%9E%E3%83%AA%E3%82%B9%E3%83%88%E3%80%80note%E8%A8%98%E4%BA%8B%E8%A6%8B%E5%87%BA%E3%81%97%E3%80%80%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%81%E3%80%80.png

日本ブログ村に問い合わせたところ、画像が取得されるには、URLを500文字以内にする必要があります。

画像が取得されないその他の原因

OGP

OGPの設定ができているかどうかの確認方法

property='og: imageと書かれています。

これがOGPに設定されている画像です。

にほんブログ村では、このようにOGPに設定されている画像を取得します。

わたしのアイキャッチ画像ですが、OGPに設定されていたにもかかわらず取得されませんでした。

わたしのブログは、Bloggerのテンプレート「QOOQ」を使用しています。

QOOQは、何もしなくてもOGPを自動で設定できるようになっています。

そのため、いったいどうすれば画像が取得されるのか、最初はとても悩みました。

ブログサイトによっては、自分でOGPの設定をしなければならないサイトもあるようです。

画像が取得されないときは、このOGPを確認しましょう。

jpeg、gif、png形式以外は画像として取得されないようです。

CANVAでダウンロードするときは、画像赤枠内の「ファイルの種類」にお気をつけください。

jpeg、gif、png形式以外にすると、画像が取得されず表示されません。

わたしはアイキャッチ画像を「1,280 × 670」の大きさで作っています。

そのうち、にほんブログ村の記事ページできれいに表示されるのは、真ん中の正方形部分。

画像が取得されていても、大きさによってはみ出してしまいます。

よって、見せたい部分は真ん中に寄せておくことで、記事ページでもきれいに表示されます。

だいたい、赤枠の正方形部分が表示されます。

まとめ

▼参考になりましたらクリックお願いいたします