Як змінити, яке зображення з веб-сайту відображається в результатах пошуку Google?

Хтось може сказати мені, як Google вирішує, яке зображення використовувати, коли показує зображення з результатами пошуку (як це буває з мобільним пошуком)?

Якщо ви подивитеся на ці результати пошуку для мобільних пристроїв ...

… І візьмемо приклад AliExpress.com як приклад, оглянувши HTML, ви можете побачити, що зображення, яке використовується Google, здається, не має спеціальної декларації і т. Д. Це просто перший JPG, який з’являється в HTML-сторінці цієї сторінки - тому я був думаючи, може, саме тому це зображення, яке використовується в результатах пошуку Google.

Однак, дивлячись на ці результати пошуку для мобільних пристроїв ...

… І враховуючи результат Backpack Billboards, HTML виявляє, що використовуване зображення - це насправді сьоме зображення, оголошене в HTML.

Тож чи може хтось пролити світло на те, як Google визначає, яке зображення відображатиметься? Мені хотілося б знати, щоб потім я міг контролювати, яке зображення відображається на моєму сайті.

Оновлення / рішення

Завдяки відповідям нижче, це код, який я тепер додав до свого headHTML, щоб отримати мініатюру, показану в Google під час пошуку білбордів рюкзака :

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "Regular Backpack Billboard",
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": "Backpack Billboards"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "Backpack Billboards"
    }
  }
}
</script>

Проблема, яку ви цитували, полягає в тому, що Google не в змозі визначити, який ваш основний образ, і саме тому він випадковим чином малює зображення на цій сторінці, щоб відображатися на результаті SERP.

Це також залежить від того, який пошуковий запит ви ввели і яка сторінка (сторінка з деталями пропозиції, сторінка з переліком пропозицій, титульна сторінка продавця тощо) відображається в результатах пошуку.

Однак якщо я вважаю, що в обох ваших знімках екрана відображається одна і та ж сторінка, то тут можливі рішення, які ви можете застосувати на цій сторінці.

Ми можемо повідомити сканеру Google про те, що наша сторінка "означає" за допомогою структурованої розмітки даних. Нам потрібно "помітити" кожен елемент на нашій сторінці, щоб Google це добре розумів, а потім давав розширені результати на SERP.

Ви можете тегувати цю структуровану розмітку даних програмно в будь-якому з цих трьох форматів

1. JSON LD (рекомендується так, як це прийнятно від Google, Yahoo, Bing та Яндекс)

2. Мікродані

3. RDFa

Приклад коду JSON LD вже пояснено L Martin. Більше про розмітку продукту JSON LD ви можете прочитати тут.

Якщо ви хочете зробити це швидко, то Google також має інструмент помічника структурованих даних щодо розмітки даних, який ви можете використовувати від веб-майстрів Google.

Після цього Google зрозуміє, яке зображення потрібно відобразити на сторінці результатів пошуку.

Привіт, після обговорення в коментарях, ось код, який можна спробувати і експериментувати. Я перевірив інструмент перевірки структурованих даних, і він працює чудово.

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
   ],
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
    ]
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": [
    "Backpack Billboards",
    "Human Billboards",
    "Walking Billboards"
      ]
    }
  }
}
</script>

Я спробував наступне

1. Додано три властивості як масив під атрибутом "name" типу "Product"
2. Додано три властивості як масив під атрибутом "бренд" типу "Thing"
3. Додано три властивості як масив під атрибутом "name" типу "Organisation"

Цей скрипт працює в структурованому інструменті тестування даних, однак не впевнений, чи це правильне рішення відповідно до вашого запиту. Спробуйте спочатку і дайте мені знати, працює вона чи ні.

Ви можете вказати Google, яке зображення ви хочете використовувати для своєї власності за допомогою розмітки Schema.org. Ось короткий приклад веб-сайту компанії :

<script type="application/ld+json">
{"@context" : "http://schema.org",
 "@type" : "Organization",  
  "name" : "Example Company",
  "url" : "https://www.example.org", 
  "logo": "https://www.example.org/images/my-logo.png" }
</script>

У пошуках цієї компанії зараз набагато більше шансів показати цей логотип, коли Google потребує зображення.

Якщо ви робите це для сторінки продукту , вам знадобиться така розмітка:

<script type="application/ld+json">
{"@type": "Product",
 "image": "http://example.org/product-image.png",
 "url": "http://example.org/my-products-url",
 "name": "Example Product Name"
 }
</script>

Потім можна протестувати реалізацію за допомогою цього інструменту, щоб переконатися, що Google підбирає її:

https://search.google.com/structured-data/testing-tool

Вони також вкажуть будь-які відсутні властивості, необхідні для обробки даних вашої схеми

Як найкращий співавтор Google на Центральному довідковому форумі для веб-майстрів, я бачив багато питань та випадків використання. Це конкретне запитання щодо мініатюри стосується інших питань, де Google може поводитись аналогічно.

Що не ці ескізи. На основі інших коментарів ці мініатюри не є:

• Список компаній
• Структуровані дані / багаті фрагменти / json або дані схеми
• Частина графіка знань
• Частина каруселей, як новинні статті / POI

На мою скромну думку, методи, які стоять за цими ескізами та AI Google, вирішують їх показувати або які з них більше пов'язані з тегами заголовків та метаописами, ніж зі структурованими фрагментами даних / багатими фрагментами. Тому я розпочну з базового пояснення того, як відображаються теги заголовків та метаописи. І слідкуйте за цим за ескізами.

