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

シェアする

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

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

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

意外と簡単実装のPageMap

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

基本的には方法は2つ。

PageMapのマークアップを書く

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

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

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

なので、Wordpressの場合は、

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

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

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

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