Seguro que has oído hablar de los resultados enriquecidos o rich snippets, pero, ¿te has planteado alguna vez cómo puedes implementarlos en tu web? Hoy contamos con Javier Marcilla, conocido como Ninja SEO, para que nos despeje todas las dudas que tenemos sobre los famosos datos estructurados. Te dejamos con él.


Este artículo es una introducción para que puedas entender y comenzar a usar datos enriquecidos en tu sitio web para mejorar tu SEO y ayudar a tus usuarios.

Los motores de búsqueda online como Google son cada vez más “inteligentes” y capaces de extraer y procesar la información de tu sitio web para “entender” qué es lo que ofreces y si puede ser útil para el usuario.

Hoy en día Google puede entender bastante bien “de qué va tu contenido” y qué quieres transmitir al usuario, pero al igual que sucede con el SEO on Page donde puedes posicionar sin optimizar tus títulos o descripciones, si le facilitas la labor al buscador tendrás muchas más posibilidades.

Y mediante el uso inteligente de los datos estructurados en tu sitio web puedes dar a Google (y otros buscadores) información concreta sobre tu sitio web, productos o servicios, que te ayudará a conseguir tus objetivos con menos esfuerzo.

¿Qué son los datos estructurados?

Seguro que en la mayoría de las búsquedas estás acostumbrado a encontrar “snippets enriquecidos”.

Uno de los casos más destacados podrían ser las búsquedas que coinciden con títulos de películas.

Ejemplo snippet enriquecido película

El objetivo detrás de todos estos snippets o widgets es mostrar datos “enriquecidos” que ayuden al usuario a encontrar aquello que busca lo más rápidamente posible.

El objetivo de los datos estructurados es responder a la pregunta del usuario lo más rápido posible

Existe una diversidad de resultados enriquecidos que aparecen en las búsquedas, como por ejemplo los “fragmentos destacados” como en el ejemplo que ves abajo.

Ejemplo fragmento enriquecido

Pero aunque hay trucos para ayudarte a conseguir un fragmento destacado como el del ejemplo de arriba, en este artículo voy a hablarte de los resultados enriquecidos que puedes conseguir añadiendo datos estructurados a tu sitio web.

Algo así como lo que ves en este ejemplo.

Trucos resultados enriquecidos

Los resultados enriquecidos suelen aparecer cuando se buscan personas con cierta autoridad o popularidad, productos concretos, marcas, negocios, eventos, películas, música o recetas.

📌 Y para que esto suceda hay que describir o etiquetar nuestras páginas web de forma que el buscador entienda la información que queremos transmitir al usuario.

Por qué deberías usar datos estructurados

¿En qué te beneficia usar datos estructurados en tu web?

Los datos estructurados no sólo te pueden ayudar a posicionar mejor en ciertas búsquedas, además pueden mejorar la experiencia de tus usuarios y ayudarte a conseguir más ventas o suscripciones.

Algunos estudios muestran que mientras que el primer resultado de una búsqueda consigue de media el 26% de los clics, cuando aparece un resultado enriquecido puede llevarse el 8,6% y dejar al primer puesto con un 19,6%.

Y como cada vez hay más búsquedas donde se muestran este tipo de resultados es buena idea intentar saber un poco más acerca de ellos y cómo podrías usarlos en tu beneficio.

Como por ejemplo para mostrar el calendario de unos cursos que estás impartiendo.

Ejemplo rich snippet cursos

Aunque no se puede demostrar a ciencia cierta que los resultados enriquecidos ayudan a mejorar directamente el posicionamiento, sí que facilitan que el buscador muestre resultados más útiles para el usuario.

Los resultados enriquecidos facilitan que el usuario encuentre resultados más útiles

Y esto ayuda a que el usuario escoja un resultado en lugar de otro, porque puede ver más información que le ayude a decidir antes de hacer clic.

Qué son los datos estructurados y cómo implementarlos Clic para tuitear

