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

14

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>
proibição de geoengenharia
fonte
O que é / são as consultas de pesquisa? Pode ser impossível responder a essa pergunta sabendo como você pesquisou.
Closetnoc 29/03
Não sei ao certo qual foi a consulta de pesquisa para este exemplo específico. Você está sugerindo que a solução seja tentar incluir a consulta de pesquisa na altetiqueta, no titlenome ou no nome do arquivo da imagem desejada , etc.?
ban-geoengineering
Não. Os resultados da pesquisa dependem da consulta de pesquisa. Quanto a mim, eu aceitaria a consulta de pesquisa e veria como ela é resolvida na área de trabalho. A partir daí, posso concluir de onde vêm vários elementos de resultado. Em seguida, comparo quais elementos permanecem em uma pesquisa para celular e geralmente posso voltar de onde vêm os elementos de resultado e por quê. Como o conhecimento, o mecanismo de resposta ou o snippet em destaque.
closetnoc
"Rastrear" de volta, acho que você quis dizer (?) O que você quer dizer com "conhecimento" e "mecanismo de resposta"?
ban-geoengineering
Ooopppsss !! Desculpa. O gráfico de conhecimento (perdeu esta palavra) é uma forma de banco de dados de fatos semânticos. Os gráficos de conhecimento são baseados em pesquisas de marcas e links de fatos. O mecanismo de resposta usa o gráfico de conhecimento para responder a perguntas encontradas na consulta. As consultas nem sempre podem ser perguntas a serem tratadas pelo mecanismo de resposta. Um snippet em destaque não usa o gráfico de conhecimento ou o mecanismo de resposta, no entanto, encontra um conjunto específico de recursos encontrados na página que fornecem melhores pistas semânticas que parecem corresponder diretamente à consulta. Os resultados podem ser um saco misto.
closetnoc

Respostas:

6

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.

Bhargav Joshi
fonte
Atualizei minha pergunta com o código de trabalho. No entanto, meu cliente está obtendo resultados diferentes dos meus. Para ele, a imagem é mostrada apenas ao procurar outdoors de mochila . Você sabe quais alterações eu preciso fazer no código para que a imagem também seja exibida ao procurar outdoors ambulantes ou outdoors humanos ?
ban-geoengineering 4/18
Você está direcionando outdoors de mochila, outdoors ambulantes e outdoors humanos como três palavras-chave diferentes para um único produto chamado "outdoor de mochila" ou esses três produtos são totalmente diferentes? Se forem três produtos totalmente diferentes, será necessário fazer uma marcação individual para cada um deles. Seu caso será "Várias entidades na mesma página" e você precisará marcá-las individualmente.
Bhargav Joshi
Além disso, lembre-se de que depende totalmente do Google se eles querem mostrar a imagem e outras marcações ou não. Eles citam várias razões para o mesmo - como o histórico de pesquisa do usuário, o tráfego da página, a autoridade da página, a classificação da página, blá, blá. Algo como, nunca sabemos se nossa namorada diz sim ou não enquanto a propõe, mas não há nada errado em tentar ;) (se o cliente argumenta muito, então lançá-lo este exemplo :)).
Bhargav Joshi
As três palavras-chave diferentes são todas para o mesmo produto único, então o que devo fazer nessa situação? (Felizmente, isso não vai envolver propor a ninguém :-)!)
ban-geoengenharia
Nesse caso, sugiro que você faça algumas tentativas e experimentos. Na verdade, existem dois conceitos diferentes que estamos misturando no momento. Um é SEO e segundo e dados estruturados. Você pode ter uma classificação mais alta para várias palavras-chave, mas o Google precisa entender que todas são para os mesmos produtos e deve considerá-las igualmente. Algumas coisas que você pode experimentar são: 1) preparar o seu conteúdo pronto e escrever apropriada página SEO para todos os 3 produtos - (sugestão é continuar no meu próximo comentário)
Bhargav Joshi
12

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

L Martin
fonte
11
Isto é para um site de produto único (mas com várias páginas). É a nossa página inicial que aparece nos resultados de pesquisa do Google, então eu gostaria que o Google mostrasse a imagem do nosso produto. Então, para conseguir isso, precisaria usar seu segundo trecho de código em nossa home page? E, se sim, seria correto se eu especificasse o "url"valor como o URL da página do produto em vez do URL da página inicial?
ban-geoengineering
2
@ ban-geoengineering Sim, você entendeu corretamente. Você precisaria de um URL de imagem real hospedado no seu servidor na marcação JSON LD do Structured Data. Nesse caso, seria necessário "marcar" essas imagens em vários tipos de marcação disponíveis. (por exemplo, marcação - produto, receita, revisão, artigo etc.) Você pode ler mais sobre a Marcação de produto de dados estruturados aqui: developers.google.com/search/docs/data-types/product Também elaborarei mais em resposta separada.
Bhargav Joshi
4

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.

Resultado da pesquisa de tela London Eye no celular Exemplo para o London Eye, usando a imagem do artigo River Cruise

p3sn
fonte
1

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.

Jakub Kliský
fonte
Não consegui ver como fazer isso no Google Search Console. Você poderia fornecer as etapas? (Adicionei uma recompensa de 100, portanto, ficaria feliz em conceder isso a você, se funcionar para mim.) #
-Ban-
0

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

Mazharul Haq SEO
fonte
-1

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.

Ken Calhoun
fonte