Mediante el uso de las meta-etiquetas sociales puedes conseguir que los contenidos de tu web destaquen sobre en resto cuando se compartan en redes Sociales con Twitter, Facebook o Google+.

Usa estas meta-etiquetas para Twitter, Facebook y Google+

<title>Título de la página o producto</title>
<meta name="description" content="Descripción de la página o producto" />
<!-- Para Twitter Card -->
<meta name="twitter:card" content="product" />
<meta name="twitter:title" content="Título de tu página o producto" />
<meta name="twitter:description" content="Descripción de la página o producto" />
<meta name="twitter:image:src" content="Imagen de la página o producto" />
<meta name="twitter:site" content="@cuenta-del-publicador-o-propietario" />
<meta name="twitter:creator" content="@cuenta-del-autor" />
<meta name="twitter:data1" content="978-84-9746-875-6" />
<meta name="twitter:label1" content="ISBN" />
<meta name="twitter:data2" content="18.50€" />
<meta name="twitter:label2" content="Precio" />
<!-- Para Facebook y otros -->
<meta property="og:type" content="article" />
<meta property="og:title" content="Título de tu página o producto" />
<meta property="og:description" content="Descripción de la página o producto" />
<meta property="og:image" content="Imagen de la página o producto" />
<meta property="og:url" content="http://www.misitio.com/url-de-la-pagina" />
<meta property="og:site_name" content="Nombre del sitio" />
<meta property="og:price:amount" content="18.50" />
<meta property="og:price:currency" content="EUR" />
<meta property="fb:admins" content="IDs de los adminstradores de la página de Facebook" />
<!-- Para Google+ -->
<link href="https://plus.google.com/id-de-google+/posts" rel="author" />
<link href="https://plus.google.com/id-de-google" rel="publisher" />
<meta itemprop="name" content="Título de tu página o producto" />
<meta itemprop="description" content="Descripción de la página o producto" />
<meta itemprop="image" content="Imagen de la página o producto" />

Versión reducida

En muchos casos, no vamos a poder disponer de tanta información. La mayor parte de las veces, el contenido a compartir será una simple página sin precios, ni autores. Para esos casos, podemos tener algo mucho más simple.

<title>Título de la página</title>
<meta name="description" content="Descripción de la página" />
<!-- Para Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Título de tu página" />
<meta name="twitter:description" content="Descripción de la página" />
<meta name="twitter:image:src" content="Imagen de la página" />
<!-- Para Facebook y otros -->
<meta property="og:title" content="article" />
<meta property="og:title" content="Título de la página" />
<meta property="og:title" content="Descripción de la página" />
<meta property="og:description" content="Imagen de la página" />
<meta property="og:url" content="http://www.misitio.com/url-de-la-pagina" />
<!-- Para Google+ -->
<meta itemprop="name" content="Título de la página" />
<meta itemprop="description" content="Descripción de la página" />
<meta itemprop="image" content="Imagen de la página" />

Herramientas de testeo y validación

• Twitter Validation Tool
• Facebook Debugger
• Google Structured Data Testing Tool
• Pinterest Rich Pins Validator

Algunos trucos y consejos

Usa imágenes grandes

Twitter y Facebook necesitan imágenes de 120×120 como mínimo, pero si quieres que tu post destaque, usa imágenes grandes.

Si tu contenido no tiene ninguna imagen asociada, usa una imagen genérica con el logo de la empresa, sus intalaciones, un bodegón de productos o el producto más vendido.

Seguimiento de clicks en Facebook

Mediante la etiqueta <meta property=”fb:admins” content=”IDs de los adminstradores de la página de Facebook” /> podemos especificar qué personas pueden consultar las estadisticas de clicks que ha tenido cada url del sitio compartida en FB. Para conocer el ID de un perfil de usa http://findmyfacebookid.com/

También puedes usar tu identificador de perfil. Es tu nombre en la url de tu perfil. https://www.facebook.com/nombre.apellido

Usa estándares

La etiquetas Opengraph pretenden ser un estándar. Las usa Facebook pero también otras redes. Incluyéndolas, te aseguras que todas las redes sociales muestren tus url con unos mínimos. No obstante si estás interesado en que tus urls resplandezcan en una red social en concreto, investiga por que probablemente disponga de etiquetas propietarias que te ayuden a mejorar.

Fotos de autores

Si buscamos que nuestras url destaquen también en el buscador de google, podemos vincular la página con el autor. Esto se consigue con las etiquetas

		<link href="https://plus.google.com/id-de-google+-autor/posts" rel="author" />
 		<link href="https://plus.google.com/id-de-google+-empresa" rel="publisher" />

Gracias al uso de estas etiquetas conseguimos que junto a la url de la página salga nuestra foto y así destaque más sobre el resto de resultados.

Referencias

• http://moz.com/blog/meta-data-templates-123
• http://www.iacquire.com/blog/18-meta-tags-every-webpage-should-have-in-2013/
• http://ogp.me/
• http://schema.org