Googleの検索結果に表示されるWebサイトの画像を変更するにはどうすればよいですか？

検索結果に画像が表示されたとき（モバイル検索の場合のように）、Googleがどの画像を使用するかを決定する方法を誰かに教えてもらえますか？

これらのモバイル検索結果を見ると…

…そして、AliExpress.comの結果を例にとると、HTMLを検査すると、 Googleで使用されている画像に特別な宣言がないように見えます。これは、そのページのHTMLに表示される最初のJPGに過ぎませんたぶんそれがGoogleの検索結果で使用される画像なのかと思います。

ただし、これらのモバイル検索結果を見ると…

…そして、Backpack Billboardsの結果を検討すると、HTMLは、使用されている画像が実際にはHTMLで宣言されている7番目の画像であることを明らかにしています。

では、Googleがどの画像を表示するかを決定する方法に誰もが光を当てることができますか？自分のサイトにどの画像を表示するかを制御できるようにしたいのですが。

アップデート/ソリューション

以下の回答のおかげで、これは、バックパックの看板をhead検索するときにGoogleにサムネイルを表示するためにHTMLに追加したコードです。

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "Regular Backpack Billboard",
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": "Backpack Billboards"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "Backpack Billboards"
    }
  }
}
</script>

あなたが引用した問題は、Googleがメインの画像であるかどうかを判断できないためです。そのため、SERPの結果に表示するためにそのページの画像がランダムに撮影されます。

また、入力した検索クエリと、検索結果に表示されるページ（オファー詳細ページ、オファー一覧ページ、販売者ストアのフロントページなど）にも依存します。

ただし、両方のスクリーンショットに同じページが表示されていると考えた場合、ページに適用できる解決策は次のとおりです。

Strucuted Data Markupを使用して、Googleクローラーにページの「意味」を知らせることができます 。ページ上のすべての要素に「タグを付ける」必要があるため、Googleはそれをよく理解し、SERPでより優れた結果を提供します。

この3つの形式のいずれかで、この構造化データマークアップにプログラムでタグを付けることができます。

1. JSON LD（Google、Yahoo、Bing、Yandexで受け入れられるため推奨）

2. マイクロデータ

3. RDFa

JSON LDコードの例は、すでにLマーティンによって説明されています。JSON LD製品のマークアップについて詳しくは、こちらをご覧ください。

すぐに実行したい場合のために、Googleには構造化データマークアップヘルパーツールも用意されており、Googleウェブマスターから使用できます。

完了すると、Googleは検索結果ページに表示する画像を認識します。

こんにちは、コメントでの議論の後、ここにあなたが試すことができるコードがあります。構造化データテストツールをチェックインしましたが、問題なく動作しています。

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
   ],
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
    ]
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": [
    "Backpack Billboards",
    "Human Billboards",
    "Walking Billboards"
      ]
    }
  }
}
</script>

フォローしてみました

1. タイプ「Product」の属性「name」の下に配列として3つのプロパティを追加しました
2. タイプ「Thing」の属性「brand」の下に配列として3つのプロパティを追加しました
3. タイプ「組織」の属性「名前」の下に配列として3つのプロパティを追加

このスクリプトは構造化データテストツールで機能しますが、クエリごとに正しいソリューションであるかどうかはわかりません。まず試してみて、機能するかどうかをお知らせください。

Schema.orgマークアップを使用して、プロパティに使用する画像をGoogleに示すことができます。以下は、会社の簡単なWebサイトの例です。

<script type="application/ld+json">
{"@context" : "http://schema.org",
 "@type" : "Organization",  
  "name" : "Example Company",
  "url" : "https://www.example.org", 
  "logo": "https://www.example.org/images/my-logo.png" }
</script>

その会社を検索すると、Googleが画像を必要とするときにそのロゴを表示する可能性がはるかに高くなります。

あなたはそれをやっている場合は、製品ページには、このマークアップが必要になります：

<script type="application/ld+json">
{"@type": "Product",
 "image": "http://example.org/product-image.png",
 "url": "http://example.org/my-products-url",
 "name": "Example Product Name"
 }
</script>

次に、このツールを使用して実装をテストし、Googleがそれを取得していることを確認します。

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

また、スキーマデータを処理するために必要な不足しているプロパティも示します

ウェブマスターセントラルヘルプフォーラムのGoogleトップレベルユーザーとして、多くの質問と使用例を見てきました。サムネイルに関するこの特定の質問は、Googleが同様に動作できる他の質問に関連しています。

これらのサムネイルは何ではないか： 他のコメントに基づくと、これらのサムネイルは以下ではありません：

• ビジネスリスティング
• 構造化データ/リッチスニペット/ jsonまたはスキーマデータ
• ナレッジグラフの一部
• ニュース記事/ POIなどのカルーセルの一部

私の控えめな意見として、これらのサムネイルの背後にあるテクニックとGoogleのAIを使用してそれらを表示するか、どちらが構造化データ/リッチスニペットよりもタイトルタグとメタディスクリプションに関連するかを決定します。そのため、タイトルタグとメタディスクリプションの表示方法の基本的な説明から始めます。そして、サムネイルでそれに続きます。

