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


27

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

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


関連性が
高い

回答:


20

+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" ... />タグが含まれている場合、+スニペットはそれぞれタイトルと説明にコンテンツ属性を使用します。サムネイル画像の場合、共有ボックスはページ上の適切な画像を見つけようとします。

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

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


1
これに感謝しますが、Google +でリンクを直接共有するだけでも機能しますか?私のページはOpen Graph Protocolを使用し、[ google.com/webmasters/tools/richsnippets]ツールを使用すると、[ ページから抽出されたリッチスニペットデータ]セクションで画像へのリンクが表示されますが、 Google+でリンクを共有すると、画像は読み込まれません。
イーサンリロイ

4
忘れてはいけない<link rel="image_src" href="[insert image url here]"/>
Supuhstar

<link>を使用するSupuhstarのヒントにより、Google +のリンク共有によって選択されたWebページの画像が作成されました。
香港

W3Cは次のように述べています: `エレメントメタの属性名に不正な値タイトル:キーワードタイトルが登録されていません
Jeroen

og:imageメタデータを設定しましたが、google +はページ上にない他の画像を使用しています。奇妙な。編集、画像はページ上にあり、スライドダウンメニューで非表示になっています。まあ、それは助けになると思います。それでも、メタデータは使用していません。
-MrBoJangles

2

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


それはうまくいかないようでした。でもありがとう!
ジャスティン

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.