¿Cómo cambiar qué imagen del sitio web se muestra en el resultado de búsqueda de Google?

¿Alguien puede decirme cómo Google decide qué imagen usar cuando muestra una imagen con los resultados de búsqueda (como es el caso de la búsqueda móvil, a veces)?

Si nos fijamos en estos resultados de búsqueda móvil ...

… Y tome el resultado de AliExpress como ejemplo, al inspeccionar el HTML puede ver que la imagen utilizada por Google parece no tener una declaración especial, etc. Es solo el primer JPG que aparece en el HTML de esa página, así que estaba pensando que tal vez por eso es la imagen que se utiliza en los resultados de búsqueda de Google.

Sin embargo, cuando observa estos resultados de búsqueda móvil ...

... y considere el resultado de Backpack Billboards, el HTML revela que la imagen que se está utilizando es en realidad la séptima imagen declarada en el HTML.

Entonces, ¿alguien puede arrojar alguna luz sobre cómo Google determina qué imagen se mostrará? Me gustaría saber para poder controlar qué imagen se muestra para mi sitio.

Actualización / Solución

Gracias a las respuestas, a continuación, este es el código que ahora agregué a mi headHTML para obtener la miniatura que se muestra en Google cuando busco carteles 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>

El problema que ha citado es porque Google no puede determinar cuál es su imagen principal y es por eso que toma una imagen al azar en esa página para mostrarla en el resultado de SERP.

También depende de qué consulta de búsqueda haya ingresado y qué página (página de detalles de la oferta, página de listado de ofertas, página principal de la tienda del vendedor, etc.) se muestre en el resultado de la búsqueda.

Sin embargo, si considero que en ambas capturas de pantalla aparece la misma página, aquí hay posibles soluciones que puede aplicar en la página.

Podemos hacer que el rastreador de Google sepa lo que nuestra página "significa" a través del marcado de datos estructurados. Tenemos que "etiquetar" todos y cada uno de los elementos de nuestra página para que Google lo entienda bien y luego brinde mejores resultados en el SERP.

Puede etiquetar este marcado de datos estructurados mediante programación en cualquiera de estos tres formatos

1. JSON LD (Recomendado ya que es aceptable por Google, Yahoo, Bing y Yandex)

2. Microdatos

3. RDFa

El ejemplo de código JSON LD ya fue explicado anteriormente por L Martin. Puede leer más sobre el marcado de productos JSON LD aquí.

En caso de que desee hacerlo rápidamente, Google también tiene una herramienta de ayuda para el marcado de datos estructurados que puede usar desde los webmasters de Google.

Una vez hecho esto, Google comprenderá qué imagen mostrar en la página de resultados de búsqueda.

Hola, después de la discusión en los comentarios, aquí está el código que puedes probar y experimentar. He verificado la herramienta de prueba de datos estructurados y está funcionando bien.

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

He intentado seguir

1. Se agregaron tres propiedades como una matriz bajo un atributo "nombre" del tipo "Producto"
2. Se agregaron tres propiedades como una matriz bajo un atributo "marca" de tipo "Cosa"
3. Se agregaron tres propiedades como una matriz bajo un atributo "nombre" del tipo "Organización"

Este script funciona en una herramienta de prueba de datos estructurados, sin embargo, no estoy seguro de si es la solución correcta según su consulta. Pruébelo primero y avíseme si funciona o no.

Puede indicar a Google qué imagen le gustaría usar para su propiedad utilizando el marcado Schema.org. Aquí hay un ejemplo rápido del sitio web de la 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>

Ahora es mucho más probable que la búsqueda de esa compañía muestre ese logotipo cuando Google necesita una imagen.

Si lo está haciendo para una página de producto , necesitará este marcado:

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

A continuación, puede probar la implementación con esta herramienta para asegurarse de que Google la esté utilizando:

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

También indicarán las propiedades faltantes que requieren para procesar sus datos de esquema

Como colaborador principal de Google en el foro de ayuda central para webmasters, he visto muchas preguntas y casos de uso. Esta pregunta específica sobre la miniatura se relaciona con otras preguntas en las que Google puede comportarse de manera similar.

Qué no son estas miniaturas: Según otros comentarios, estas miniaturas no son:

• Listado de empresas
• Datos estructurados / fragmentos enriquecidos / json o datos de esquema
• Parte del gráfico de conocimiento.
• Parte de carruseles como artículos de noticias / PDI

En mi humilde opinión, las técnicas detrás de estas miniaturas y la IA de Google para decidir mostrarlas o cuáles están más relacionadas con etiquetas de título y meta descripciones que con datos estructurados / fragmentos enriquecidos. Por eso comenzaré con una explicación básica de cómo se muestran las etiquetas de título y las meta descripciones. Y sigue con las miniaturas.

Etiquetas de título Puede establecer una etiqueta de título, pero Google puede cambiarla si el título contiene spam, es el mismo porque en cada página le falta información relevante o si Google puede determinar un título basado en el contenido que está más relacionado con la búsqueda consulta.

Meta descripción Puede establecer una meta descripción. Nuevamente: si es relevante, representa el contenido de la página y está relacionado con la consulta de búsqueda, probablemente Google mostrará su meta descripción. Si Google cree que puede generar una descripción más relevante y atractiva, mostrará su propia meta descripción preferida.

