¿Cómo selecciona Google Plus una imagen de un enlace compartido?


27

Si comparte un enlace en Google Plus, a menudo capturará algunas imágenes que puede adjuntar cuando publique la imagen. Facebook tiene una característica similar. Puedes decirle a Facebook cuál es la imagen principal de una página con una simple etiqueta LINK. Sin embargo, esto no funciona para G +.

¿Cómo le dices a G + cuál es la imagen principal de una página?


Respuestas:


20

Aquí está la información copiada de la documentación del botón +1 (modificada un poco para mejorar la legibilidad). Este método se aplica a todas las formas en que las URL se comparten en Google+.

Rellenar el + Fragmento: después de hacer +1 en una página, el usuario tiene la opción de compartir la página en Google+ a través de una burbuja de Compartir que se muestra. Esta burbuja compartida (junto con la publicación de actividad de Google+ resultante) incluye una vista previa, o + Fragmento, que contiene el título de la página, una breve descripción de la página y una imagen en miniatura. Estos datos se extraen del contenido de la URL de destino en una de cuatro formas, enumeradas en orden de prioridad:

Microdatos de Schema.org (recomendado): si la página está anotada con microdatos de schema.org, el + Snippet utilizará las propiedades de nombre, imagen y descripción que se encuentran en cualquier tipo de schema.org.

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="image-url"></img>
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

Protocolo Open Graph: si la página contiene propiedades de Open Graph para el título, la imagen y la descripción, se usarán para el + Fragmento.

<meta property="og:title" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>

Meta etiquetas de "título" y "descripción": si el <head>elemento de la página contiene <meta name="title" ... />y <meta name="description" ... />etiquetas, el + Fragmento utilizará sus atributos de contenido para el título y la descripción, respectivamente. Para la imagen en miniatura, el sharebox intentará encontrar una imagen adecuada en la página.

<meta name="title" content="..." />
<meta name="description" content="..." />

Mejor suposición del contenido de la página (no recomendado): si ninguno de estos datos está presente, Google analizará la página e intentará encontrar el mejor título, descripción e imagen.


1
Gracias por esto, pero ¿también funciona cuando solo compartes un enlace en Google+ directamente? Mi página usa el protocolo Open Graph y cuando uso el [ google.com/webmasters/tools/richsnippets] -Herramienta puedo ver el enlace a la imagen en la sección "Datos extraídos de fragmentos enriquecidos de la página" -Sección, pero cuando comparte el enlace en Google+, no carga la imagen.
Ethan Leroy

44
No lo olvides<link rel="image_src" href="[insert image url here]"/>
Supuhstar

La sugerencia de Supuhstar de usar <link> ha hecho que la imagen de mi página web sea seleccionada por el intercambio de enlaces de Google+.
Hong

W3C dice: `Título de valor incorrecto para el nombre del atributo en el elemento meta: el título de la palabra clave no está registrado '.
Jeroen

Configuré los metadatos og: image, pero google + está usando alguna otra imagen que ni siquiera está en la página. Extraño. edit- ok, la imagen está en la página, oculta en un menú deslizable. Bueno, eso ayuda, supongo. Aún así, no está usando los metadatos.
MrBoJangles

2

[Perdón por la respuesta especulativa, pero no tengo un sitio donde puedo probar esto de inmediato]
Solo he visto información sobre cómo hacer esto para el botón +1 . Parece razonable que en el back-end de Google+ este sea el mismo proceso, por lo que buscaría la misma información. Asumiendo que sus plantillas están construidas de una manera que pueda aplicar itemprop="image"a la imagen deseada, inténtelo.


Eso no pareció funcionar. Gracias sin embargo!
Justin

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.