2020年5月6日水曜日

スマホの検索結果に表示される画像(サムネイル)設定方法

スマホの検索結果に表示される画像(サムネイル)設定方法について、調べたので、まとめてみました。

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/