¿Qué es el Marcado Schema y Cómo Implementar los Datos Estructurados?

Luke Harsel

may 25, 20239 min de lectura
Qué es Schema

TABLA DE CONTENIDOS

¿Qué es Schema?

El marcado schema (Schema.org) es un vocabulario de datos estructurados que ayuda a los motores de búsqueda a comprender mejor la información de tu web.

Cuando los motores de búsqueda reconocen el significado y las relaciones que hay entre las distintas partes de tu web, pueden ofrecer resultados enriquecidos o fragmentos enriquecidos.

Como este:

img-semblog

Schema es un lenguaje que se utiliza para representar información: los datos reales se llaman datos estructurados.

Los datos estructurados organizan el contenido que hay en tu página web y la traducen en información comprensible para Google.

Por ejemplo, puedes usar datos estructurados en una página de recetas de pastel de cumpleaños para que Google entienda cuánto se tarda en preparar el pastel, las reseñas de los usuarios, entre otros, como en la imagen de arriba.

En este artículo, exploraremos:

  • Diferentes tipos de marcado schema.
  • Por qué el marcado schema es importante para el SEO.
  • Cómo crear y probar tu propio schema.

Comencemos con algunos ejemplos.

Tipos de Marcado Schema

El marcado schema es un código que describe los elementos de tu web en un lenguaje que todos los principales motores de búsqueda entienden. De esta manera, los motores de búsqueda pueden ofrecerles a los usuarios resultados más completos para sus búsquedas.

Un marcado de instrucciones (o how-to markup), por ejemplo, le dice a Google que un contenido específico es una guía paso a paso. 

Con esta información, Google puede darle a los usuarios una vista previa de cada paso dentro de la página de resultados de búsqueda:

img-semblog

Google entiende 32 tipos de schema:

  • Artículo
  • Libro
  • Breadcrumb o migas de pan
  • Carrusel
  • Curso
  • Conjunto de datos
  • Evaluación del empleador
  • Evento
  • Revisión de hechos
  • Preguntas más frecuentes
  • Actividades en casa
  • Instrucciones 
  • Licencia de imagen
  • Oferta de trabajo
  • Vídeo educativo
  • Solución de matemáticas
  • Película
  • Preguntas y respuestas sobre educación
  • Salario estimado
  • Pódcast
  • Problemas prácticos
  • Preguntas y respuestas
  • Receta
  • Aplicación de software (Beta)
  • Speakable (que puede hablar)
  • Suscripción y contenido de pago
  • Vídeo

Aquí tienes cinco ejemplos comunes de schema y cómo se ven en los SERP (página de resultados del motor de búsqueda):

Marcado de Logotipo

El marcado del logotipo le dice a Google cuál es tu logotipo. De esa manera, tu logo aparecerá correctamente en el Knowledge Graph de Google cada vez que alguien busque tu empresa.

Así es como se ve el marcado del logotipo en acción:

img-semblog

Marcado de Negocios Locales

El marcado de negocios locales señala qué elementos de tu web contienen información de contacto, como tu dirección u otros detalles comerciales importantes. 

Luego, Google muestra esa información en un panel de negocios locales en el lado derecho de los SERPs relacionados.

Este marcado garantiza que Google ofrece a sus usuarios la información correcta. Además, impulsa el tráfico peatonal local.

Así es cómo aparece:

img-semblog

Marcado de Reseñas

El marcado de reseñas añade una puntuación con estrellas en la parte inferior de la entrada de la página de resultados.

Muestra a los usuarios lo que piensan otras personas de esos productos o servicios que están buscando. 

Esto es útil porque es más probable que los clientes compren productos con reseñas.

Así es como se ve el marcado de reseñas en acción:

img-semblog

El marcado de sitelink añade enlaces de navegación adicionales a tu resultado en los SERP.

En lugar de mostrar solo un enlace a tu página de inicio, también se muestran enlaces a tu blog, a tu página de contratación, etc. 

Así es como se ve el marcado de sitelink en los SERP:

img-semblog

Marcado de Producto

El marcado de productos le aporta a Google más información sobre los productos que vendes en tu web para que los usuarios puedan ver más detalles directamente en la página de resultados.

También le da a Google una imagen de tu producto para que pueda aparecer en la Búsqueda de imágenes de Google. Las búsquedas de imágenes conforman el 22,6% de todas las búsquedas, por lo que puedes perder mucho tráfico si no añades imágenes.

