Schema & Datos estructurados

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

Schema datos estructurados

Presentar la información de forma más estructurada y visual para saber qué esperar al hacer clic... y querer hacer clic. La implementación de schema proporciona información adicional a los visitantes y, en consecuencia, genera más visitas. La situación perfecta en la que todos ganan.

 

¿Qué son schema y los datos estructurados?

Schema.org es un vocabulario de etiquetas (también conocidas como marcas) que los webmasters pueden añadir al HTML para que una página resulte más atractiva en las SERPs (Páginas de Resultados de los Motores de Búsqueda). Añadiendo estas etiquetas se obtienen Datos Estructurados, que dan lugar a los Rich Snippets.

Aunque es fácil confundir estos términos, son diferentes. Mientras que Schema SEO es el lenguaje que empleamos para presentar el contenido, los datos estructurados son los datos reales que usted proporciona. 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 típica página de resultados con título, URL y meta descripción, puedes ver que el ejemplo de rich snippet anterior muestra más detalles de lo habitual. Esta funcionalidad te da infinitas posibilidades dependiendo de la página que quieras promocionar. Le mostraremos algunos ejemplos más adelante.

Entonces, ¿qué es este código, comúnmente conocido como schema markup? La iniciativa parte 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 mucho más.

¿Qué es schema en SEO?

Me preguntaba cómo utilizar 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 fragmentos sean más ricos y aumentar el CTR.

Sí, queremos destacar que los fragmentos enriquecidos tienen un impacto significativo 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 impulsa 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 un 30%! Especialmente en lo que respecta a la valoración de productos o servicios: las valoraciones y reseñas son los elementos más influyentes en los fragmentos enriquecidos. ¿Necesita más razones para implementarlos? Aquí viene una buena:

Antes, los especialistas de 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 de SEO pueden editar las etiquetas de schema 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. Ya hablaremos de eso más adelante.

Ahora bien, ¿aparecen inmediatamente los fragmentos enriquecidos? Por desgracia, no. Tardan algún tiempo en aparecer. Olvídate de implementar schema.org en una página pobre para que se posicione mejor. Sigue teniendo que invertir sus esfuerzos de SEO en cada página, ya que Google valorará si el texto es lo suficientemente relevante, si lo que se enmarca 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 Knowledge. 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 en las redes sociales.

He aquí un ejemplo:

También puede añadir el sitio web schema.org marcado para ayudar a Google a generar enlaces del sitio con un cuadro de búsqueda e incluso hacer que las migas de pan aparecen bajo el título del fragmento. Las posibilidades son infinitas.

Cómo implantar 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 el sector o producto que mejor defina la/s página/s que quieres promocionar en las SERPs. Hay mucha información que puedes destacar. Tómate tu tiempo para elegir los datos adecuados. Recuerda que no necesitas incluirlo todo.
  • Elige la codificación que se ajuste a tus posibilidades y se adapte al contenido de tu página. La encontrarás al final de la página; copia la muestra para empezar a trabajar con 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 schema puede utilizarse con tres codificaciones diferentes: RDFa, Microdata y JSON-LD (probablemente ésta sea la 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 destacar utilizando este código dentro del cuerpo del archivo HTML. De esta forma, le dices a los buscadores que esa palabra tiene que ser considerada por ellos como -por ejemplo- el nombre del producto o la descripción.

Para Microdatos 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á que aplicar este lenguaje manualmente al HTML de cada página que desee destacar, así que empiece por los productos más vendidos para impulsar las ventas o las principales entradas del blog para aumentar las visitas.

 

Consejos para datos estructurados sobre comercio electrónico

  • Para las categorías (que muestran una lista de productos), puede destacar una miniatura como "imagen", un "rango de precios" que agrupe 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 opiniones y valoraciones. El precio también ayuda si es competitivo.

 

JSON-LD

JSON-LD es el más utilizado por los expertos de SEO , ya que es el marcado schema más sencillo para datos estructurados. ¿Por qué? Mientras que los otros tienen que escribirse dentro del archivo HTML que enmarca las palabras, éste puede escribirse y cargarse 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 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 es válido para los tres tipos de codificación: elija el código de muestra del sitio web schema.org y sustituya el texto de muestra por sus propios datos. De este modo, la validación se realizará sin problemas. Recuerda que FandangoSEO también funciona como validador de JSON-LD schema ; también es genial para RDFa y Microdata.

 

SchemaEjemplos de .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 y la valoración media basada en múltiples valoraciones o 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.
  • Si tiene una aplicación para rastrear vuelos y quiere que aparezca cuando la gente busque las horas de llegada y las terminales de los aeropuertos, puede utilizar el marcado de aplicaciones de softwareschema .

 

En resumen, queremos que sea consciente de la importancia de los datos estructurados de SEO y que sepa cuántas posibilidades le ofrece schema.org para crear fragmentos enriquecidos. Recuerda estos dos consejos cruciales:

  • Elija bien lo que quiere que se muestre 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 😉

Páginas móviles aceleradas Gráfico abierto

¿Preparado para destacar en las SERPs?

Compruebe su schema con FandangoSEO.

Pruébalo gratis durante 14 días

Acceso completo a todas las funciones. Sin ningún tipo de obligación.

Empieza

Arrow-up

Antes de que te vayas...

Si no quieres perderte ningún consejo o actualización de FandangoSEO, suscríbete a nuestra newsletter.

+5000 SEO confía en nosotros, únete a la comunidad