facebook like - open - ¿Hay etiquetas para especificar el formato de la historia de Google+1 en Google+ como og-meta para Facebook?
open graph facebook example (7)
Desde los documentos de ayuda de Google+ , ahora tenemos una respuesta oficial .
Google utiliza schema.org microdatos de schema.org para generar fragmentos enriquecidos en la búsqueda (y en Google+). Hay mucho escrito sobre schema.org y cómo se relaciona con Facebook OpenGraph en estos dos enlaces:
Consulte: http://www.google.com/support/webmasters/bin/answer.py?answer=1211158 Consulte: https://developers.google.com/+/plugins/+1button/
Algunos bits importantes:
+ Snippet
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 compartida . Esta burbuja de compartir (junto con la publicación de la actividad de Google+ resultante) incluye una vista previa, o + Snippet , 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 de una de las siguientes cuatro maneras, enumeradas en orden de prioridad:
Schema.org microdatos (recomendado)
Si la página está anotada con microdatos de schema.org , el Fragmento + usará las propiedades de
name
,image
ydescription
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 de gráfico abierto
Si la página contiene propiedades de Open Graph para el título, la imagen y la descripción, se utilizarán para el + Snippet.
<meta property="og:title" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>
Meta etiquetas "título" y "descripción"
Si el elemento de la página contiene etiquetas, el Fragmento + usará 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="..." />
Con Facebook
tenemos las Open Graph tags
que permiten a los webmasters especificar cómo se muestra la historia en Facebook.
¿Hay algo similar para el botón Google +1
, que permite a los webmasters especificar la imagen en miniatura, la descripción y el título? Google+
parece estar ignorando las og-meta tags
.
Estoy trabajando en esto, y Google+ no estaba recogiendo mis etiquetas OG.
Cuando puse: <body itemscope itemtype="http://schema.org/Article">
en el HTML, comenzó a recogerlos.
Espero que esto le salve a alguien algún tiempo!
Google parece estar usando el Título y la Descripción de la página, en meta etiquetas estándar. Sin embargo, parece que no tiene forma de especificar una miniatura.
Las imágenes que sean demasiado pequeñas o que no sean lo suficientemente cuadradas no se incluirán en el Fragmento +, incluso si se hace referencia explícita utilizando los microdatos de schema.org o el marcado de gráfico abierto. Específicamente, la altura debe ser de al menos 120 px, y si el ancho es menor que 100 px, entonces la relación de aspecto no debe ser mayor que 3.0.
Si comparto un enlace a nuestra aplicación web (restorm.com) en Google+, el título, la descripción y la imagen se toman de las etiquetas respectivas og:
( og:title
, og:description
, og:image
).
Estas etiquetas
<title>One Shot Orchestra • Electronic • Music, Concerts & More • restorm.com</title>
<link href="https://restorm.com/favicon.ico?116a158" rel="shortcut icon" />
<meta name="description" content="Listen to music of One Shot Orchestra for free and browse the Artist''s news, events, videos, pictures, shop, booking & press Infos, live footage & much more on restorm." />
<meta property="og:title" content="One Shot Orchestra" />
<meta property="og:url" content="https://one-shot-orchestra.restorm.com/" />
<meta property="og:type" content="band" />
<meta property="og:description" content="Bangin´ Live Electro aus Bern-Kreuzberg" />
<meta property="og:site_name" content="restorm.com" />
<meta property="fb:app_id" content="127577323959237" />
<meta property="og:language" content="en" />
<meta property="og:image" content="https://assets3.restorm.com/resources/images/40/40b17a53aa9785fa89c15b06b9fcfd72_643969.jpeg?116a158" />
<meta property="og:video" content="https://one-shot-orchestra.restorm.com/minipage/minipage.swf?applicationSettingsURL=https%3A%2F%2Fone-shot-orchestra.restorm.com%2Fminipage%2Fsettings.xml&auto=true" />
<meta property="og:video:width" content="300" />
<meta property="og:video:height" content="200" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
terminan siendo compartidos de esta manera
Por lo tanto, el título y la descripción se han tomado definitivamente de og:title
y og:description
, y no de la etiqueta meta title and description ...
Solo respondí esto en otra publicación Google +1 Thumbmail generado en el perfil
Parece que Google + 1 tiene la siguiente jerarquía de datos:
- Abrir etiquetas de gráficos http://ogp.me/ - parece que en este momento, la única forma de agregar la miniatura es usar la etiqueta og: image
- Meta etiquetas normales, es decir, título, descripción
- Contenido de la página si no hay una descripción establecida en las opciones anteriores, entonces la descripción se toma del contenido de la página.
Espero que esto ayude.
meta og: la imagen funciona, el secreto es tener la imagen lo suficientemente grande. Falló a 140x112 y funciona cuando cambio a una miniatura más grande 511x364