Así es como se ve el marcado de producto en acción:

img-semblog

Google no mostrará resultados enriquecidos para todas tus páginas con datos estructurados.

Sin embargo, añadir el marcado schema a tu web te dará más probabilidades de obtener un resultado enriquecido que ocupe más espacio en la página de resultados.

Por ejemplo, tu web podría aparecer simultáneamente como un resultado orgánico, como una respuesta a una pregunta frecuente y como un video en la misma página de resultados.

Por lo tanto, hay múltiples oportunidades para que un usuario haga clic en tu web, todo desde una sola búsqueda.

¿Por qué es Importante el Marcado Schema para SEO?

El objetivo de estructurar tus datos es que te comuniques mejor con los motores de búsqueda. Cuando Google entiende las páginas web en un nivel más profundo, ofrece mejores resultados a los usuarios.

Componentes como los elementos visuales, los fragmentos enriquecidos, o el Knowledge panel aparecen en las SERP después de recopilar información de datos estructurados.

Aunque no hay evidencia de que el schema mejore tu posicionamiento, proporciona una gran cantidad de oportunidades.

Por ejemplo, un resultado de búsqueda de tu web sin enlaces no ofrece a los usuarios mucho más que el título y la meta descripción:

img-semblog

Por otro lado, un resultado de búsqueda con sitelinks ofrece a los buscadores la página principal vinculada junto con páginas de webs similares que podrían interesarles más:

img-semblog

Si la etiqueta de título no atrajo al usuario para que hiciera clic, todavía hay posibilidades de atraerlo con otros enlaces.

Algunos schemas también actúan como vallas publicitarias digitales. 

Carrefour ocupa toda la parte superior del pliegue de la SERP gracias a todos los fragmentos enriquecidos que tiene:

img-semblog

Los estudios demuestran un mayor espacio en los resultados de búsqueda gracias a los datos enriquecidos mejora la tasa de clics.

De hecho, los usuarios hacen clic en resultados enriquecidos un 58 % de las veces frente a 41 % de las veces para resultados no enriquecidos.

Google también ha declarado que los datos correctamente estructurados pueden mejorar la apariencia general de los resultados de búsqueda (lo que proporciona una mejor experiencia de usuario).

Por ejemplo, con reseñas estructuradas, Google puede mostrar recetas con la mayor cantidad de calificaciones de cinco estrellas en la parte superior de sus resultados.

img-semblog

O, con datos estructurados sobre canciones y álbumes, Google puede mostrar qué canciones canta un artista como una serie de tarjetas enriquecidas.

img-semblog

Entonces, si bien no hay evidencia sólida de que los datos estructurados realmente afectan al posicionamiento, mejoran enormemente la experiencia de búsqueda. 

Los usuarios pueden leer preguntas frecuentes, ver calificaciones, obtener información comercial importante y más sin tener que visitar una página.

Esto puede expandir el alcance de tu marca y, como se mencionó, aumentar potencialmente la tasa de clics.

Cómo Generar y Comprobar tu Propio Marcado Schema HTML

Hay tres lenguajes de código que puedes añadir a tu código HTML para decirle a los motores de búsqueda qué hay exactamente en tu página web: JSON-LD, microdatos y RDFa.

JSON-LD (Notación de Objetos JavaScript para Objetos enlazados)

JSON-LD es un script agregado como un bloque de datos, separado del resto del código de una página. Google recomienda usar JSON-LD “siempre que sea posible” porque los bloques de datos JSON-LD son más fáciles de organizar y cambiar o editar, cuando sea necesario.

Se ve así:

img-semblog

En este ejemplo, el código de la página web, <p> Mi nombre es Kelly </p>, está completamente separado del script JSON-LD que se encuentra debajo.

Microdatos

Los microdatos hacen prácticamente lo mismo que JSON-LD, pero tienen un formato diferente. El código debe incrustarse en el HTML de la página web, por lo que es menos fácil de escribir y actualizar para principiantes.

También es más difícil de usar a escala para webs más grandes (como webs de comercio electrónico).

Aquí tienes un ejemplo de microdatos en acción:

img-semblog

RDFa (Marco Descriptivo de Recursos en Atributos)

RDFa es similar a los microdatos en el sentido de que se añaden al código de tu página a través de etiquetas y atributos HTML. Sin embargo, es un poco más antiguo y más complejo.

El beneficio es que suele ser más fácil integrarlo con otras aplicaciones o plataformas que también lo usan.

