¿A poco no te encanta cuando el menú viene con fotos de la comida? ¡Te lo quieres comer todo! Los clientes toman decisiones basándose en lo que más rápido les llama la atención, y nosotros también cuando buscamos algo en Google. De esto se trata Schema; una vez que vemos un resultado de búsqueda completo, sentimos la necesidad de hacer clic en él, ¿verdad?

Presentar la información de forma más estructurada y visual para que sepas qué esperar al hacer clic... y quieras hacer clic en ella. Implementar schema proporciona información adicional a los visitantes y, en consecuencia, genera más visitas. ¡La situación perfecta para ganar-ganar!

¿Qué son schema y los datos estructurados?

Schema.org es un vocabulario de etiquetas (también conocidas como markups) que los webmasters pueden agregar al HTML para que una página se vea más atractiva en las SERPs (páginas de resultados del motor de búsqueda). Al agregar estas etiquetas, obtenemos datos estructurados, lo que resulta en Rich Snippets.

Aunque estos términos son fáciles de confundir entre sí, son diferentes. Schema SEO es el lenguaje que empleamos para presentar el contenido, mientras que los datos estructurados son los datos reales que proporcionas. Google lee e identifica los datos estructurados para mostrar rich snippets en las SERPs.

Aquí tienes un par de ejemplos:

Si entiendes que un snippet es una página de resultados típica con un título, una URL y una meta descripción, puedes ver que el ejemplo de rich snippet anterior muestra más detalles de lo habitual. Esta funcionalidad te brinda infinitas posibilidades según la página que quieras promocionar. Te mostraremos algunos ejemplos más adelante.

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 marketers a crear y promover schemas para datos estructurados en sitios web, mensajes de correo electrónico y más.

¿Qué es schema en SEO?

¿Te preguntas cómo usar schema.org para SEO? La implementación de Schema tiene como objetivo proporcionar información (detalles del sitio/producto) a los motores de búsqueda para mejorar su comprensión del contenido, hacer que los snippets sean más ricos y aumentar el CTR.

Sí, queremos enfatizar que los rich snippets impactan significativamente en el CTR (Click Through Rate) porque captan la atención de la gente más que cualquier otro resultado de búsqueda, lo que genera más clics.

Recuerda que este parámetro determina el éxito de un snippet y se calcula dividiendo cuánto apareció en las SERPs por el número de veces que se hizo clic en él. Cuantos más clics, mayor será el CTR.

En el caso de los rich snippets, ¡aumentan el CTR hasta en un 30%! Especialmente en lo que respecta a la evaluación de productos o servicios: las valoraciones y reseñas son los elementos más influyentes en los rich snippets. ¿Necesitas más razones para implementarlos? Aquí tienes una buena:

En el pasado, los especialistas en SEO tenían que presionar a sus desarrolladores para que escribieran los markups y luego los subieran, lo que se traducía en largos tiempos de espera y, a veces, implementaciones incorrectas, con muchos bucles de retroalimentación. Ahora, los profesionales de SEO pueden editar las etiquetas de schema usando JSON-LD (uno de los códigos aceptados por schema.org). Es bastante fácil de usar, y todo lo que necesitas hacer, además de agregar la información, es enviársela a los desarrolladores o agregarla tú mismo al HTML o al Google Tag Manager. Llegaremos a eso más adelante.

Ahora bien, ¿los rich snippets aparecen de inmediato? Desafortunadamente no. Tardan un tiempo en aparecer. Olvídate de implementar schema.org en una página de baja calidad para que se posicione más alto. Aún necesitas 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 corresponde al contenido de la página, si recibe enlaces de calidad o no, etc.

Una gran utilidad de schema.org es el markup de "organización". Con eso, puedes ayudar a Google a identificar todos los datos de tu empresa y mostrarlos en el Knowledge Graph. Querrás especificar un logotipo, datos de contacto, horarios de apertura (si es un negocio físico) y un enlace a tus canales de redes sociales.

Aquí tienes un ejemplo:

También puedes agregar el markup de schema.org del sitio web para ayudar a Google a generar enlaces de sitio con un cuadro de búsqueda e incluso hacer que las migas de pan aparezcan debajo del título del snippet. ¡Hay un sinfín de posibilidades!

¿Cómo implementar schema.org?

