Guía sobre cómo utilizar Schema.org y ejemplos prácticos

En varias oportunidades hemos hablado sobre la importancia que tienen los microdatos en la actualidad, especialmente tras el lanzamiento del algoritmo de Google Hummingbird. Y es que el gigante buscador de la G mayúscula esta apostando fuertemente por la búsqueda semántica. En ese sentido el SEO debe responder a las consultas de los usuarios de forma mucho más inteligente, es decir, debemos ofrecerle al buscador la posibilidad de recopilar toda nuestra información enriquecida de forma que podamos ofrecer datos más allá de solo palabras claves.

Microdatos con ayuda de Schema.org

Para lograr nuestra tarea anterior haremos uso de los microdatos y el sitio web Schema.org. Por un lado lo que hacemos es enriquecer el texto HTML de nuestro sitio web con ayuda de microdatos, apoyados en el “glosario” que ofrece el sitio web Schema.org los cuales son utilizador por los principales motores de búsquedas, Google, Yahoo, Bing.

Ventajas de utilizar el marcado semántico

La principal ventaja de poner esto en práctica es la notoriedad que tendrá nuestra URL en los resultados de búsquedas o SERPs. Por ejemplo, si somos una empresa de “Hoteles” podemos ofrecer al usuario el precio de las habitaciones, la cantidad de estrellas del hotel y las posibles reseñas que tenga el sitio. En ese sentido conseguimos confianza para nuestro futuro cliente lo cual aumenta la posible compra.

Ejemplo de marcado de Shema.org

Supongamos que quiero posicionar mi marca personal, una buena forma hacerlo es tener mi sitio web propio, en lo posible utilizando como dominio las keywords principales (tu nombre y apellido). Un ejemplo de código HTML en una web que ofrece información sobre tu persona, sin marcado semántico sería algo así:

Christian Aguado

<img src=”fotocristian-perfil.jpg” />

Consultor de SEO

Barcelona, Dirección 3290

Bien, ahora el mismo ejemplo anterior pero con marcado semántico apoyados en Shema.org seria así:

<div itemscope itemtype=”http://schema.org/Person”>

<span itemprop=”name”>Christian Aguado</span>

<img src=”fotocristian-perfil.jpg” itemprop=”image” />

<span itemprop=”jobTitle”>Consultor de SEO</span>

<span itemprop=”streetAddress”>Barcelona, Dirección 3290</span>

 

Explicando las etiquetas del código anterior

El primer elemento que destaca del código, es el itemscope, este dentro de la etiqueta HTML nos permite identificar el contenido.
Posteriormente aparece ItemType con este lo que hacemos es identificar el tipo de elemento, estos se encuentra dentro de la jerarquía de tipos del portal schema.org.
Son varios los elementos que posee el anterior sitio, aunque en sentido general son cuatro las propiedades más importantes, nombre, descripción, url, e imagen. Por otro lado las demás propiedades terminan compartiendo propiedades, el ejemplo más claro ocurre con el LocalBusiness y la Organización.

6 Comments

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *