Como alterar qual imagem do site é mostrada no resultado da pesquisa do Google?

Alguém pode me dizer como o Google decide qual imagem usar quando mostra uma imagem com os resultados da pesquisa (como é o caso da pesquisa para celular, às vezes)?

Se você olhar para esses resultados de pesquisa para celular…

… E tome o resultado do Aliexpress como um exemplo, inspecionando o HTML, você pode ver que a imagem usada pelo Google parece não ter uma declaração especial etc. É apenas o primeiro JPG que aparece no HTML da página - então eu estava pensando que talvez seja por isso que é a imagem usada nos resultados de pesquisa do Google.

No entanto, quando você olha para esses resultados de pesquisa para celular…

… E considere o resultado do Backpack Billboards, o HTML revela que a imagem usada é na verdade a sétima imagem declarada no HTML.

Então, alguém pode esclarecer como o Google determina qual imagem será exibida? Gostaria de saber para que eu possa ter controle sobre a imagem exibida no meu site.

Atualização / Solução

Graças às respostas, abaixo, este é o código que adicionei ao meu headHTML para obter a miniatura mostrada no Google ao pesquisar outdoors de mochila :

<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>

O problema que você citou é porque o Google não consegue determinar qual é a sua imagem principal e, por isso, exibe aleatoriamente uma imagem nessa página para mostrar no resultado da SERP.

Também depende da consulta de pesquisa que você inseriu e da página (página de detalhes da oferta, página de listagem da oferta, página inicial da loja do vendedor etc.) exibida no resultado da pesquisa.

No entanto, se considerar que nas duas capturas de tela a mesma página está sendo exibida, aqui estão as soluções possíveis que você pode aplicar na página.

Podemos informar ao rastreador do Google o que nossa página "significa" por meio da Marcação de dados estruturada. Temos que "marcar" todos os elementos da nossa página para que o Google entenda bem e, em seguida, forneça melhores resultados na SERP.

Você pode marcar essa marcação de dados estruturados programaticamente em um desses três formatos

1. JSON LD (recomendado como aceitável pelo Google, Yahoo, Bing e Yandex)

2. Microdados

3. RDFa

O exemplo de código JSON LD já é explicado acima por L Martin. Você pode ler mais sobre a marcação do produto JSON LD aqui.

Caso você queira fazer isso rapidamente, o Google também possui uma ferramenta Auxiliar de Marcação de Dados Estruturados, que você pode usar nos Webmasters do Google.

Uma vez feito, o Google entenderá qual imagem será exibida na página de resultados da pesquisa.

Olá, após a discussão nos comentários, aqui está o código que você pode tentar e experimentar. Fiz o check-in da Ferramenta de Teste de Dados Estruturados e está funcionando bem.

<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>

Eu tentei seguir

1. Adicionadas três propriedades como uma matriz no atributo "nome" do tipo "Produto"
2. Adicionadas três propriedades como uma matriz no atributo "marca" do tipo "Coisa"
3. Adicionadas três propriedades como uma matriz no atributo "nome" do tipo "Organização"

Esse script funciona na ferramenta de teste de dados estruturados, no entanto, não tem certeza se é a solução correta conforme sua consulta. Experimente primeiro e deixe-me saber se funciona ou não.

Você pode indicar ao Google qual imagem deseja usar para sua propriedade usando a marcação Schema.org. Aqui está um exemplo rápido do site da empresa :

<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>

A busca por essa empresa agora tem muito mais probabilidade de mostrar esse logotipo quando o Google precisa de uma imagem.

Se você estiver fazendo isso para uma página de produto , precisará dessa marcação:

<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>

Em seguida, você pode testar a implementação usando esta ferramenta para garantir que o Google esteja escolhendo:

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

Eles também indicam as propriedades ausentes necessárias para processar seus dados do esquema

Como principal colaborador do Google no Fórum de Ajuda da Central do webmaster, já vi muitas perguntas e casos de uso. Esta pergunta específica sobre a miniatura está relacionada a outras perguntas em que o Google pode se comportar de maneira semelhante.

O que essas miniaturas não são: Com base em outros comentários, essas miniaturas não são:

• Listagens de empresas
• Dados estruturados / rich snippets / json ou dados do esquema
• Parte do gráfico de conhecimento
• Parte dos carrosséis, como notícias / POIs

Para minha humilde opinião, as técnicas por trás dessas miniaturas e a IA do Google para decidir mostrá-las ou quais estão mais relacionadas a tags de título e meta descrições do que a dados estruturados / rich snippets. É por isso que começarei com uma explicação básica de como as tags de título e as meta descrições são mostradas. E siga com as miniaturas.

Tags de título Você pode definir uma tag de título, mas o Google pode alterá-la se o título contiver spam, é o mesmo para todas as páginas que faltam informações relevantes ou se o Google pode determinar um título com base no conteúdo mais relacionado à pesquisa inquerir.

Meta descrição Você pode definir uma meta descrição. Novamente: se for relevante, representa o conteúdo da página e está relacionado à consulta de pesquisa, provavelmente o Google mostrará sua meta descrição. Se o Google achar que pode gerar uma descrição mais relevante e atraente, mostrará sua própria meta descrição preferida.

Recentemente, o Google aumentou o tamanho da descrição nos resultados de pesquisa. Então, basicamente, o Google já adapta / estende a maioria das meta descrições agora. A melhor prática pode ser deixar sua meta description vazia, assim como a Wikipedia.

Miniaturas
Então, basicamente, o Google pode mostrar imagens, especialmente quando você não configurou as coisas. As miniaturas que o Google usa em um item de resultado de pesquisa são usadas para fortalecer sua visibilidade / representação . Como o que vi até agora e como acho que o Google abordaria isso, você pode apontar o Google em uma direção para mostrar uma miniatura nessas condições:

• é claro que a imagem precisa ser rastreável e indexada. Portanto, não impeça ou bloqueie o rastreamento .
• colocado no início / dentro do conteúdo principal da página. No passado, eu tinha um site onde eu tinha um <img>dentro do primeiro <p>. O Google acabou de usar essa imagem como miniatura. E eles até usaram o texto alternativo em sua versão da meta descrição (que não parecia tão boa). Pelo menos a imagem estava intimamente relacionada ao conteúdo principal. Eles se fortalecem.
• a imagem precisa ser única . Seria estranho se o Google mostrasse a mesma miniatura (estoque) para cada resultado de pesquisa na primeira página.
• a imagem precisa estar relacionada à consulta de pesquisa e precisa representá- la. Quando procuro por 'London Eye', o Google consegue gerar uma miniatura da imagem principal do quarto artigo desta página . As imagens dos três primeiros artigos não mostram o olho de londres. Essas imagens nem possuem textos alternativos e o artigo é intitulado 'cruzeiro no rio'; portanto, o contexto textual não é resolvido. Acho que podemos assumir que a imagem AI fez muito trabalho aqui. As capturas de tela estão anexadas abaixo.
• visível acima do voto (na área de trabalho). Eu não tenho nenhuma prova disso, isso é uma suposição. Mas acho que ajuda muito se a imagem estiver visível na ferramenta de busca e renderização do Google. E o indexado hoje em dia ainda é baseado em computadores; este ano provavelmente passará para a primeira indexação para dispositivos móveis. Acho importante que a imagem que você deseja exibir como miniatura seja uma das primeiras imagens visíveis para os visitantes.
• usado nos metadados opengraph e no conteúdo principal da página. Os metadados opengraph. Compare isso com a meta descrição. Se o seu og:imagerepresenta a página, está visível na página e está relacionado à consulta de pesquisa, por que o Google não o utilizaria para gerar seu polegar?
• usado em uma metatag (válida ou inválida) ( exemplo ) e no conteúdo principal da página. O estranho deste exemplo é que é a 3ª ou a 4ª imagem na apresentação de slides, mas é mencionada em uma metatag personalizada. Talvez seja por essa razão que o Google tenha escolhido esse para gerar um polegar.
• ignorando dados estruturados . Os dados estruturados são usados ​​em carrosséis para notícias, produtos, artigos e assim por diante ... Até agora, não vi nenhuma relação entre dados estruturados e as miniaturas em um item de resultado de pesquisa.

Não existe uma documentação realmente clara sobre isso, mas encontrei esta postagem do blog relacionada à nossa discussão aqui: descobertas do Google sobre imagens com marca d'água. . Pelo menos as descobertas do Google sobre miniaturas são:

• Os usuários preferem imagens grandes e de alta qualidade (alta resolução, foco).
• É mais provável que os usuários cliquem em miniaturas de qualidade nos resultados de pesquisa. Imagens de qualidade (novamente, alta resolução e foco) geralmente ficam melhores no tamanho da miniatura.
• Recursos que causam distração, como marcas d'água altas, texto sobre a imagem e bordas, provavelmente tornarão a imagem confusa quando reduzida ao tamanho da miniatura.

Atualização 25-12: O colega TC Barry Hunter me indicou essa discussão no Twitter, na qual John Mueller diz que o bloqueio dessa imagem só é possível com o robots.txt.

Deve poder mudar através do Google Search Console. Você pode destacar os dados da sua página da web, incluindo a imagem que representa a página / artigo que será mostrado no Google SERP.

No entanto, essa é apenas uma maneira de alterá-lo no Google Browser. Não posso hesitar em alterá-lo em outros navegadores.

Vá para o Google Search Console >> Aparência da pesquisa >>

1. Dados Estruturados
2. Rich Cards
3. Marcador de dados

Através deles, você pode personalizar os resultados do SERP.

E também você vê GMB. existem muitos recursos excelentes para gerenciar o painel do Google Meu Negócio. Ilustrar

Edite as informações da sua empresa (role esta página para baixo e veja as informações nas imagens)

Ajuda do Google Meu Negócio

Espero que isto ajude

Você deve atualizar sua página de listagem da empresa local do Google com novas imagens. Suas imagens antigas serão substituídas por uma nova.

Também segunda opção, você pode denunciá-los como spam, mostrado diretamente nos resultados da pesquisa.