スマホの検索結果に表示される画像(サムネイル)設定方法について、調べたので、まとめてみました。
1、設定方法
以下のタグを追加すると、表示できるという話です。
(実際はうまくいかないようです。調べてみると、
「表示させるかどうかはGoogleのアルゴリズムが判断するようで、キーワードによっても表示したりしなかったりしますのでご注意ください。」という話もありました)
(1) HTML ページの <head> セクションの PageMap データ を使用する
PageMap のコードをページの <head> セクションに追加してサムネイル画像を指定できます。
<PageMap>
<DataObject type="thumbnail">
<Attribute name="src" value="画像URL"/>
<Attribute name="width" value="100"/>
<Attribute name="height" value="130"/>
</DataObject>
</PageMap>
(2) thumbnail メタ タグを使用する
thumbnail メタ タグをページの <head> セクションに追加して、サムネイル画像を指定することもできます。
<meta name="thumbnail" content="画像URL" />
2、キーワードの設定
3、画像の修正
検索結果に表示されているサムネイル画像は
「正方形か、それに近い縦横比率の画像である」といったことが参考サイトいかいてあったので、正方形画像を用意する
【参考サイト】
https://support.google.com/customsearch/answer/1626955?hl=ja
https://ideaideal.jp/how-to-make-image-display-in-a-search-result-of-a-smartphone/
https://mako110.com/2020/01/30/%E3%82%B9%E3%83%9E%E3%83%9B%E6%A4%9C%E7%B4%A2%E6%99%82%E3%81%AE%E3%82%B5%E3%83%A0%E3%83%8D%E3%82%A4%E3%83%AB%E7%94%BB%E5%83%8F%E8%A1%A8%E8%A8%98%E3%81%8C%E4%BD%95%E3%82%92%E3%81%A9%E3%81%86%E3%82%84/