Microdatos para semántica web

Cómo mejorar sus páginas con más información semántica

Microdatos: pequeños con gran impacto

¿Sabía que su aplicación web puede proporcionar mucha más información sobre sí misma que solo los viejos meta-elementos del del documento? Hoy en día, las aplicaciones web están más interconectadas que nunca, por lo que se vuelve cada vez más relevante definir claramente el propósito de cada página.

Un ejemplo del mundo real

Si esto le suena un poco extraño, echemos un vistazo rápido a un ejemplo simple. Considere que tiene un blog y, naturalmente, desea que los motores de búsqueda comprendan mejor el contenido que publica con cada artículo. Una estructura HTML clara y semánticamente correcta es un requisito básico, pero solo el comienzo.

Gracias al desarrollo de estándares como JSON-LD, puede proporcionar datos estructurados de manera uniforme. La palabra clave aquí es el formato estandarizado en el que usted define estos metadatos adicionales, ya que los motores de búsqueda y sus bots están programados para comprender exactamente estos metadatos.

Volviendo a nuestro ejemplo, para un artículo de blog, está disponible el elemento JSON-LD "artículo", que describe las propiedades clave de un artículo.

Alternativa a JSON-LD

Bueno, todo esto suena muy bien, pero ¿qué tiene eso que ver con los microdatos? Los microdatos tienen básicamente el mismo propósito que JSON-LD descrito anteriormente: proporcionar más metadatos para la página en la que se utilizan. La diferencia clave es que JSON-LD debe definirse en el elemento de la aplicación web. Sin embargo, los elementos de microdatos se pueden usar directamente dentro del contenido de su página, sin la necesidad de dividir los datos entre y .

<!-- 
The following eample is taken from Mozilla's site,
linked in the addendum. 
-->

<div itemscope itemtype="http://schema.org/SoftwareApplication">
  <span itemprop="name">Angry Birds</span> -

  REQUIRES <span itemprop="operatingSystem">ANDROID</span><br>
  <link itemprop="applicationCategory" href="http://schema.org/GameApplication"/>

  <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    RATING:
    <span itemprop="ratingValue">4.6</span> (
    <span itemprop="ratingCount">8864</span> ratings )
  </div>

  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    Price: $<span itemprop="price">1.00</span>
    <meta itemprop="priceCurrency" content="USD" />
  </div>
</div>

Dependiendo de su caso de uso o sabor, esta podría ser una solución de mejor mantenimiento que JSON-LD. Lo bueno de los microdatos es que en realidad no es un elemento separado en su DOM, sino un conjunto de propiedades con las que puede mejorar su HTML existente.

Hay muchas variantes disponibles para elegir entre los microdatos, por ejemplo, sobre lugares, personas o productos. Son bien reconocidos por los bots de los motores de búsqueda y, por lo tanto, ofrecen una alternativa viable a JSON-LD.