タイトルタグタイトルタグ を設定できますが、タイトルにスパムが含まれている場合、すべてのページで同じである場合、関連する情報が欠落している場合、またはGoogleが検索により関連性の高いコンテンツに基づいてタイトルを特定できる場合は、Googleが変更する可能性がありますクエリ。

メタ説明メタ説明 を設定できます。再び：それは関連性がある場合は、ページの内容を表していると、おそらくGoogleが表示され、検索クエリに関連して、あなたのメタ記述を。より関連性が高く魅力的な説明を生成できるとGoogleが判断した場合は、独自のメタ説明が表示されます。

最近グーグルは検索結果の説明の長さを増やしました。したがって、基本的にGoogleは現在、ほとんどのメタ記述をすでに適応/拡張しています。Wikipediaと同じように、メタ記述を空のままにすることをお勧めします。

サムネイル
基本的にGoogleは画像を表示できますが、特に設定を行っていない場合は特にそうです。Googleが検索結果アイテム内で使用するサムネイルは、ユーザーの視認性/表現を強化するために使用されます。これまでに見てきたことと、Googleがどのようにそれに取り組むと思いますか。

• もちろん、画像はクロール可能でインデックスが作成されている必要があるため、クロールを妨げたりブロックしたりしないでください。
• ページのメインコンテンツの先頭/ 内部に配置されます。過去には<img>、最初のウェブサイトがあったウェブサイトがありました<p>。Googleはその画像をサムネイルとして使用しました。また、メタディスクリプションのバージョンにaltテキストを使用していました（見栄えがよくありませんでした）。少なくとも画像はメインコンテンツと密接に関連していた。彼らはお互いを強化します。
• 画像は一意である必要があります。Googleが最初のページのすべての検索結果に同じ（ストック）サムネイルを表示した場合、奇妙に見えます。
• 画像は検索クエリに関連付けられ、それを表す必要があります。「ロンドンアイ」を検索すると、このページの4番目の記事のヘッド画像のサムネイルが生成されます。最初の3つの記事の頭のイメージは、ロンドンの目を示していません。これらの画像には代替テキストも含まれておらず、記事のタイトルは「川のクルーズ」であるため、テキストのコンテキストは考慮されません。ここでAIが多くの作業を行ったというイメージを想定できます。スクリーンショットは下に添付されています。
• 可視誓い上記（デスクトップ上）。これについての証拠はありません。これは仮定です。しかし、Googleのフェッチ＆レンダリングツールで画像が表示されれば、非常に役立つと思います。インデックスは現在もデスクトップに基づいていますが、今年はおそらくモバイルファーストインデックスに移行する予定です。サムネイルとして表示する画像は、訪問者が最初に表示する画像の1つである必要があることが重要だと思います。
• opengraphメタデータとページのメインコンテンツで使用されます。opengraphメタデータ。これをメタの説明と比較してください。あなたの場合はog:imageページを表し、ページ上に表示され、検索クエリに関連して、なぜGoogleはそれの親指を生成するには、このいずれかを使用しません。
• （有効または無効）メタタグ（例）およびページのメインコンテンツで使用されます。この例の奇妙な点は、スライドショーの3番目または4番目の画像ですが、カスタムメタタグで言及されていることです。多分それがGoogleが親指を生成するためにそれを選択した理由です。
• 構造化データを無視します。構造化データは、ニュース、製品、記事などのカルーセルで使用されています...これまで、構造化データと検索結果アイテム内のサムネイルとの関係は確認していません。

それについての明確なドキュメントはありませんが、ここでの私たちの議論に関連するこのブログ投稿を見つけました：透かし入り画像に関するGoogleの調査結果。。サムネイルに関する少なくともGoogleの調査結果は次のとおりです。

• ユーザーは、大きくて高品質の画像（高解像度、焦点の合った画像）を好みます。
• ユーザーは検索結果で高品質のサムネイルをクリックする可能性が高くなります。高品質の写真（繰り返しますが、高解像度でピントが合っています）はサムネイルサイズでよく見えます。
• 大きな透かし、画像上のテキスト、境界線などの注意散漫な機能により、サムネイルサイズに縮小すると、画像が乱雑に見える可能性があります。

更新25-12：フェローのTCバリーハンターが私にこのTwitterのディスカッションを指摘しましたが、ジョンミューラーはこの画像のブロックはrobots.txtでのみ可能であると述べています。

Google Search Consoleから変更できるはずです。Google SERPに表示されるページ/記事を表す画像を含む、ウェブページのデータを強調表示できます。

ただし、これはGoogleブラウザで変更するための方法にすぎず、他のブラウザで変更することはできません。

Google Search Consoleに移動>>検索の外観>>

1. 構造化データ
2. リッチカード
3. データハイライター

これらにより、SERP結果をカスタマイズできます。

また、GMBも表示されます。Googleマイビジネスダッシュボードの管理方法については、数多くのすばらしいリソースがあります。説明する

ビジネス情報を編集します（このページを下にスクロールして、画像の情報を確認してください）

Googleマイビジネスヘルプ

お役に立てれば

Googleローカルビジネスのリスティングページを新しい画像で更新する必要があります。古い画像は新しい画像に置き換えられます。

また、検索結果に直接表示されるスパムとして報告することもできます。