はてなブログ開発ブログ

はてなブログからの公式のお知らせを発信します。

シェアされたときにも自分のブログらしく! デフォルトのアイキャッチ画像をブログごとに設定できるようにしました

はてなブログでは、2013年1月にリリースしたアイキャッチ画像」機能を強化し、デフォルトのアイキャッチ画像をブログごとに設定できるようにしました。

アイキャッチ画像とはそのブログ記事を表すサムネイル画像で、記事が「人気エントリー」に入ったり、FacebookやTwitterなどソーシャルメディアにシェアされたときに表示されます*1。通常はブログ記事中にある画像がアイキャッチ画像として使用されますが、ブログ本文に画像が貼られていない場合には、デフォルトのアイキャッチ画像を使用します。

これまで、デフォルトのアイキャッチ画像ははてなブログ全体で共通でしたが、詳細設定画面の「アイキャッチ画像」でブログごとに設定できるようにしました。どうぞご利用ください。

詳細設定画面の様子
詳細設定画面に新設された「アイキャッチ画像」設定項目

なお、編集サイドバーの「編集オプション」で、本文中の2番目以降の画像をアイキャッチ画像に指定できますが、ブログ記事の本文に画像がない場合には、デフォルトのアイキャッチ画像が自動で使用されるため、とくに指定する必要はありません。アイキャッチ画像の詳細については、以下のヘルプ項目をご確認ください

アイキャッチ画像 - ヘルプ - はてなブログ

アイキャッチ画像の使用例

Facebookにブログ記事をシェアした場合に、さまざまなアイキャッチ画像がどのように表示されるかを例で示します。

記事中の画像を使用する

記事中に画像があれば、最初にある画像(あるいは編集サイドバーで指定した画像)がアイキャッチ画像になります。

ブログごとのデフォルトのアイキャッチ画像

ブログごとにデフォルトのアイキャッチ画像を設定できます(今回の新機能)。

はてなブログのデフォルトのアイキャッチ画像

記事中に画像がなくブログごとのアイキャッチ画像も設定していないときには、はてなブログのデフォルトのアイキャッチ画像が使用されます。

*1:技術的には、FacebookではOGPのog:imageに、TwitterではTwitter Cardという仕組みで利用されます