Теги заголовків Ви можете встановити тег заголовка, але Google може змінити його, якщо в заголовку міститься спам, однаковий для кожної сторінки відсутня відповідна інформація або якщо Google може визначити заголовок на основі вмісту, більш пов’язаного з пошуком запит.

Мета опису Ви можете встановити метаопис. Знову ж таки: якщо це релевантно, представляє вміст сторінки та пов’язаний із пошуковим запитом, можливо, Google покаже ваш метаопис. Якщо Google вважає, що може створити більш релевантний, привабливіший опис, він покаже власний уподобаний метаопис.

Нещодавно Google збільшив довжину опису в результатах пошуку. Тому в основному Google вже адаптує / розширює більшість метаописів. Найкращою практикою може бути залишити свій метаопис порожнім, як це робить Вікіпедія.

Ескізи
Отже, Google в основному може показувати зображення, особливо коли ви не налаштовували речі. Ескізи, які Google використовує всередині елемента пошуку, використовуються для посилення вашої видимості / представлення . Оскільки я бачив досі і як я думаю, що Google підійшов би до цього, ви можете вказати Google у напрямку, щоб показати мініатюру щодо цих умов:

• Зображення звичайно потрібно сканувати та індексувати, тому не перешкоджайте та не блокуйте сканування .
• розміщений на початку / всередині основного змісту сторінки. У минулому у мене був веб-сайт, де я був <img>всередині першого <p>. Google просто використав це зображення як ескіз. І вони навіть використовували текст alt у своїй версії мета опису (що виглядало не так добре). Принаймні зображення було тісно пов'язане з основним змістом. Вони зміцнюють один одного.
• зображення має бути унікальним . Було б дивно, якби Google показав однакову (запасну) мініатюру для кожного результату пошуку на першій сторінці.
• зображення повинно бути пов’язане з пошуковим запитом і потрібно його представляти . Коли я шукаю "London Eye", Google вдається генерувати ескіз головного зображення четвертої статті на цій сторінці . Зображення голови перших трьох статей не показують лондонського ока. На цих зображеннях немає навіть альт-текстів, і стаття має назву «річковий круїз», тому текстовий контекст не береться за них. Я думаю, ми можемо припустити, що імідж AI зробив тут багато роботи. Скріншоти додаються нижче.
• видно над обітницею (на робочому столі). Я не маю доказів для цього, це припущення. Але я думаю, що це дуже допомагає, якщо зображення видно в Google інструменті для отримання та візуалізації. І індексований на сьогоднішній день все ще базується на настільному комп’ютері, цього року він, ймовірно, перейде до мобільної першої індексації. Я думаю, що важливо, щоб зображення, яке ви хочете показати у вигляді мініатюри, повинно бути одним із перших зображень, видимим для відвідувачів.
• використовуються у метаданих на відкритій книзі та в основному змісті сторінки. Метадані відкритих даних. Порівняйте це з метаописом. Якщо ваша og:imageсторінка представляє сторінку, її бачить і пов’язана з пошуковим запитом, чому б Google не використав цю для створення її пальця.
• використовується в (дійсний або недійсний) метатег ( приклад ) та в основному вмісті сторінки. Дивна річ цього прикладу - це те, що це 3-е чи 4-е зображення у слайд-шоу, але воно згадується у спеціальному мета-тезі. Можливо, саме тому Google обрав саме цей, щоб створити великий палець.
• ігнорування структурованих даних . Структуровані дані використовуються у каруселях для новин, продуктів, статей тощо… Я досі не бачив жодного зв’язку між структурованими даними та ескізами всередині елемента результатів пошуку.

Існує не зовсім чітка документація про це, але я знайшов цю публікацію в блозі, яка пов'язана з нашою дискусією тут: висновки Гуглса про зображення з водяними знаками. . Принаймні висновки Google щодо ескізів:

• Користувачі віддають перевагу великим, якісним зображенням (висока роздільна здатність, фокус).
• Користувачі частіше натискають на якісні ескізи в результатах пошуку. Якісні фотографії (знову ж таки, з високою роздільною здатністю та в фокусі) часто краще виглядають на розмірі мініатюр.
• Відволікаючі функції, такі як гучні водяні знаки, текст над зображенням та рамки, ймовірно, змусять зображення виглядати захаращеним при зменшенні розміру мініатюр.

Оновлення 25-12: Співробітник TC Barry Hunter вказав мені на цю щебетальну дискусію, де Джон Мюллер каже, що блокувати це зображення можливо лише через robots.txt.

Він повинен мати можливість змінюватись за допомогою консолі пошуку Google. Ви можете виділити дані своєї веб-сторінки, включаючи зображення, що представляють ту сторінку / статтю, яка буде показана в Google SERP.

Однак це лише спосіб змінити його в браузері Google, я не можу вагатися із зміною його в інших браузерах.

Перейдіть на пошукову консоль Google >> Зовнішній вигляд пошуку >>

1. Структуровані дані
2. Багаті картки
3. Маркер даних

Завдяки цьому ви можете налаштувати результати SERP.

А також ви бачите GMB. Є багато чудових ресурсів щодо керування інформаційною панеллю Google My Business. Проілюструвати

Відредагуйте інформацію про свою компанію (прокрутіть цю сторінку вниз і перегляньте інформацію про зображення)

Довідка Google Мій бізнес

Сподіваюсь, це допомагає

Потрібно оновити сторінку з інформацією про місцевий бізнес Google новими зображеннями, ваші старі зображення будуть замінені на нові.

Також другий варіант, ви можете повідомити про них як про спам, що безпосередньо відображається в результатах пошуку.