Qué formato de datos estructurados debes usar

No voy a ponerme técnico con esto, porque realmente no es necesario, pero digamos que de momento no hay un estándar para el marcado de datos estructurados que haya sido aceptado unánimemente.

Y si buscas un poco sobre datos estructurados verás términos como Microformato, Microdatos, RDFa, Schema, Open Graph, JSON…

Para simplificar mucho (que me perdonen los entendidos en este tema) digamos que todo esos términos equivalen a diferentes formas de “escribir” los datos estructurados.

Algo así como tener diferente opciones para el “idioma” que debes usar y el método para escribirlo en tu sitio web.

Para el “idioma” de los datos estructurados lo más conveniente es usar el “vocabulario” Schema. Está bien documentado y lo entienden los motores de búsqueda más importantes como Google, Bing y Yandex.

En cuanto la “sintaxis” o el “método” para incluir los datos lo más conveniente es usar JSON-LD, básicamente porque es lo que Google recomienda.

Por poner un ejemplo gráfico, podrías incluir datos enriquecidos sobre el autor de un artículo de la siguiente forma:

<script type="application/ld+json">
{ "@context": "http://schema.org", 
 "@type": "Article",
 "headline": "Todo lo que quieres saber sobre el SEO off page",
 "image": "https://ninjaseo.es/wp-content/uploads/2012/08/guia-seo-offpage-ninjaseo.png",
 "author": "Javier Marcilla", 
 "genre": "search engine optimization", 
 "keywords": "seo linkbuilding", 
 "url": "https://ninjaseo.es/seo-off-page-optimizacion/",
 "datePublished": "2017-06-01",
 "dateCreated": "2017-06-01",
 "dateModified": "2017-06-13",
 "description": "En esta Guía Definitiva sobre el SEO Off Page lo tienes todo.",
 "articleBody": "Básicamente el SEO Off Page comprende todos los factores de posicionamiento externos, es decir los que no pertenecen “a tu página” y teóricamente no puedes controlar de forma directa mediante el SEO On Page.
 }
</script>

Por supuesto sólo es un ejemplo, puedes menos, más o incluso toda la información que corresponde al tipo de datos “Artículo” y que puedes encontrar aquí.

Qué tipos de datos enriquecidos puedes usar en tu web

Como este es un artículo de introducción no voy a extenderme detallando todos los tipos de etiquetas y aplicaciones posibles.

Pero sí que te voy a ponerte unos pocos ejemplos de cómo puedes usarlos.

Si tienes una tienda online puedes añadir datos estructurados a tus productos para mostrar en los resultados el precio, disponibilidad, posibles descuentos y valoraciones de los usuarios.

Ejemplo datos enriquecidos ecommerce

O si vendes o promocionas eventos puedes mostrar las fechas y lugares donde se celebrarán.

Ejemplo datos enriquecidos eventos

También puedes captar mucho la atención marcando las recetas que explicas en tu sitio web.

Ejemplo rich snippet receta

Y por supuesto mostrando valoraciones y opiniones de los usuarios sobre tus artículos o productos.

Ejemplo rich snippet blog

Cómo añadir datos estructurados Schema+JSON de una forma sencilla

Lo más sencillo para comenzar es usar el Asistente para el marcado de datos estructurados de Google diseñado para ayudarte en este proceso.

Simplemente introduce la URL a la que quieres añadir datos enriquecidos, elige el tipo de datos, y haz clic en el botón azul “Empezar a etiquetar”.

Marcado datos estructurados

El asistente cargará tu página y simplemente tendrás que seleccionar los elementos a los que quieres añadir datos enriquecidos y hacer clic en el botón “Añadir las etiquetas que faltan”.

Etiquetas datos estructurados

Cuando hayas añadido todos los datos que necesitas haz click en el botón rojo “crear HTML”.

Selecciona JSON-LD (JSON for Linking Data) del menú desplegable, y copia y pega el HTML resultante en tu página, en el lugar correspondiente.

