【HTML】検索結果のサムネイル画像を指定する

【HTML】検索結果のサムネイル画像を指定する

今回は検索結果に表示されるサムネイル画像の指定方法をご紹介します。
デフォルトでは、サムネイル画像として使用できる画像が自動的に表示されています。
サムネイル画像を指定しても、必ず表示されるというわけではありません。

PageMapを使用する

ページ内(footerなど)にPageMapを記載します。
PageMapは、データや情報を埋め込めるようにするためにGoogleが開発した構造化データ形式です。
Googleの検索結果でのランキングには影響しません。

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

コメントアウトも記載しましょう。

メタタグのthumbnailを使用する

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

サムネイル画像のサイズ

104px以上の正方形の画像、少し大きめに200~300pxが良いかと思います。

他にもあるよ。関連記事

人気記事

人気記事

最新記事

ブログカテゴリー

タグ

プロフィール

プロフィール画像

猫田 ねこ

パチンコ店勤務からweb制作会社へ転職という異色の経歴。漫画大好き。アニメ大好き。パチンコ大好きな、ねこです。

利用規約  お問い合わせ

ページトップへ