読者です 読者をやめる 読者になる 読者になる

アイキャッチ画像(記事のサムネイル)

アイキャッチ画像は、そのブログ記事を表すサムネイル画像です。はてなブログの人気エントリーのほか、TwitterやFacebookなどのソーシャルメディアで表示されます(ページ後半の「アイキャッチ画像の利用シーン」も参照)

アイキャッチ画像を選ぶ

アイキャッチ画像には、記事中にある最初の画像が自動で選択されます。画像がない記事では、デフォルトのアイキャッチ画像になります。また、記事を投稿する際に、個別に設定することもできます。

デフォルトのアイキャッチ画像

記事中に画像がない場合には、デフォルトのアイキャッチ画像が自動で使用されます。はてなブログ全体のデフォルトアイキャッチは、次の画像です。

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

はてなブログのデフォルトのアイキャッチ画像(クリックで拡大)

ブログごとにデフォルトのアイキャッチ画像を設定する

デフォルトのアイキャッチ画像は、ブログごとに専用の画像を指定することもできます。

詳細設定 画面の「アイキャッチ画像」で設定してください。

※ブログごとのデフォルトのアイキャッチ画像を新規に指定または変更すると、デフォルトのアイキャッチ画像で投稿したすべての記事に自動で反映されます。

アイキャッチ画像のサイズに関する注意点

デフォルトのアイキャッチ画像をブログごとに設定する際には、ソーシャルメディアに投稿されることを考慮して、横長で十分な大きさの画像を用意するとよいでしょう。

※各ソーシャルメディアが公開しているプレビューの表示サイズに関するドキュメントなども参考にしてください(記事末の「外部リンク」参照)

任意の画像をアイキャッチ画像に指定する

記事中の2番目以降の画像や、あるいは記事中の画像に関係なくデフォルト画像を使いたいなどの場合には、個別に画像を指定できます。

編集サイドバーの「編集オプション」から次の手順で個別に画像を指定します。

  1. 編集サイドバーの 編集オプション タブをクリックする
  2. アイキャッチ画像 という見出しの下に、記事中にあるすべての画像と、デフォルトのアイキャッチ画像が一覧表示される
  3. 一覧から、アイキャッチ画像に指定する画像をクリックして選択する

また、使用したい画像のURLを「URL」欄に直接入力することもできます。

※「編集オプション」で記事ごとに指定したアイキャッチ画像は、デフォルトのアイキャッチ画像に優先します。

※アイキャッチ画像に使用していた(あるいは自動で選択されていた)画像を記事から削除した際には、「編集オプション」でアイキャッチ画像の選択も解除してください。

アイキャッチ画像の利用シーン

アイキャッチに指定した画像は、主に次の場面でサムネイルとして表示されます。

はてなブログ内で

  • ブログの記事一覧ページ(検索結果、iPhoneアプリなども)
  • ブログのサイドバーに表示できる「最新記事」「人気記事」などのモジュール
  • 人気エントリーなど、はてなブログ内のメディア面に掲載されたとき

ソーシャルシェアで

  • FacebookやTwitterで記事がシェアされたときのプレビュー
  • そのほかOGP(Open Graph Protocol)に対応した各ソーシャルメディア

※Facebookのようにプレビューのサムネイルをキャッシュするサービスでは、ブログ側でアイキャッチ画像を指定し直しただけでは変更が反映されず、サービスごとの開発者向けツールを利用する必要があることがあります。