ログアウト

検索結果のサムネイル画像設定方法まとめ

※前提として、確実な方法はありません。

検証結果

効果あり
  1. コード上、最初に出てきた正方形の画像を差し替える。
  2. サムネイルにしたくない画像をbackground指定に変える。
  3. メインビジュアルをimgタグを使用して表示する(backgroundを使用しないスライダーにする)
  4. 画像をCSSで opacity:0 ; で透明にする。 ※要注意
  5. altに連動させたい検索ワードを入れる。 ※要注意
効果なし
  1. PageMapでの構造化データの追加。
  2. metaタグのthumbnail追加。

※要注意:今後スパム扱いになりかねない方法なので、新規制作で行う選択肢には入れないでください。

具体的な対処方法

  • MVのスライダー画像を表示させたい場合、cssでbackground-imageとして設定されている画像は表示されないので、htmlにimgタグで記載するタイプのスライダーに差し替える。
  • MVにバナーが表示されている場合は、表示されないようになるべく移動させる。
  • コンテンツ部分の画像が使用されている場合は、可能であればMVの直下などに表示したい正方形画像を持ってくる。
  • コード上で一番はじめに表示される画像をCSSで opacity:0 ; で透明にする。

※作業後、クロール依頼を出す

関連情報

他のひとが検証した結果も、ご参考まで。

▼Googleの検索結果にサムネイル画像を表示する方法https://qiita.com/ryouhei156/items/bd14d27d4d1871ce5f0d