Существуют ли теги для указания формата истории Google +1 в Google+, например, og-meta для Facebook? - PullRequest
29 голосов
/ 30 июня 2011

С Facebook у нас есть Open Graph tags, которые позволяют веб-мастерам указывать, как история отображается в Facebook.

Есть ли что-то похожее для кнопки Google +1, чтопозволяет веб-мастерам указывать эскиз изображения, описание и заголовок?Google+, кажется, игнорирует og-meta tags.

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

Ответы [ 7 ]

44 голосов
/ 28 ноября 2011

Из Google + справочных документов, теперь у нас есть официальный ответ .

Google использует schema.org микроданные для создания расширенных фрагментов в поиске (и в Google+). В этих двух ссылках много написано о schema.org и его связи с Facebook OpenGraph:

См .: http://www.google.com/support/webmasters/bin/answer.py?answer=1211158 Смотри: https://developers.google.com/+/plugins/+1button/

Некоторые важные биты:

+ Отрывок

После + 1 'страницы пользователю предоставляется возможность поделиться страницей с Google+ через отображаемый Поделиться пузырем . Это доля пузыря (вдоль с полученным сообщением об активности в Google+) включает предварительный просмотр или + Фрагмент , который содержит заголовок страницы, краткое описание страницы и миниатюру изображения. Эти фрагменты данных извлекаются из содержимое целевого URL одним из четырех способов, перечисленных в порядке старшинство:

Микроданные Schema.org (рекомендуется)

Если страница помечена schema.org микроданными, фрагмент + + будет использовать свойства name, image и description, найденные на любой тип 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="..."/>

Мета-теги "title" и "description"

Если элемент страницы содержит и теги, + фрагмент будет использовать их Атрибуты содержимого для заголовка и описания соответственно. За миниатюрное изображение, Sharebox будет пытаться найти подходящий изображение на странице.

<meta name="title" content="..." />
<meta name="description" content="..." />
12 голосов
/ 12 июля 2011

Если я поделюсь ссылкой на наше веб-приложение (restorm.com) в Google+, тогда название, описание и изображение будут взяты из соответствующих тегов 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, а не из метатега заголовка и описания ...

4 голосов
/ 27 января 2012

Изображения, которые слишком малы или недостаточно квадратны, не будут включены в + фрагмент, даже если на них явно ссылаются с помощью микроданных schema.org или разметки Open Graph. В частности, высота должна быть не менее 120 пикселей, а если ширина меньше 100 пикселей, то соотношение сторон не должно превышать 3,0.

3 голосов
/ 23 октября 2012

Я работаю над этим, и Google+ не собирал мои теги OG.

Когда я вставил: <body itemscope itemtype="http://schema.org/Article"> в HTML, он начал их подбирать.

Надеюсь, это сэкономит кому-то время!

3 голосов
/ 13 июля 2011

Только что ответил на другое сообщение Google +1 генерирует Thumbmail в профиле

Похоже, Google + 1 имеет следующую иерархию данных:

  1. Открыть графические теги http://ogp.me/ - кажется, на данный момент единственный способ добавить эскиз - это использовать тег og: image
  2. Обычные мета-теги т.е. название, описание
  3. Содержимое страницы если в указанных выше параметрах не задано описание, описание берется из содержимого на странице.

Надеюсь, это поможет.

2 голосов
/ 12 октября 2011

meta og: изображение работает, секрет в том, чтобы изображение было достаточно большим.Он потерпел неудачу при размере 140x112 и работает, когда я переключаюсь на увеличенное изображение 511x364

0 голосов
/ 30 июня 2011

Google использует заголовок и описание страницы в стандартных метатегах.Однако, похоже, нет способа указать эскиз.

...