Google検索結果にPageMapでサムネイルを出す方法

シェアする

Googleのスマホの検索結果にたまに出てくるサムネイル付きのリッチスぺニットを出すマークアップです。

Google検索結果にPageMapでサムネイルを出す方法

Googleで空港の駐車場を調べていたら・・・あれ?サイトによっては画像が表示されているところがありますね。
こんな感じで。
PageMapのサムネイル表示例
一番上と一番下がそれぞれ画像が出ています。
これってどうやって表示してるんでしょうか・・・。調べてみたらGoogle推奨の方法があるんですね。

意外と簡単実装のPageMap

Googleのドキュメントの中に方法が紹介されていました。

サムネイルの指定 - カスタム検索 ヘルプ
検索結果に表示するサムネイル画像は、カスタム検索の結果ページの URL について、より詳しい情報をユーザーに提供するために有効です。デフォル

基本的には方法は2つ。

PageMapのマークアップを書く

例にある通りこんなタグをコメントアウトして入れることでPageMapの指定ができるようです。

これはちょっと面倒ですが、Wordpressなどの場合は、フッタなどのテンプレートに以下のコードを入れるとOKだと思います。

ややこしい場合はmetaタグへの追加でも可能とのこと。

なので、Wordpressの場合は、

でもいいってことですね。

大元になるPageMapのヘルプはこちら。

PageMaps - Custom Search Help
PageMaps is a structured data format that Google created to enable website creators to embed data and notes in their webpages. Although the structured data isn'...

一応PageMapのthumbnailについては、src,width,heightが必須属性という記載がありますが、srcだけでも動く感じです。
先々ダメになるかもですが。
あと別サイトでこの指定をした途端、すぐに検索結果に反映されました。すげー。
なんでなんでしょうね・・・?

Googleサービスが完璧にわかる本 最新版 (メディアックスMOOK)
Googleサービスが完璧にわかる本 最新版 (メディアックスMOOK)
  • 著者 :
  • 価格 : ¥ 1,296
  • ムック:160 ページ
  • 出版日 : 2018/12/28
  • 出版社 : メディアックス

この記事が気に入ったら
いいね!お願いします