Datos estructurados JSON

Por último después de añadir el código a tu página es muy recomendable validarlo con la herramienta de pruebas de datos estructurados de Google.

Validar datos estrucuturados

Cómo añadir datos estructurados Schema+JSON de una forma sencilla Clic para tuitear

También puedes controlar errores y ver más información sobre los datos estructurados de tu sitio web en el Search Console de Google, en “Apariencia en el buscador > Datos estructurados”.

Datos estructurados Search Console

Conclusión y notas finales

Espero que esta breve introducción a los datos estructurados y los resultados enriquecidos te animen a explorar más este campo y comenzar a usarlos en tus proyectos online.

Aunque ten en cuenta que al igual que sucede con otras técnicas para posicionarse mejor o aumentar el CTR en Google, abusar de los datos estructurados puede perjudicarte.

Si Google detecta que alguna de tus páginas utiliza un marcado de datos innecesario o engañoso puede penalizar su posicionamiento.

Un ejemplo bastante habitual es marcar artículos o productos con valoraciones altas sin que hayan recibido ninguna opinión.

Por último recuerda que aunque realices un marcado correcto no hay garantía de que Google lo acepte y lo muestre en los resultados, como siempre es el buscador el que decide si es valioso para el usuario y debe aparecer.

 

  • Jose Manuel

    ¡Buen Post Javier! Como siempre 😉
    Cuando hablas de copiar el HTML en la pagina , ¿te refieres a copiar el script en la versión html del editor de texto de la página? ¿arriba del todo?
    Un saludo!!

    • Javier Marcilla

      Hola Jose Manuel, sí, me refiero a copiar al código HTML (JSON-LD) del asistente para el marcado e insertarlo en la página en la sección de encabezado o al final de la página.

  • Jose

    Muy interesante el artículo y con muchas utilidades.
    En HTML queda muy claro, pero para usarlos en un post o página de WordPress, como podemos hacerlo, ¿a través de algún plugin?
    Gracias

    • Javier Marcilla

      Hola Jose, ya usas Google Tag Manager y tienes conocimientos más o menos avanzados puedes insertarlos directamente con GTM.

      Uno de los mejores plugins (de pago) para Schema es Project Supremacy v3 (búscalo en Google)

      ¡Suerte!

  • Joan

    Otro #postdelosjueves imperdible, ya es un habito lo de leer el post de publisuites los jueves. O sea ya lo estoy esperando durante toda la semana

    • Javier Marcilla

      Hola Joan, me alegro de que el artículo te haya parecido interesante 🙂

  • Jose maria

    Hola muy interesante mi pregunta es la misma que la de Jose Manuel, dónde se pega el código Html de los fragmentos enriquecidos. En la pestaña html de una pagina o un post en WP, o dónde? Gracias

    • Javier Marcilla

      Hola Jose María, tienes que incluirlos en el código html de la página, por ejemplo si usas WordPress con un plugin que te permita incluir código en la cabecera o el pie de las páginas.

      • jose maria

        Gracias o sea en el archivo header. Cierto? Gracias

        • Javier Marcilla

          Hola Jose María, puedes incluir el código editando el archivo header.php (si usas WordPress), pero seguramente sería más conveniente incluir el código únicamnete en las páginas que más te convenga, usando otro plugin que te permita hacerlo página a página.

  • Alvaro San

    El futuro del SEO pasa por las entidades, y aportar toda la información a esas entidades pasada por Schema. Una gran forma de introducir la información es creando etiquetas en Tag Manager; te permite toda la flexibilidad para seleccionar en qué url o bajo que condiciones se activa el marcado.

    • Javier Marcilla

      Hola Alvaro, gracias por comentar, desde luego una de las formas de incluir Schema es usango Gogole Tag Manager, aunque no es el método más recomendable para hacerlo, según John Muller de Google: https://twitter.com/JohnMu/status/1017108440907419649

      Saludos,

*