Как Google Plus выбирает изображение из общей ссылки?

27

Если вы поделитесь ссылкой в ​​Google Plus, она будет часто захватывать несколько изображений, которые вы можете прикрепить, когда будете публиковать изображение. Facebook имеет аналогичную функцию. Вы можете указать Facebook, что является основным изображением для страницы, с помощью простого тега LINK. Тем не менее, это не работает для G +.

Как вы говорите G +, что является основным изображением для страницы?

Джастин
источник
многое связано: stackoverflow.com/questions/7985398/…
cregox

Ответы:

20

Вот информация, скопированная из документации кнопки +1 (немного подправлена ​​для улучшения читаемости). Этот метод применяется ко всем способам передачи URL-адресов в Google+.

Заполнение фрагмента +: после + 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 для заголовка, изображения и описания, то они будут использоваться для + фрагмента.

<meta property="og:title" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>

Мета-теги "title" и "description": если <head>элемент страницы содержит теги <meta name="title" ... />и <meta name="description" ... />теги, + Snippet будет использовать свои атрибуты содержимого для заголовка и описания соответственно. Для миниатюрного изображения, общий доступ попытается найти подходящее изображение на странице.

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

Наилучшее предположение по содержанию страницы (не рекомендуется). Если эти данные отсутствуют, Google проанализирует страницу и попытается найти лучший заголовок, описание и изображение.

mimming
источник
1
Спасибо за это, но работает ли это, когда вы просто делитесь ссылкой в ​​Google+? Моя страница использует протокол Open Graph, и когда я использую [ google.com/webmasters/tools/richsnippets] -Tool, я вижу ссылку на изображение в разделе «Извлеченные расширенные данные фрагмента со страницы», но когда я поделитесь ссылкой в ​​Google+, она не загружает изображение.
Итан Леруа
4
Не забывайте<link rel="image_src" href="[insert image url here]"/>
Supuhstar
Совет Supuhstar по использованию <link> сделал изображение моей веб-страницы выбранным путем обмена ссылками в Google+.
Гонконг,
W3C говорит: `Неверное значение заголовка для имени атрибута в элементе meta: Заголовок ключевого слова не зарегистрирован`.
Jeroen
Я установил метаданные og: image, но google + использует другое изображение, которого нет даже на странице. Weird. редактировать - хорошо, изображение на странице, скрытое в раскрывающемся меню. Ну, это помогает, я думаю. Тем не менее, он не использует метаданные.
MrBoJangles
2

[Извините за спекулятивный ответ, но у меня нет сайта, на котором я могу попробовать это немедленно]
Я видел только информацию об этом для кнопки +1 . Кажется разумным, что в бэк-энде Google+ это тот же процесс и поэтому будет искать ту же информацию. Предполагая, что ваши шаблоны построены таким образом, что вы можете применить itemprop="image"к желаемому изображению, попробуйте.

Су»
источник
Это не похоже на работу. Спасибо хоть!
Джастин
1

У Google теперь есть предварительный просмотр фрагмента общего ресурса для создания соответствующей схемы или разметки открытого графика: https://developers.google.com/+/web/snippet/

pxwise
источник