Toccaville

blog

スマートフォンGoogle検索結果にサムネイル画像を表示

 Akiko Kubo

検索結果にサムネイルが表示されていると、やっぱり目を引きますよね。

どの画像が表示されるのか、ひとつのページに以下の4つを配置して試しました。

  1. メインコンテンツの、できるだけ上のほうに画像を配置する。サイズはwidth1000px以下。
  2. head内にmeta thumbnailを追加。
  3. head内にPageMapを追加。
  4. 構造化データでimageを指定。

サムネイルは表示されるようになりましたが、今のところ「1」が表示されています。なーんだ。。という感じですが、たまに別の画像が表示されていることもあるので、また変わるかもしれません。

meta thumbnail

<meta name="thumbnail" content="画像">

PageMap

<!--
<PageMap>
	<DataObject type="thumbnail">
		<Attribute name="src" value="画像"/>
		<Attribute name="width" value="画像サイズ"/>
		<Attribute name="height" value="画像サイズ"/>
	</DataObject>
</PageMap>
-->

構造化データ

構造化データマークアップ支援ツールを使って、生成されたコードを</body>の前に配置しました

https://www.google.com/webmasters/markup-helper/u/0/

書いた内容をチェックしたい時はチェックツールがある。

https://search.google.com/structured-data/testing-tool/u/0/

@typeがLocalBusinessだと下記の警告が表示されますが、価格の幅が広くてどう表現すればよいか不明なので、空欄にしています。

「priceRange」は推奨フィールドです。値があれば指定してください。