¿No te encanta cuando el menú viene con fotos de la comida? ¡Quieres comértelo todo! Los clientes toman sus decisiones en base a lo que más les llama la atención, y nosotros también lo hacemos cuando buscamos en Google. Una vez que vemos un resultado de búsqueda completo sentimos la necesidad de hacer clic en él, ¿no?
De esto se trata el Schema: de presentar la información de una manera más estructurada y visual para que sepas qué esperar de una página.... y que realmente quieras hacer clic en ella. El Schema de implementación proporciona información adicional a los visitantes y, en consecuencia, impulsa más visitas. La situación perfecta de win-win!
¿Qué son los esquemas y los datos estructurados?
Schema.org es un vocabulario de etiquetas (también conocidas como markups) que los webmasters pueden añadir al HTML para hacer que una página parezca más atractiva en las SERPs (Páginas de Resultados de los Motores de Búsqueda). Al añadir estas etiquetas, se obtiene lo que se llama Datos estructurados, y que da lugar a los Rich Snippets.
Aunque estos términos son fáciles de confundir entre sí, son diferentes. Mientras que Schema es el lenguaje que empleamos para presentar el contenido, los datos estructurados son los datos reales que se proporcionan. Google lee e identifica los datos estructurados para mostrar fragmentos enriquecidos en las SERP.
He aquí un par de ejemplos:
Entendiendo que un snippet es una página de resultados común con un título, una URL y una meta descripción, puedes ver que el ejemplo de rich snippet de arriba muestra más detalles de lo habitual. Esta funcionalidad te da infinitas posibilidades dependiendo de la página que quieras promocionar. Más adelante te mostraremos algunos ejemplos.
Entonces, ¿qué es este código, comúnmente conocido como schema markup? La iniciativa proviene de una comunidad colaborativa llamada schema.org que recopila todas las etiquetas que ayudan a los profesionales del marketing a crear y promover esquemas para datos estructurados en sitios web, mensajes de correo electrónico y otros.
Qué es schema.org en SEO
¿Se pregunta cómo utilizar schema.org para el SEO? El objetivo de la implementación de Schema es proporcionar información (detalles del sitio/producto) a los motores de búsqueda para mejorar su comprensión del contenido, hacer que los fragmentos sean más ricos y aumentar el CTR.
Sí, puede parecer obvio, pero queremos subrayar que los fragmentos enriquecidos tienen un gran impacto en el CTR (Click Through Rate) porque captan la atención de la gente más que cualquier otro resultado de búsqueda, y eso impulsa más clics. Recuerda que este parámetro determina el éxito de un snippet, y se calcula dividiendo el número de apariciones en las SERPs entre el número de clics. Cuantos más clics, mayor será el CTR.
En el caso de los fragmentos ricos, aumentan el CTR hasta un 30%! Especialmente cuando se trata de la evaluación de productos o servicios: las valoraciones y revisiones son los elementos más influyentes en los fragmentos ricos. ¿Necesita más razones para implementarlas? Aquí viene uno bueno:
En el pasado, los especialistas en SEO tenían que presionar a sus desarrolladores para que escribieran las marcas y luego las subieran, lo que se traducía en largos tiempos de espera y, a veces, en implementaciones erróneas, con muchos bucles de retroalimentación. Ahora los profesionales del SEO pueden editar las etiquetas de los esquemas utilizando JSON-LD (uno de los códigos aceptados por schema.org). Es bastante fácil de usar, y lo único que hay que hacer -además de añadir la información- es enviarla a los desarrolladores o añadirla uno mismo al HTML o a Google Tag Manager. Llegaremos a eso más adelante.
Ahora bien, ¿aparecen inmediatamente los fragmentos enriquecidos? Por desgracia, no. Se necesita algún tiempo para que aparezcan. Olvídate de la idea de implementar schema.org en una página pobre para que se posicione mejor. Todavía tienes que invertir tus esfuerzos de SEO en cada página, ya que Google valorará si el texto es lo suficientemente relevante, si lo que está enmarcado en las etiquetas se corresponde con el contenido de la página, si recibe enlaces de calidad o no, etc.
Una gran utilidad de schema.org es el marcado "organización". Con él, puedes ayudar a Google a identificar todos los datos de tu empresa y mostrarlos en el gráfico de conocimiento. Deberás especificar un logotipo, los datos de contacto, el horario de apertura (si se trata de un negocio físico) y un enlace a tus canales de redes sociales.
He aquí un ejemplo:
También puede añadir la marca de revisión del sitio web schema.org para ayudar a Google a generar enlaces de sitio con un cuadro de búsqueda, e incluso hacer que las migas de pan aparezcan bajo el título del fragmento. Hay un sinfín de posibilidades!
Cómo implementar schema.org
Para añadir Schema a tus páginas, sigue estos pasos:
- En primer lugar querrás visitar schema.org, donde encontrarás un directorio con todo tipo de páginas, necesidades, industrias, etc.
- Elige la industria o producto que mejor defina la/s página/s que desea promocionar en los SERPs. Hay mucha información que puede resaltar, tómate tu tiempo para elegir los datos correctos. Recuerde, no necesitas incluir todo.
- Elige la codificación que mejor se adapte a tus posibilidades y la adapta al contenido de tu página. Lo encontrará en la parte inferior de la página, copie la muestra para empezar a trabajar en ella.
- Añade los markups (o etiquetas) a tu página dependiendo del código que hayas utilizado (consulta la siguiente sección).
- Valida el código con una herramienta de comprobación de datos estructurada como FandangoSEO.
- ¡Y ta-da! Tus páginas empezarán a verse más atractivas que nunca.
El marcado del Schema se puede utilizar con 3 codificaciones diferentes: RDFa, Microdata, y JSON-LD (probablemente este último sea el que más te guste).
Microdatos y RDFa
MicroData y RDFa son formas de marcado semántico que pueden combinarse con propiedades HTML típicas para definir cada tipo de elemento (revisión, tasa, precio, etc.) mediante el uso de atributos asociados.
Básicamente enmarca las palabras que quieres resaltar usando este código dentro del cuerpo del archivo HTML. De esta manera, le dices a los motores de búsqueda que esa palabra tiene que ser considerada por ellos como -por ejemplo- el nombre del producto, o la descripción.
Para los microdatos se comenzará con:
<div itemscope itemtype="http://schema.org/Movie">
And then move on with the different tags:
<h1 itemprop="name">Pirates of the Caribbean: On Stranger Tides (2011)</h1>
<div vocab="http://schema.org/" typeof="Movie">
And so on…
<h1 property="name">Pirates of the Caribbean: On Stranger Tides (2011)</h1>
Taking “product” as an example, with Microdata you’ll want to use these tags:
<itemprop=”name“>
<itemprop=”description”>
<itemprop=”price“>
<itemprop=”aggregateRating“> à The overall rating, is based on a collection of reviews or ratings of the item. This is a key influential element, together with the next two:
<itemprop=”ratingValue“> à The rating for the content
<itemprop=”reviewCount“> àThe total number of reviews
<itemprop=“image” > à URL of the item’s image (not the thumbnail, and only one per product)
<itemprop="color">
<itemprop="brand">
etc.
La mala noticia es que tendrás que aplicar este lenguaje manualmente al HTML de cada una de las páginas que quieras destacar, así que empieza con los productos más vendidos para impulsar las ventas o las entradas de los mejores blogs para aumentar las visitas.
Consejos para datos estructurados sobre comercio electrónico
- En el caso de las categorías (que muestran una lista de productos), puede destacar una miniatura como "imagen", un "rango de precios" que agrupa todos los productos mostrados y el "pago aceptado".
- Cuando desee resaltar más de un elemento en una página de categoría o subcategoría, puede listarlos asignando números con ITEMREF.
- Use "isRelatedTo" para señalar los productos relacionados.
- No olvides las críticas y las valoraciones. El precio también ayuda, si es competitivo.
JSON-LD
Como hemos mencionado anteriormente, JSON-LD es el más utilizado por los expertos en SEO, ya que es el esquema de marcado más fácil para los datos estructurados. ¿Por qué? Bueno, mientras que los otros tienen que ser escritos dentro del archivo HTML enmarcando las palabras, este puede ser escrito y subido por separado y Google entenderá que el código se refiere a toda la página. De esta manera, se evita editar las etiquetas HTML y potencialmente estropear las cosas.
You will add the code to the HTML as another tag, but there’s no need to touch the existing code. Told you it was easier. 😉 Google recommends adding JSON-LD to the <head> section of the HTML document; but it’s okay if the JSON-LD is within the <body> section. Just paste it (or ask a developer if you have the chance).
En este caso, el código se verá así:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Movie",
"actor": [
{
"@type": "Person",
"name": "Johnny Depp"
},
Esto es válido para los tres tipos de codificación: elige el código de muestra en el sitio web de schema.org y sustituye el texto de muestra por tus propios datos. De este modo, la validación será fluida. Recuerda que FandangoSEO también funciona como un validador de esquemas JSON-LD y, por supuesto, también es genial para RDFa y Microdata.
Ejemplos de Schema.org
Ya has visto que los datos estructurados tienen mucho potencial. Dependiendo de tu negocio, los datos estructurados son la mejor solución para superar a tus competidores en los motores de búsqueda. Suena bien, ¿verdad?
Veamos algunos ejemplos de datos estructurados de Google:
- Tienes un blog de cocina y tu receta tiene menos calorías y tarda menos en prepararse que la de tu principal competidor.
Mira cómo debe verse el schema, incluso puedes agregar el esquema de vídeo y el enlace al tutorial.
- Diriges un comercio electrónico y quieres que tus zapatos más vendidos destaquen en las SERPs. Añade los detalles del producto, pero también la valoración media basada en múltiples reseñas.
- Eres un autor de libros y acabas de escribir una guía épica sobre cómo ser un líder increíble. Hay mucha competencia por ahí, pero el tuyo es el mejor. Usa schema.org para que los libros se conviertan en el autor más vendido de las próximas Navidades.
- Tienes una aplicación para rastrear vuelos y quieres que aparezca cuando la gente busca las horas de llegada y las terminales de los aeropuertos; en este caso, puedes utilizar el esquema de marcado de aplicación de software.
En resumen, queremos que seas consciente de la importancia de los datos estructurados en SEO y que sepas cuántas posibilidades te ofrece schema.org para crear fragmentos ricos. Recuerde estos dos últimos consejos extra:
- Elige lo que deseas que se muestre premeditadamente, para que sólo aparezca la información más útil en los resultados de los motores de búsqueda.
- Valida antes de publicar. No quieres que todos tus esfuerzos se pierdan, así que visita nuestro testeador de Schema y manténte seguro 😉
