web-dev-qa-db-ja.com

Facebookのog-metaのように、Google +でGoogle +1ストーリー形式を指定するタグはありますか？

Facebookでは Open Graph tags を使用して、WebマスターがFacebookでのストーリーの表示方法を指定できるようにします。

Google +1ボタンに似たものはありますか。これにより、ウェブマスターはサムネイル画像、説明、タイトルを指定できますか？ Google+はog-meta tagsを無視しているようです。

Example of Google's Profile +1 list, versus Facebook's wall

facebook-likegoogle-plus-oneschema.orgog-meta
29
texmex5

Google +ヘルプドキュメントから、公式回答ができました。

Googleは schema.org microdataを使用して、検索（およびGoogle+）でリッチスニペットを生成します。 schema.orgとFacebook OpenGraphとの関連については、次の2つのリンクに多く記載されています。

参照： http://www.google.com/support/webmasters/bin/answer.py?answer=1211158 参照： https://developers.google.com/+/ plugins/+ 1button /

いくつかの重要なビット：

+ Snippet

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

Schema.org microdata（推奨）

schema.orgmicrodataでページに注釈が付けられている場合、+ Snippetはname、image、およびschema.orgタイプで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="..."/>

メタ "title"および "description"タグ

ページの要素にタグとタグが含まれている場合、+ Snippetはそれぞれタイトルと説明にコンテンツ属性を使用します。サムネイル画像の場合、シェアボックスはページ上で適切な画像を見つけようとします。

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

Google+でウェブアプリ（restorm.com）へのリンクを共有すると、タイトル、説明、画像がそれぞれのog:タグ（og:title、og:description、og:image）。

これらのタグ

<title>One Shot Orchestra • Electronic • Music, Concerts & More &#8226; 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 &amp; press Infos, live footage &amp; 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&amp;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" />

このように共有されることになります

screenshot of sharing result

したがって、タイトルと説明はog:titleおよびog:description、タイトルと説明のメタタグからではありません...

12
severin

Schema.org microdataまたはOpen Graphマークアップを使用して明示的に参照されている場合でも、小さすぎる画像や十分に正方形でない画像は+ Snippetに含まれません。具体的には、高さは少なくとも120pxである必要があり、幅が100px未満の場合、アスペクト比は3.0以下でなければなりません。

4
dynaum

私はこれに取り組んでおり、Google +がOGタグを取得していませんでした。

私が置くとき：<body itemscope itemtype="http://schema.org/Article">をHTMLに取り込むと、それらを拾い始めました。

これが誰かの時間を節約することを願っています！

3
JonB

別の投稿でこれに答えただけです プロフィールでGoogle +1で生成されたサムメール

Google + 1には次のようなデータ階層があります。

  1. グラフタグを開くhttp://ogp.me/ -現時点では、サムネイルを追加する唯一の方法はog：imageタグを使用する
  2. 通常のメタタグつまり、タイトル、説明
  3. ページコンテンツ上記のオプションで説明が設定されていない場合、説明はページのコンテンツから取得されます。

お役に立てれば。

3
user842735

meta og：imageは機能しますが、秘密は画像を十分に大きくすることです。 140x112で失敗し、大きなサムネイル511x364に変更すると機能します

2
skojin

Googleは、標準のメタタグで、ページのタイトルと説明を使用しているようです。ただし、サムネイルを指定する方法がないようです。

0
jamescridland