Как изменить изображение с веб-сайта в результатах поиска Google?

Может кто-нибудь сказать мне, как Google решает, какое изображение использовать, когда оно показывает изображение с результатами поиска (как это иногда бывает с мобильным поиском)?

Если вы посмотрите на эти результаты мобильного поиска ...

… И возьмем в качестве примера результат AliExpress.com, проверив HTML, вы можете увидеть, что изображение, используемое Google, кажется, не имеет специального объявления и т. Д. Это всего лишь первый JPG, который появляется в HTML этой страницы - так что я был подумав, может быть, именно поэтому это изображение, которое используется в результатах поиска Google.

Однако, когда вы смотрите на эти результаты мобильного поиска ...

… И рассмотрим результаты рекламных щитов Backpack, 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 не может определить, какое изображение является вашим основным, и поэтому оно случайным образом отображает изображение на этой странице для отображения в результатах поиска.

Это также зависит от того, какой поисковый запрос вы ввели и какая страница (страница сведений о предложении, страница со списком предложений, главная страница магазина продавца и т. Д.) Отображается в результатах поиска.

Однако, если я считаю, что на обоих ваших скриншотах появляется одна и та же страница, то здесь есть возможные решения, которые вы можете применить на этой странице.

Мы можем сообщить сканеру Google, что "означает" наша страница, с помощью разметки структурированных данных.Мы должны «пометить» каждый элемент на нашей странице, чтобы Google это хорошо понимал, а затем дал улучшенные результаты в поисковой выдаче.

Вы можете пометить эту разметку структурированных данных программно в любом из этих трех форматов

1. JSON LD (рекомендуется в Google, Yahoo, Bing и Yandex)

2. Microdata

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. Добавлены три свойства в виде массива под атрибутом «имя» типа «Продукт»
2. Добавлены три свойства в виде массива под атрибутом «бренд» типа «Вещи»
3. Добавлены три свойства в виде массива под атрибутом «имя» типа «Организация»

Этот скрипт работает в инструменте тестирования структурированных данных, однако не уверен, что это правильное решение согласно вашему запросу. Попробуйте сначала и дайте мне знать, если это работает или нет.

Вы можете указать 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

По моему скромному мнению, методы, стоящие за этими миниатюрами и искусственным интеллектом Google, решают показать их или какие из них больше связаны с тегами заголовков и метаописаниями, чем со структурированными данными / фрагментами кода. Поэтому я начну с базового объяснения того, как отображаются заголовки и мета-описания. И следите за этим с миниатюрами.

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

Мета-описание Вы можете установить мета-описание. Опять же: если он релевантен, представляет содержание страницы и связан с поисковым запросом, вероятно, Google покажет ваше мета-описание. Если Google считает, что может создать более релевантное и более привлекательное описание, оно покажет свое собственное предпочтительное мета-описание.

Недавно Google увеличил длину описания в результатах поиска. Так что в основном Google уже адаптирует / расширяет большинство мета-описаний сейчас. Лучше всего оставлять мета-описание пустым, как это делает Википедия.

Миниатюры
Таким образом, в основном Google может показывать изображения, особенно когда вы ничего не настраивали. Миниатюры, которые Google использует в элементе результатов поиска, используются для улучшения видимости / представления . То, что я видел до сих пор, и как я думаю, что Google подойдет к этому, вы можете указать Google в направлении, чтобы показать эскиз при следующих условиях:

• конечно, изображение должно быть просканировано и проиндексировано, поэтому не запрещайте и не блокируйте сканирование .
• размещены в начале / внутри основного содержимого страницы. В прошлом у меня был веб-сайт, где у меня был <img>первый<p> . Google просто использовал это изображение в качестве эскиза. И они даже использовали альтернативный текст в своей версии мета-описания (которая выглядела не очень хорошо). По крайней мере, изображение было тесно связано с основным содержанием. Они усиливают друг друга.
• изображение должно быть уникальным . Было бы странно, если бы Google показывал одну и ту же (стоковую) миниатюру для каждого результата поиска на первой странице.
• изображение должно быть связано с поисковым запросом и должно представлять его. Когда я ищу «Лондонский глаз», Google удается создать миниатюру изображения головы 4-й статьи на этой странице. . Изображения первых трех статей не показывают лондонский глаз. Эти изображения даже не имеют альтернативных текстов, и статья называется «речной круиз», поэтому текстовый контекст не рассматривается. Я думаю, мы можем предположить, что ИИ проделал большую работу здесь. Скриншоты прилагаются ниже.
• виден над обетом (на рабочем столе). У меня нет никаких доказательств этого, это предположение. Но я думаю, что это очень помогает, если изображение видно в инструменте выборки и рендеринга от Google. И в настоящее время индексирование все еще основано на десктопе, в этом году оно, вероятно, перейдет на мобильную индексацию. Я думаю, что важно, чтобы изображение, которое вы хотите показать в виде эскиза, должно быть одним из первых изображений, видимых для посетителей.
• используется в метаданных opengraph и в основном содержимом страницы. Метаданные opengraph. Сравните это с мета-описанием. Если вы og:imageпредставляете страницу, видимы на странице и связаны с поисковым запросом, почему бы Google не использовать этот для создания большого пальца.
• используется в (допустимом или недействительном) метатеге ( пример ) и в основном содержимом страницы. Странная вещь этого примера в том, что это 3-е или 4-е изображение в слайд-шоу, но оно упоминается в пользовательском метатеге. Может быть, это причина, почему Google выбрал это для создания большого пальца.
• игнорирование структурированных данных . Структурированные данные используются в каруселях для новостей, продуктов, статей и т. Д. До сих пор я не видел никакой связи между структурированными данными и миниатюрами в элементе результатов поиска.

На самом деле нет четкой документации по этому вопросу, но я нашел этот пост в блоге, который связан с нашей дискуссией здесь: результаты Googles об изображениях с водяными знаками. , По крайней мере, выводы Google о миниатюрах:

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

Обновление 25-12: Товарищ TC Барри Хантер указал мне на это обсуждение в Твиттере, где Джон Мюллер говорит, что блокирование этого изображения возможно только с robots.txt.

Это должно быть в состоянии изменить через Google Search Console. Вы можете выделить данные вашей веб-страницы, включая изображение, представляющее эту страницу / статью, которая будет отображаться в Google SERP.

Тем не менее, это просто способ изменить его в браузере Google, я не могу изменить его в других браузерах.

Перейдите в консоль поиска Google >> Внешний вид поиска >>

1. Структурированные данные
2. Богатые карты
3. Data Highlighter

С их помощью вы можете настроить результаты поиска.

А также вы видите GMB. Есть много отличных ресурсов о том, как вы можете управлять своей панелью Google Мой бизнес. Проиллюстрировать

Изменить информацию о вашей компании (прокрутите эту страницу вниз и посмотрите информацию на изображениях)

Справка Google My Business

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

Вам необходимо обновить страницу с информацией о вашем местном бизнесе в Google новыми изображениями, ваши старые изображения будут заменены новыми.

Также во втором варианте вы можете сообщить о них как о спаме, непосредственно показанном в результатах поиска.