Як Google Plus вибирає зображення із спільного посилання?


27

Якщо ви поділитесь посиланням на Google Plus, воно часто захоплюватиме кілька зображень, які ви зможете долучити, коли публікуєте зображення. Facebook має подібну особливість. Ви можете повідомити Facebook, яке є основним зображенням сторінки, за допомогою простого тегу LINK. Однак це не працює для G +.

Як сказати G +, що таке основне зображення для сторінки?


багато пов'язаних: stackoverflow.com/questions/7985398 / ...
cregox

Відповіді:


20

Ось інформація, скопійована з документації на кнопку +1 (трохи підроблена для покращення читабельності). Цей метод застосовується до всіх способів спільного використання URL-адрес у Google+.

Населення + Сніппету: Після позначки сторінки +1, користувачеві надається можливість ділитися цією сторінкою в Google+ за допомогою відображеного міхура Share. Цей міхур для спільного використання (разом із результатом публікації про Google+) містить попередній перегляд або + фрагмент, який містить назву сторінки, короткий опис сторінки та ескіз зображення. Ці фрагменти даних витягуються із вмісту цільової URL-адреси одним із чотирьох способів, перелічених у черговості:

Мікродані Schema.org (рекомендовано): Якщо на сторінці додано повідомлення з мікроданими schema.org, + Snippet використовуватиме властивості імені, зображення та опису, знайдені у будь-якому типі 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 для заголовка, зображення та опису, вони будуть використані для фрагмента +.

<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 розбере сторінку та спробує знайти найкращий заголовок, опис та зображення.


1
Дякую за це, але чи це також працює, коли ви просто надаєте посилання безпосередньо в Google+? Моя сторінка використовує протокол відкритого графіка, і коли я використовую [ google.com/webmasters/tools/richsnippets] -інструмент, я можу побачити посилання на зображення у розділі "Витягнутий багатий фрагмент зі сторінки" -розділ, але коли я надсилайте посилання в Google+, воно не завантажує зображення.
Етан Лерой

4
Не забувайте<link rel="image_src" href="[insert image url here]"/>
Супухстар

Підказка Supuhstar щодо використання <link> зробила зображення моєї веб-сторінки вибраним обміном посиланнями Google+.
Гонг

W3C говорить: `Неправильне заголовок для імені атрибута на мета елемента: Заголовок ключового слова не зареєстровано."
Jeroen

Я встановлюю метадані og: image, але Google + використовує якесь інше зображення, яке навіть немає на сторінці. Дивно. редагувати - добре, зображення знаходиться на сторінці, приховане в розсувному меню. Ну, це допомагає, я думаю. Проте метадані не використовують.
MrBoJangles

2

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


Це, схоже, не спрацювало. Дякую, хоча!
Джастін

1

Зараз у Google є інструмент попереднього перегляду фрагментів для спільного використання для створення відповідної схеми або відкриття розмітки графіків: https://developers.google.com/+/web/snippet/

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.