Recientemente Google aumentó la longitud de la descripción en los resultados de búsqueda. Entonces, básicamente, Google ya adapta / extiende la mayoría de las meta descripciones ahora. La mejor práctica podría ser dejar su meta descripción vacía, tal como lo hace Wikipedia.

Miniaturas
Así que, básicamente, Google puede mostrar imágenes, especialmente cuando no configuraste las cosas. Las miniaturas que Google usa dentro de un elemento de resultado de búsqueda se usan para fortalecer su visibilidad / representación . Como lo que he visto hasta ahora y cómo creo que Google lo abordaría, puede apuntar a Google en una dirección para mostrar una miniatura en estas condiciones:

• la imagen, por supuesto, debe ser rastreable e indexada, así que no evite ni bloquee el rastreo .
• colocado al inicio / dentro del contenido principal de la página. En el pasado tenía un sitio web en el que tenía un <img>adentro <p>. Google acaba de usar esa imagen como miniatura. E incluso usaron el texto alternativo en su versión de meta descripción (que no se veía tan bien). Al menos la imagen estaba estrechamente relacionada con el contenido principal. Se fortalecen mutuamente.
• La imagen debe ser única . Se vería extraño si Google mostrara la misma miniatura (de stock) para cada resultado de búsqueda en la primera página.
• la imagen debe estar relacionada con la consulta de búsqueda y debe representarla . Cuando busco 'London Eye', Google logra generar una miniatura de la imagen principal del cuarto artículo de esta página . Las imágenes de los primeros tres artículos no muestran el ojo de Londres. Estas imágenes ni siquiera tienen textos alternativos y el artículo se titula 'crucero por el río', por lo que no se tiene en cuenta el contexto textual. Creo que podemos asumir que la imagen que AI hizo mucho trabajo aquí. Las capturas de pantalla se adjuntan a continuación.
• visible sobre el voto (en el escritorio). No tengo ninguna prueba para esto, esto es una suposición. Pero creo que ayuda mucho si la imagen es visible en la herramienta de búsqueda y procesamiento de Google. Y lo indexado hoy en día todavía se basa en computadoras de escritorio, este año probablemente pasará a la primera indexación móvil. Creo que es importante que la imagen que desea mostrar como miniatura necesite ser una de las primeras imágenes visibles para los visitantes.
• utilizado en los metadatos de Opengraph y en el contenido principal de la página. Los metadatos de Opengraph. Compare esto con la meta descripción. Si og:imagerepresenta la página, es visible en la página y está relacionada con la consulta de búsqueda, ¿por qué Google no utilizaría esta para generar su pulgar?
• utilizado en una metaetiqueta (válida o no válida) ( ejemplo ) y en el contenido principal de la página. Lo extraño de este ejemplo es que es la tercera o cuarta imagen en la presentación de diapositivas, pero se menciona en una metaetiqueta personalizada. Tal vez esa sea la razón por la que Google seleccionó esa para generar un pulgar.
• ignorando datos estructurados . Los datos estructurados se utilizan en carruseles para noticias, productos, artículos, etc. No he visto ninguna relación entre los datos estructurados y las miniaturas dentro de un elemento de resultados de búsqueda hasta ahora.

No hay realmente una documentación clara al respecto, pero encontré esta publicación de blog que está relacionada con nuestra discusión aquí: resultados de Google sobre imágenes con marcas de agua. . Al menos los hallazgos de Google sobre las miniaturas son:

• Los usuarios prefieren imágenes grandes y de alta calidad (alta resolución, enfocadas).
• Es más probable que los usuarios hagan clic en miniaturas de calidad en los resultados de búsqueda. Las imágenes de calidad (de nuevo, alta resolución y enfocadas) a menudo se ven mejor en el tamaño de miniatura.
• Es probable que las características de distracción como las marcas de agua fuertes, el texto sobre la imagen y los bordes hagan que la imagen se vea desordenada cuando se reduce al tamaño de la miniatura.

Actualización 25-12: el compañero TC Barry Hunter me señaló a esta discusión en Twitter donde John Mueller dice que bloquear esta imagen solo es posible con robots.txt.

Debería poder cambiar a través de Google Search Console. Puede resaltar los datos de su página web, incluida la imagen que representa esa página / artículo que se mostrará en Google SERP.

Sin embargo, esta es solo una forma de cambiarlo en el navegador de Google, no puedo dudar en cambiarlo en otros navegadores.

Vaya a Google Search Console >> Apariencia de búsqueda >>

1. Datos estructurados
2. Cartas Ricas
3. Marcador de datos

A través de estos, puede personalizar los resultados de SERP.

Y también ves GMB. Hay muchos recursos excelentes sobre cómo puede administrar su panel de control de Google My Business. Para ilustrar

Edite la información de su empresa (desplácese hacia abajo en esta página y vea información sobre las imágenes)

Ayuda de Google My Business

Espero que esto ayude

Debe actualizar su página de listado de Google Local Business con nuevas imágenes, sus imágenes antiguas serán reemplazadas por una nueva.

También, la segunda opción es informarlos como spam que se muestra directamente en los resultados de búsqueda.