Introducción a las optimizaciones técnicas para el posicionamiento orgánico: Microdatos y Etiquetas para redes sociales

Etiquetas para redes sociales

Las etiquetas para redes sociales mejoran la calidad del contenido compartido en redes sociales como Facebook y Twitter.

El protocolo Open Graph permite que cualquier página web se pueda convertir en una publicación dentro de una red social. Por ejemplo, en Facebook, se utiliza para compartir el contenido de la página como si fuese un objeto cualquiera de Facebook.

Para convertir el contenido de una página en objetos hay que añadir una serie de metadatos. Basándose en el protocolo RDFa tenemos que añadir <meta> adicionales en el <head> de la página web:

<html prefix="og: http://ogp.me/ns#">
<head>

<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." /> 

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
...
</head>
...
</html>

Fuente: http://ogp.me/

Datos estructurados

Los datos estructurados permiten marcar los contenidos para una mejor interpretación de los mismos por parte de los buscadores.

Su objetivo es crear y mantener esquemas de estructuras de datos en internet para etiquetar páginas web, mensajes de correo, etc. Estos esquemas definen entidades, sus relaciones y acciones y además son extensibles.

Ejemplo: Article (https://schema.org/Article)

<div itemscope itemtype="http://schema.org/Article">
<span itemprop="name">How to Tie a Reef Knot</span>
by <span itemprop="author">John Doe</span>
This article has been tweeted 1203 times and contains 78 user comments.
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<div itemprop="interactionService" itemscope itemid="http://www.twitter.com" itemtype="http://schema.org/Website">
  <meta itemprop="name" content="Twitter" />
</div>
<meta itemprop="interactionType" content="http://schema.org/ShareAction"/>
<meta itemprop="userInteractionCount" content="1203" />
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/CommentAction"/>
<meta itemprop="userInteractionCount" content="78" />
</div>
</div>

Fuente: https://schema.org/



Historias relacionadas

JS3 Sports

JS3 Sports

Diseño adaptativo. Datos estructurados para SEO.

JS3 Sports es una empresa que proporciona asesoramiento estratégico a la industria del deporte, especializada en la creación de valor en el campo deportivo a nivel mundial.

El proyecto requería plasmar la imagen de la firma en un sitio claro y accesible desde cualquier dispositivo.

Visitar su web: https ...

Solicítanos información

 Tel: (+34) 983 070 900