En la práctica, se ve así:

img-semblog

Generar Schema Markup para SEO

El Ayudante de marcado de datos estructurados de Google te facilita la generación de schemas. Así es como se usa:

Paso 1: Selecciona el Tipo de Datos

Elige uno de los tipos de datos comunes de la lista. Para este ejemplo, elegimos "Artículos".

img-semblog

Paso 2: Pega tu URL

Pega la URL de la página a la que quieres añadirle el marcado. También tienes la opción de pegar el HTML. Luego, haz clic en "Empezar a etiquetar".

img-semblog

La herramienta cargará tu página para que puedas comenzar a marcarla. 

Tu página web aparecerá en el lado izquierdo y los elementos de datos aparecerán en el derecho. Verás algo así:

img-semblog

Paso 3: Comienza a Marcar tu Página

Para comenzar, selecciona a la izquierda los elementos que quieres marcar. 

Para un artículo, puedes resaltar el autor y elegir el elemento de datos "Autor" en el menú que aparece.

img-semblog

La herramienta seleccionará el nombre del autor y lo colocará junto a "Autor" en el lado derecho.

img-semblog

También puedes etiquetar elementos que no se pueden encontrar en tu página. 

En el lado derecho de su página, desplázate hacia abajo hasta que veas el botón "Añadir las etiquetas que faltan".

img-semblog

Haz clic en el botón para abrir un menú emergente donde puedes añadir etiquetas manualmente. 

Por ejemplo, nosotros hemos añadido datos manualmente a la etiqueta de URL.

img-semblog

Continúa añadiendo elementos de marcado hasta que estés listo para generar tu código HTML.

Paso 4: Genera HTML

Cuando termines, haz clic en el botón "Crear HTML" en la parte superior derecha de la pantalla.

Recibirás el código para añadir en tu web. Haz clic en el menú desplegable en la parte superior para elegir entre JSON-LD (recomendado) y microdatos.

img-semblog

Paso 5: Añade el Marcado a tu Web

Ahora que tienes tu código actualizado, añádelo a tu CMS (sistema de administración de contenido).

Tienes la opción de copiar y pegar, o puedes descargar el archivo HTML completo y cargarlo en tu web.

img-semblog

Cuando termines, actualiza la página en la que estás trabajando. Selecciona "Finalizar" para obtener una lista de instrucciones si no estás seguro de cómo completar los siguientes pasos.

img-semblog

Ahora es el momento de confirmar que el marcado que añadiste a tu página está bien. 

Paso 6: Comprueba tus Datos Estructurados

Google recomienda usar su herramienta de Prueba de resultados enriquecidos para comprobar que el marcado schema es correcto:

img-semblog

Añade tu URL o fragmento de código. Se te mostrarán los errores, las advertencias y el marcado schema detectado en el lado derecho de la pantalla:

img-semblog

Si necesitas corregir algún error, puedes editar el código directamente en el lado izquierdo de la página.

Después de realizar cambios, haz clic en el botón "Ejecutar prueba" en la parte inferior de la página para revalidar:

img-semblog

También puedes revisar todo tu web en busca de problemas de marcado schema con nuestra herramienta de Auditoría del sitio

Crea un nuevo proyecto o haz clic en un proyecto existente en tu panel de Auditoría del sitio.

img-semblog

Busca la sección Marcado dentro de la pestaña Descripción general. Luego, haz clic en el botón "Ver detalles".

img-semblog

Obtendrás una puntuación de marcado que indica qué parte de los datos de tu schema no es válida (la que es válida también). Cuanto mayor sea su puntuación, menos errores tendrá tu web.

img-semblog

Para ver una lista completa de errores, desplázate hacia abajo hasta la sección "Entidades de datos estructurados". 

Haz clic en el botón "Ver todos los elementos no válidos".

img-semblog

Haz clic en cualquier entrada en la columna "Campos afectados" para ver errores específicos por problema identificado.

img-semblog

Si aparece algún error en tu web, vuelve al Ayudante de marcado de datos estructurados para generar un nuevo marcado, luego tienes que comprobarlo otra vez con la Prueba de resultados enriquecidos.

Si quieres comprobar tu código para un motor de búsqueda diferente, puede usar el de Schema.org, el Validador de marcado schema.

Compartir
Author Photo
Content Lead at Semrush. Here to help you solve your everyday marketing challenges with Semrush‘s tools and apps.
Más sobre esto