Esquema y datos estructurados

¿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?

Datos estructurados del esquema

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 un clic.... y 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é es Schema

Schema.org es un vocabulario de etiquetas (también conocidas como marcas) 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.

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 le mostraremos algunos ejemplos.

Entonces, ¿qué es este código, comúnmente conocido como Schema? La iniciativa proviene de una comunidad de colaboración llamada schema.org que recopila todas las etiquetas que ayudan a los profesionales de marketing a crear y promover Schema para datos estructurados en sitios web, mensajes de correo electrónico y mucho más.


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 cargaran, lo que se convertía en un largo tiempo de espera y a veces en implementaciones erróneas, con muchos bucles de retroalimentación. Ahora los profesionales de SEO pueden editar etiquetas de esquema 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 añadir la información- es enviarla a los desarrolladores, o añadirla tú mismo al HTML o al Administrador de Etiquetas de Google. Hablaremos de eso más tarde.

Ahora, ¿aparecen inmediatamente los fragmentos ricos? Desafortunadamente no. Lleva algún tiempo para que aparezcan. Olvídese de la idea de implementar schema.org en una página pobre para hacerla más alta. Todavía tienes que invertir tus esfuerzos en 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 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 el 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 sus páginas, siga estos pasos:

  • Quieres visitar schema.org, donde encontrarás un directorio con todo tipo de páginas, necesidades, industrias, etc.
  • Elija 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ómese su tiempo para elegir los datos correctos. Recuerde, no necesita 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ñada las marcas de revisión a su página dependiendo del código que haya utilizado (consulte la siguiente sección).
  • Validar el código con una herramienta de prueba de datos estructurada como FandangoSEO.
  • ¡Y ta-da! Sus 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 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>
Para el RDFa se comenzará 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, 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

  • Para las categorías (que muestran una lista de productos), puede resaltar 1 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 que enmarca las palabras, éste puede ser escrito y cargado por separado y Google entenderá que el código se refiere a toda la página. De esta manera, evitará la edición de las etiquetas HTML y la posibilidad de que se estropeen 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: elija el código de ejemplo en el sitio web schema.org y reemplace el texto de ejemplo con sus propios datos. De esta manera, la validación será suave. Recuerde que FandangoSEO también funciona como un validador de Schema JSON-LD, y por supuesto es ideal para RDFa y Microdata también.

 

Ejemplos de Schema.org

Usted ha visto que los datos estructurados tienen mucho potencial. Dependiendo de su negocio, los datos estructurados son la mejor solución para vencer a sus competidores en los motores de búsqueda. Suena bien, ¿verdad?

Veamos algunos ejemplos de datos estructurados de Google:

  • Usted está ejecutando un blog de cocina, y su receta tiene menos calorías y toma menos tiempo para prepararse que el de su principal competidor.

Vea cómo debe verse el schema, incluso puede agregar el esquema de vídeo y el enlace al tutorial en vídeo.

  • Diriges un comercio electrónico y quieres que tus zapatos más vendidos destaquen en los SERPs. Añada los detalles del producto, pero también la puntuació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 muchos de esos por ahí, pero el tuyo es el mejor. Usa schema.org para que los libros se conviertan en el autor más vendido de la próxima Navidad.
  • Usted tiene una aplicación para rastrear vuelos y quiere que se encuentre cuando la gente busca las horas de llegada y las terminales de los aeropuertos; luego puede utilizar el esquema de marcado de la 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 consejos cruciales:

  • Elija lo que desea que se muestre sabiamente, para que sólo aparezca la información más útil en los resultados de los motores de búsqueda.
  • Validar antes de publicar. Usted no quiere que todos sus esfuerzos se pierdan, así que visite nuestro probador de Schema y manténgase seguro 😉


Páginas móviles aceleradas Open Graph

¿Preparado para destacar en las SERPs?

Compruebe su esquema 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