С Facebook у нас есть Open Graph tags, которые позволяют веб-мастерам указывать, как история отображается на Facebook.
Есть ли что-то подобное для кнопки Google +1, которая позволяет веб-мастерам указать миниатюру изображения, описание и заголовок? Google+, кажется, игнорирует og-meta tags.
Из справочных документов 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, +Snippet будет использовать свойства
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
Если элемент страницы содержит теги и , +Snippet будет использовать их атрибуты содержимого для заголовка и описания соответственно. Для эскиза изображение будет пытаться найти подходящее изображение на странице.
<meta name="title" content="..." />
<meta name="description" content="..." />
Если я делюсь ссылкой на наше веб-приложение (restorm.com) в Google+, то заголовок, описание и изображение берутся из соответствующих тегов 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" />
в конечном итоге делиться вот так
Так что title и description точно взяты из og:title и og:description, а не из метатега title и description...
Слишком маленькие или недостаточно квадратные изображения не будут включены в +Snippet, даже если на них явно ссылаются с помощью микроданных schema.org или разметки Open Graph. В частности, высота должна быть не менее 120 пикселей, а если ширина меньше 100 пикселей, то соотношение сторон должно быть не более 3,0.
Только что ответил на это в другом сообщении Google +1 сгенерировал миниатюру в профиле
Похоже, Google+1 имеет следующую иерархию данных:
Надеюсь это поможет.
Я работаю над этим, и Google+ не улавливает мои теги OG.
Когда я вставил: <body itemscope itemtype="http://schema.org/Article"> в HTML, он начал их подбирать.
Надеюсь, это сэкономит кому-то время!
meta og:image работает, секрет в том, чтобы изображение было достаточно большим. Это не удалось при разрешении 140x112 и работает, когда я перехожу на большую миниатюру 511x364.
Похоже, что Google использует заголовок и описание страницы в стандартных метатегах. Однако, похоже, нет возможности указать миниатюру.
