web-dev-qa-db-ja.com

Google Plusは共有リンクから画像をどのように選択しますか?

Google Plusでリンクを共有すると、画像を投稿するときに添付できるいくつかの画像を取得することがよくあります。 Facebookにも同様の機能があります。シンプルなLINKタグを使用して、ページの主要な画像であるFacebookに伝えることができます。ただし、これはG +では機能しません。

G +にページの主な画像をどのように伝えるのですか?

27
Justin

+ 1ボタンのドキュメント からコピーした情報を次に示します(読みやすくするために少し調整しました)。この方法は、URLがGoogle+で共有されるすべての方法に適用されます。

+ Snippetの入力:ページを+1した後、表示された共有バブルを介して、ページをGoogle+と共有するオプションがユーザーに与えられます。この共有バブルには、結果のGoogle+アクティビティの投稿に加えて、ページタイトル、ページの簡単な説明、サムネイル画像を含むプレビュー(+スニペット)が含まれます。これらのデータは、次の4つの方法のいずれかでターゲットURLのコンテンツから抽出され、優先順にリストされます。

Schema.org microdata(推奨):ページにschema.org microdataの注釈が付けられている場合、+ Snippetは名前、画像、説明のプロパティを使用しますschema.orgタイプにあります。

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="image-url"></img>
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

Open Graphプロトコル:ページにタイトル、画像、説明のOpen Graphプロパティが含まれている場合、それらは+ Snippetに使用されます。

<meta property="og:title" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>

メタ「タイトル」および「説明」タグ:ページの<head>要素に<meta name="title" ... />および<meta name="description" ... />タグが含まれる場合、+ Snippetはそれぞれタイトルと説明にコンテンツ属性を使用します。サムネイル画像の場合、共有ボックスはページ上の適切な画像を見つけようとします。

<meta name="title" content="..." />
<meta name="description" content="..." />

ページコンテンツからの最良の推測(非推奨):このデータが存在しない場合、Googleはページを解析し、最適なタイトルを見つけようとします。説明、および画像。

20
mimming

[投機的な反応は申し訳ありませんが、すぐに試せるサイトはありません]
+ 1ボタンに対してこれを行う に関する情報しか見ていません。 Google+バックエンドでこれが同じプロセスであるため、同じ情報を検索することは理にかなっているようです。 itemprop="image"を目的の画像に適用できる方法でテンプレートが構築されていると仮定して、試してみてください。

2
Su'

Googleには、適切なスキーマまたはオープングラフマークアップを生成するための共有スニペットプレビューツールがあります: https://developers.google.com/+/web/snippet/

1
pxwise