零弐壱蜂

[Google] 検索結果にサムネイルを指定する方法

1 min read
hiroweb developer

概要

Google 検索でサムネイルが、表示されるケースがある。

Google検索結果のサムネイルの例
Google検索結果のサムネイルの例

方法

サムネイル画像は以下の方法で指定できる。

  • <head> に PageMap データを記述する
  • <meta name="thumbnail">を記述する

WIP: 片方の指定で問題ないかは検証中

PageMap

<head>
  <!--
    <PageMap>
      <DataObject type="thumbnail">
        <Attribute name="src" value="https://example.com/hoge.jpg"/>
        <Attribute name="width" value="100"/>
        <Attribute name="height" value="100"/>
      </DataObject>
    </PageMap>
  -->
</head>

thumbnail

<head>
  <meta name="thumbnail" content="https://example.com/hoge.jpg" />
</head>

参考