これによりFacebook、Open Graph tagsWeb マスターが Facebook でのストーリーの表示方法を指定できるようになります。
Google +1ウェブマスターがサムネイル画像、説明、タイトルを指定できるボタンに似たものはありますか? Google+を無視しているようog-meta tagsです。
質問する
21708 次
7 に答える
44
Google+ヘルプ ドキュメントから、公式の回答が得られました。
Google はschema.org のマイクロデータを使用して、検索 (および Google+) でリッチ スニペットを生成します。次の 2 つのリンクには、schema.org とそれが Facebook OpenGraph とどのように関連しているかについて多くのことが書かれています。
参照: http://www.google.com/support/webmasters/bin/answer.py?answer=1211158 参照: https://developers.google.com/+/plugins/+1button/
いくつかの重要なビット:
+スニペット
ページを +1 した後、ユーザーは、表示された共有バルーンを介して Google+ でページを共有するオプションを利用できます。この共有バブル (結果の Google+ アクティビティ投稿と共に)には、ページ タイトル、ページの簡単な説明、およびサムネイル画像を含むプレビュー ( +Snippet ) が含まれます。これらのデータは、次の 4 つの方法のいずれかでターゲット URL のコンテンツから抽出されます。
Schema.org の microdata (推奨)
ページにschema.orgマイクロデータのアノテーションが付けられている場合、+Snippet はschema.org タイプにある
name、image、およびプロパティを使用します。description
<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="..."/>
メタ「タイトル」と「説明」タグ
ページの要素に タグと タグが含まれている場合、+Snippet はそれぞれのコンテンツ属性をタイトルと説明に使用します。サムネイル画像の場合、共有ボックスはページ上で適切な画像を見つけようとします。
<meta name="title" content="..." />
<meta name="description" content="..." />
于 2011-11-28T12:23:40.747 に答える
12
Google+ でウェブアプリ (restorm.com) へのリンクを共有すると、タイトル、説明、画像がそれぞれのog:タグ ( og:title、og:description、og:image) から取得されます。
これらのタグ
<title>One Shot Orchestra • Electronic • Music, Concerts & More • restorm.com</title>
<link href="https://restorm.com/favicon.ico?116a158" rel="shortcut icon" />
<meta name="description" content="Listen to music of One Shot Orchestra for free and browse the Artist's news, events, videos, pictures, shop, booking & press Infos, live footage & much more on restorm." />
<meta property="og:title" content="One Shot Orchestra" />
<meta property="og:url" content="https://one-shot-orchestra.restorm.com/" />
<meta property="og:type" content="band" />
<meta property="og:description" content="Bangin´ Live Electro aus Bern-Kreuzberg" />
<meta property="og:site_name" content="restorm.com" />
<meta property="fb:app_id" content="127577323959237" />
<meta property="og:language" content="en" />
<meta property="og:image" content="https://assets3.restorm.com/resources/images/40/40b17a53aa9785fa89c15b06b9fcfd72_643969.jpeg?116a158" />
<meta property="og:video" content="https://one-shot-orchestra.restorm.com/minipage/minipage.swf?applicationSettingsURL=https%3A%2F%2Fone-shot-orchestra.restorm.com%2Fminipage%2Fsettings.xml&auto=true" />
<meta property="og:video:width" content="300" />
<meta property="og:video:height" content="200" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
このように共有されてしまう
したがって、タイトルと説明は、タイトルと説明のメタタグからではなく、間違いなくog:titleとから取得されます...og:description
于 2011-07-12T12:00:45.313 に答える
4
小さすぎる、または十分に正方形でない画像は、schema.org の microdata または Open Graph マークアップを使用して明示的に参照されている場合でも、+Snippet には含まれません。具体的には、高さは 120 ピクセル以上である必要があり、幅が 100 ピクセル未満の場合、アスペクト比は 3.0 以下である必要があります。
于 2012-01-27T19:37:11.197 に答える
3
私はこれに取り組んでいますが、Google+は私のOGタグを取得していませんでした。
私が：<body itemscope itemtype="http://schema.org/Article">をHTMLに入れると、それはそれらを拾い始めました。
これが誰かの時間を節約することを願っています！
于 2012-10-23T10:40:03.653 に答える
3
ちょうど別の投稿でこれに答えましたGoogle +1 プロフィールで生成されたサムメール
Google+1 には次のデータ階層があるようです:
- グラフタグを開く http://ogp.me/ - 現時点では、サムネイルを追加する唯一の方法は og:image タグを使用することです
- 通常のメタ タグ、つまりタイトル、説明
- ページ コンテンツ上記のオプションで説明が設定されていない場合、説明はページのコンテンツから取得されます。
お役に立てれば。
于 2011-07-13T13:37:49.293 に答える
2
meta og:image は機能します。秘密は、画像を十分に大きくすることです。140x112 で失敗し、より大きなサムネイル 511x364 に変更すると機能します
于 2011-10-12T17:06:45.857 に答える