Para agregar schema markup a tus páginas, sigue estos pasos:

• Visita schema.org, donde encontrarás un directorio con todo tipo de páginas, necesidades, industrias, etc.
• Elige la industria o el producto que mejor defina la(s) página(s) que deseas promocionar en las SERPs. Hay mucha información que puedes destacar. Tómate tu tiempo para elegir los datos correctos. Recuerda, no es necesario que incluyas todo.
• Elige la codificación que se adapte a tus posibilidades y adáptala al contenido de tu página. Lo encontrarás en la parte inferior de la página; copia la muestra para empezar a trabajar en ella.
• Añade los markups a tu página dependiendo del código que hayas usado (mira la siguiente sección).
• Valida el código con una herramienta de prueba de datos estructurados como FandangoSEO.
• ¡Y listo! Tus páginas empezarán a verse más atractivas que nunca.

El schema markup se puede usar con tres codificaciones diferentes: RDFa, Microdata y JSON-LD (seguramente esta última te molará más).

Microdata y RDFa

MicroData y RDFa son formas de marcado semántico que se pueden combinar con las propiedades HTML típicas para definir cada tipo de elemento (reseña, valoración, precio, etc.) mediante el uso de atributos asociados.

Básicamente, enmarca las palabras que quieres destacar usando este código dentro del body del archivo HTML. De esta forma, le indicas a los motores de búsqueda que esa palabra debe ser considerada por ellos como –por ejemplo- el nombre del producto o la descripción.

Para Microdata, empezarás 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>

Para RDFa, empezarás con:

<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 página que quieras destacar, así que empieza con los productos más vendidos para impulsar las ventas o con las entradas de blog más populares para aumentar las visitas.

Tips para datos estructurados en e-commerce

• Para las categorías (que muestran una lista de productos), puedes destacar una miniatura como una “imagen”, un “rango de precios” que agrupe todos los productos mostrados y el “pago aceptado”.
• Cuando quieras destacar más de un elemento en una página de categoría o subcategoría, puedes listarlos asignando números con ITEMREF.
• Usa “isRelatedTo” para señalar productos relacionados.
• No te olvides de las reseñas y valoraciones. El precio también ayuda si es competitivo.

JSON-LD

JSON-LD es el más utilizado por los expertos en SEO, ya que es el schema markup más fácil para los datos estructurados. ¿Por qué? Mientras que los otros tienen que ser escritos dentro del archivo HTML enmarcando las palabras, este se puede escribir y subir por separado, y Google entenderá que el código se refiere a toda la página. De esta forma, evitas editar las etiquetas HTML y potencialmente liarla.

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 can).

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 va para los tres tipos de codificación: elige el código de ejemplo en el sitio web schema.org y reemplaza el texto de ejemplo con tus propios datos. De esta forma, la validación será fluida. Recuerda que FandangoSEO también funciona como un validador de schema JSON-LD; 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?

Echemos un vistazo a algunos ejemplos de datos estructurados de Google:

• Tienes un blog de cocina y tu receta tiene menos calorías y lleva menos tiempo prepararla que la de tu principal competidor.

Mira cómo debería verse el schema, incluso podrías añadir el video schema markup y enlazar al video tutorial.

• Tienes un e-commerce y quieres que tus zapatos más vendidos destaquen en las SERPs. Añade los detalles del producto y la valoración media basada en múltiples valoraciones o reseñas.
• Eres autor de un libro y acabas de escribir una guía épica sobre cómo ser un líder increíble. Hay muchas de esas por ahí, pero la tuya es la mejor. Usa schema.org para libros y conviértete en el autor más vendido de la próxima Navidad.
• Tienes una app para rastrear vuelos y quieres que se encuentre cuando la gente busque horas de llegada y terminales de aeropuerto; entonces, puedes usar el schema software application markup.

En resumen, queremos que seas consciente de la importancia de los datos SEO estructurados y sepas cuántas posibilidades te da schema.org para crear rich snippets. Recuerda estos dos consejos cruciales:

• Elige sabiamente lo que quieres que se muestre para que solo aparezca la información más útil en los resultados del motor de búsqueda.
• Valida antes de publicar. No querrás que todos tus esfuerzos se pierdan, así que visita nuestro schema tester y mantente a salvo 😉

Accelerated Mobile Pages Open Graph