tag para open example debugger checker facebook-like google-plus-one schema.org og-meta

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 y description 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 &#8226; 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 &amp; press Infos, live footage &amp; 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&amp;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:

  1. 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
  2. Meta etiquetas normales, es decir, título, descripción
  3. 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