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/
