Существуют ли теги, чтобы указать формат Google +1 в Google+, например, og-meta для Facebook?

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

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

Ответ 1

В документах справки 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+) включает в себя предварительный просмотр или + Snippet, который содержит заголовок страницы, краткое описание страницы и уменьшенное изображение. Эти части данных извлекаются из целевой 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 для заголовка, изображения и описание, то они будут использоваться для фрагмента +.

<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="..." />

Ответ 2

Если я поделился ссылкой на наш webapp (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 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" />

в конечном итоге используется как

Итак, название и описание определенно взяты из og:title и og:description, а не из метатега заголовка и описания...

Ответ 3

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

Ответ 4

Просто ответил на это в другом сообщении Google +1 Создал Thumbmail в профиле

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

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

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

Ответ 5

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

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

Надеюсь, что это кому-то поможет!

Ответ 6

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

Ответ 7

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