Google、Discoverのサムネイル画像についてのドキュメントを更新。推奨がより詳細に

by 

[レベル: 中級]

Discover フィードに掲載するサムネイル画像の推奨構成を説明するドキュメントを Google は更新しました。

推奨構成がより詳細に

サムネイル画像についての推奨は以前は次のようになっていました。

Include compelling, high-quality images in your content, especially large images that are more likely to generate visits from Discover. Large images need to be at least 1200 px wide and enabled by the max-image-preview:large setting, or by using AMP.

魅力的な高画質の画像、特に Discover からのアクセスが発生する可能性の高いサイズの大きな画像をコンテンツに含める。サイズの大きい画像は、幅を 1,200 ピクセル以上とし、max-image-preview:large の設定または AMP を使用して有効にする必要があります。

更新後はこうなりました。

Include compelling, high-quality images in your content that are relevant, especially large images that are more likely to generate visits from Discover. We recommend using images that meet the following specifications:

  • At least 1200 px wide
  • High resolution (at least 300K)
  • 16×9 aspect ratio
    ★ Google tries to automatically crop the image for use in Discover. If you choose to crop your images yourself, be sure your images are well-cropped and positioned for landscape usage, and avoid automatically applying an aspect ratio. For example, if you crop a vertical image into 16×9 aspect ratio, be sure the important details are included in the cropped version that you specify in the og:image meta tag).
  • Enabled by the max-image-preview:large setting, or by using AMP

Use either schema.org markup or the og:image meta tag to specify a large image that’s relevant and representative of the web page, as this can influence which image is chosen as the thumbnail in Discover. Learn more about how to specify your preferred image.

  • Avoid using generic images (for example, your site logo) in the schema.org markup or og:image meta tag.
  • Avoid using images with text in the schema.org markup or og:image meta tag.

関連性の高い、魅力的な画像をコンテンツに含めます。特に、Discover からのアクセスを増やしやすい大きな画像が効果的です。次の仕様を満たす画像の使用を推奨します。

  • 横幅 1200 px 以上
  • 高解像度（30 万以上）
  • 16:9 のアスペクト比
    Google は、Discover での使用に向けて自動的に画像をトリミングしようとします。自分でトリミングする場合は、画像が横長表示に適した構図・位置になるようにし、自動的なアスペクト比の適用は避けてください。たとえば、縦長の画像を 16:9 のアスペクト比にトリミングする場合は、og:image meta タグで指定するトリミング後のバージョンに重要な要素が含まれていることを確認してください。
  • max-image-preview:large 設定、または AMP の使用によって有効化されていること

schema.org マークアップまたは og:image meta タグを使用して、そのウェブページに関連した内容を代表する大きな画像を指定してください。これにより、Discover のサムネイルとして選ばれる画像に影響を与える可能性があります。推奨画像の指定方法についてはこちらをご覧ください。

  • schema.org マークアップや og:image meta タグに汎用的な画像（例: サイトのロゴ）を使用することは避けてください。
  • schema.org マークアップや og:image meta タグに、テキストが含まれた画像を使用することは避けてください。

※この記事を書いている時点では日本語ドキュメントは未更新のため、翻訳は僕による

サイズ指定に関しては、以前の推奨は「横幅 1200 px 以上」だけでした。
更新後は増えています。
30 万ピクセル以上の高解像度で、アスペクト比が 16:9 です。

昨年 4 月に、サムネイル画像のアスペクト比が 4:3 に変更されたものの、ほどなくして 16:9 に戻ったという出来事がありました。
ドキュメントに明記されたということは、結局、16:9 に落ち着いたということなのでしょう。

16:9 以外のアスペクト比の画像は Google によってトリミングされる可能性があるため、注意が必要です。
画像の重要な部分が切り取られる場合があります。

フィードのサムネイル画像は、schema.org 構造化データまたは og:image meta タグで指定します。
以前は、技術的な画像指定方法には触れていませんでした。
単純に、コンテンツに含めるとだけ指示していました。

schema.org か og:image とのことですが、Discover の SDK 解析から判明したように og:image が優先される傾向にあるように思います（両方をそろえておけば問題ない）。

ただし、どちらの指定も無視して Google がサムネイル画像を選択するケースも稀にあるので要注意です。

Discover 向けに画像を最適化してきた人にとっては、経験則として認識していたことのはずです。
ドキュメントとして公式に明記されたのは、お墨付きを得たと言っていいでしょう。