headタグ内でサムネイルを設定しよう!
ホームページにサムネイルを設定できるのをご存知でしょうか?
Googleの検索結果には、headタグで設定したtitleタグや「meta name=”description”」のテキストが表示されます。
これをスニペットというのですが、Googleが定めた形式で設定を記述すると「サイトのサムネイル」を表示させることができます。
(他にも商品やレビューを表示することも可能で、これをリッチスニペットと言いますが、今回はこの辺は割愛します)
検索結果にテキストだけでなく画像も表示することで、サイトを目立たせてクリックしてもらおう!という魂胆ということですな。
設定方法
サムネイル画像の設定する方法は2つあります。
「thumbnailメタタグ」を設定する
headタグに1行追加するだけでOKです。(絶対パスで記述して下さい!)
とっても手軽!こっちの方法がおすすめです。
<meta name="thumbnail" content="https://www.example.com/recipes/applepie/applepie.jpg">
「PageMapデータ」を設定する
headタグ内に以下を記述します。
(クローラーに情報を伝えるための記述なのでコメントアウトされている状態で問題ありません)
<!-- <PageMap> <DataObject type="thumbnail"> <Attribute name="src" value="https://www.example.com/recipes/applepie/applepie.jpg"/> <Attribute name="width" value="100"/> <Attribute name="height" value="130"/> </DataObject> </PageMap> -->
設定しても意味が無い・・・?
で、ここまで解説しておいて申し訳ないのですが、どうも実際にサムネイルを登録しても違う画像が表示されたり、そもそもサムネイル自体が表示されないケースが多いようです。
これについて、Google公式のフォーラムに「なんでやねん!?」とツッコミを入れているページがありました↓
曰く、そもそもサムネイルはGoogleが自動で画像を選別して表示する仕様になっており、今回の設定をしたとしても、サイト管理者側で検索結果を完全にコントロールするのは無理とのことです。
なんじゃそら。
結論
別に無理に設定しなくても良さそうです。。