Si estás familiarizado con las etiquetas HTML, sabrás que son lasresponsables de indicar al navegador cómo mostrar la información contenida entre las mismas… pero eso no significa que proporcione ningún dato sobre su valor y significado, y eso provoca que sea más difícil para los buscadores mostrar dicha dicha información de una forma relevante para el usuario.
Por ejemplo: si nuestra web alojara la ficha técnica de una película, Google podría no ser capaz de detectarlo, ni de diferenciar cada uno de los campos de la ficha (género, director, guionista, productora, etc). Para ello, haría falta un código específico para añadir un contexto que ayude al buscador a comprender el significado del contenido, esto es, un código capaz de dotar de semántica al HTML. Y ese código ya existe.
¿Qué es Schema.org?
Schema.org es una iniciativa presentada conjuntamente por Google, Bing y Yahoo en 2011, con el objetivo de “crear y servir como base de un conjunto común de esquemas destinados al etiquetado de datos estructurados en páginas web. Schema.org es un recurso al alcance de los webmasters que deseen añadir etiquetas en sus páginas con el fin de ayudar a los motores de búsqueda a comprender mejor sus sitios web”.
Este marcado estructurado de datos puede realizarse a través de varias tecnologías: microdatos, microformatos y RDFa. El objetivo de que los buscadores llegaran a un consenso en torno a uno de ellos es simple: ahorrar trabajo a los webmasters y mejorar la consistencia de datos entre los distintos motores. En palabras de Google, “cualquiera de los formatos de marcado tiene sus ventajas, pero se ha elegido el marcado con microdatos debido a que comparte la sencillez de los microformatos y la capacidad de ampliación de RDFa”.
Schema.org proporciona un centenar de esquemas diferentes de etiquetado semántico, que nos permiten utilizar microdatos específicos para cada tipo de contenido (películas, libros, personas, restaurantes, eventos, lugares, reviews, etc.).
Veamos un ejemplo
Si mi web personal albergara mi propio perfil profesional sin hacer uso de microdatos semánticos, el aspecto del código HTML sería algo así:
Marcos Merino
<img src="avatar.png" />
<p>Redactor freelance en TICbeat</p>
Si, por el contrario, optase por utilizar Schema.org, el anterior ejemplo quedaría así:
<div itemscope itemtype="http://schema.org/Person">
<span itemprop="name">Marcos Merino</span>
<img src="avatar.png" itemprop="image" />
<span itemprop="jobTitle">Redactor freelance</span> en <span itemprop="worksFor">TICbeat</span>
Como puedes comprobar, el código indica al buscador qué esquema concreto estamos usando (‘Person‘), y diferencia el nombre de la persona (‘name‘), su cargo (‘jobTitle‘), y la entidad para la que trabaja (‘worksFor‘).
Puedes crear tus propios microdatos haciendo uso del Schema Creator, y verificar su validez con la herramienta de Google Structured Data Testing Tool. La guía de referencia de Schema.org puedes encontrarla aquí.
El uso de los microdatos de Schema.org genera una serie de ventajas: mejora la indexación de nuestro sitio web y permite que buscadores y algunas redes sociales resalten nuestro contenido mediante fragmentos enriquecidos. Si te pregunta cómo se verán dichos ‘fragmentos enriquecidos’ o ‘snippets’ generados a partir de microdatos, aquí tienes algunos ejemplos (verás que Google muestra campos específicos según el tipo de contenido):
No hay comentarios:
Publicar un comentario