Marcado de esquema para SEO: qué es y cómo funciona

Descubre cómo el marcado de esquema para SEO puede atraer más tráfico a tu sitio al proporcionar a los motores de búsqueda la información correcta para obtener resultados enriquecidos.

Marcado de esquema para SEO: qué es y cómo funciona

Índice de contenidos

Crea con Webflow

Webflow Enterprise ofrece a tus equipos la capacidad de crear, publicar y gestionar sitios de forma colaborativa y a gran escala.

→
↗
►
↓
←
↑

Crea con Webflow

Webflow Enterprise ofrece a tus equipos la capacidad de crear, publicar y gestionar sitios de forma colaborativa y a gran escala.

→
↗
►
↓
←
↑

El marcado de esquema les indica a los posibles visitantes que tienes justo lo que están buscando.

Implementar el marcado de esquema para SEO es una forma fantástica de aumentar tus posibilidades de aparecer en un resultado enriquecido en Google. Como es un sistema de etiquetas, resulta sorprendentemente sencillo de crear con unos pocos consejos (y las herramientas adecuadas).

Existen varios tipos específicos de marcado de esquema que puedes usar para completar los detalles de tus páginas web. En este artículo, conocerás esos tipos, cómo usar el marcado de esquema para SEO y cómo beneficia también al AEO de tu marca.

¿Qué es el marcado de esquema?

El marcado de esquema, también conocido como datos estructurados, es un código que escribes en tus páginas web para ayudar a los algoritmos de búsqueda a identificar qué hay en ellas. Hay alrededor de 1500 propiedades que puedes usar para tareas como identificar el precio de un producto o el título de una película en cartelera. (No necesitas conocer todas las propiedades, solo las que sean relevantes para tu sitio web).

Todas estas propiedades se detallan en Schema.org, un proyecto conjunto de Google, Microsoft, Yahoo y Yandex que creó el vocabulario para todos los tipos de esquema utilizados en los resultados de búsqueda. Esta estandarización permite que todos utilicen las mismas etiquetas (por ejemplo, “openingHours”, “reviewRating” o “priceRange”) para obtener mayor visibilidad y un mejor rendimiento en SEO y AEO.

Aspectos clave del marcado de esquema en SEO

Los marcados de esquema son útiles, pero aplicarlos no es un truco mágico para mejorar el posicionamiento en las búsquedas. Lo que hacen es darle a tu contenido la oportunidad de aparecer como un fragmento enriquecido (como el que se muestra arriba), es decir, un resultado de búsqueda mejorado con más información que un listado estándar.

Esto es lo que hace que el marcado de esquema sea importante para el SEO:

  • Tasas de clics más altas: Los resultados enriquecidos consiguen que los usuarios hagan clic en un 17% más de ocasiones, y los resultados de búsqueda con mejores CTR se posicionan más arriba porque indican una relación más sólida entre la consulta y tu página.
  • Mejor presencia en las SERP: Gracias a su información adicional, los resultados enriquecidos ocupan más espacio en la página de resultados del buscador (SERP), incluido el panel de conocimiento en el lado derecho de los resultados de Google. Eso significa mayor visibilidad y una percepción de mayor credibilidad.
  • Mejor experiencia de usuario: Los usuarios obtienen más información desde la propia SERP, por lo que pueden ver si tu sitio responderá a su intención de búsqueda. Quienes hacen clic tienen más probabilidades de permanecer en tu sitio durante más tiempo, lo que reduce la tasa de rebote.
  • Visibilidad para la IA: Los datos estructurados etiquetan el contenido de una forma que los modelos de lenguaje extensos pueden descubrir y utilizar en los resultados de búsqueda por IA.
  • Ventaja competitiva: Tendrás más probabilidades de superar a tus competidores en las SERP si ellos no utilizan marcado de esquema.

Tipos comunes de marcado de esquema

Todas las propiedades del marcado de esquema están organizadas en categorías llamadas “tipos”. Puedes distinguirlas de las propiedades por el uso de mayúsculas. Una categoría comienza con mayúscula y una propiedad comienza con minúscula (por ejemplo, “LocalBusiness” es un tipo y “openingHours” es una propiedad dentro de ese tipo).

Cuando creas un marcado de esquema, haces referencia a un tipo y a la propiedad dentro de él que deseas utilizar. Estos son algunos de los tipos de marcado de esquema más comunes y ejemplos de sus usos habituales:

  • Artículo. Los blogs y sitios de noticias utilizan propiedades del tipo “Article” para dar contexto a los motores de búsqueda sobre su contenido escrito, incluyendo “datePublished” y “breadcrumbs”.
  • Producto. Los sitios de comercio electrónico utilizan el tipo “Product” para aclarar información sobre cada artículo que venden, como “size” y “review”.
  • Página de preguntas frecuentes. Los sitios web de servicios etiquetan su página de preguntas frecuentes con propiedades del tipo “FAQPage”, como “relatedLink” y “primaryImageOfPage”.
  • Negocio local. Las empresas que atienden a clientes presenciales, como gasolineras y restaurantes, utilizan las propiedades de “LocalBusiness” para responder a las preguntas de los usuarios sobre cómo funciona su negocio (por ejemplo, “openingHours”, “paymentAccepted” y “priceRange”).
  • Evento. Los organizadores de eventos utilizan propiedades del tipo “Event”, como “eventSchedule” y “typicalAgeRange”, para resaltar detalles en los resultados enriquecidos.

Formatos comunes de marcado de esquema

Existen tres formas aceptadas de añadir marcado de esquema a tus páginas. JSON-LD es la más recomendada, pero así es como funcionan los tres formatos en la práctica.

JSON-LD

JSON-LD es un script que añades al HTML de tu página y que organiza las propiedades de los datos estructurados en pares de ‘nombre: valor’. Esos pares crean una lista larga que puedes actualizar fácilmente a medida que tu sitio crece.

Aquí tienes un ejemplo de marcado de esquema SEO que utiliza JSON-LD:

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "LocalBusiness",

"name": "Ricardo’s Deli",

"image": "https://RicardosDeli.com/logo.png",

"telephone": "+15551234",

"openingHours": "Mo,Tu,We,Th 09:00-12:00",

"priceRange": "$$",

"address": {

"@type": "PostalAddress",

"streetAddress": "123 Elm St",

"addressLocality": "Lincoln",

"addressRegion": "CA",

"postalCode": "95648",

"addressCountry": "US"

  }

}

</script>

Microdatos

Con los microdatos, los elementos HTML individuales se etiquetan con atributos de marcado de esquema como <itemtype> e <itemprop>. Por ejemplo, podrías etiquetar un encabezado de título como el nombre de tu negocio:

<div itemscope itemtype="https://schema.org/LocalBusiness">

<h1><span itemprop="name">Ricardo’s Deli</span></h1>

</div>

Nota: No todos los elementos HTML admiten atributos de marcado de esquema como <itemprop> y <itemtype>. Usa <div> y <span> según sea necesario para insertar elementos compatibles que puedan utilizar esos atributos.

Marco de descripción de recursos en atributos (RDFa)

RDFa es el predecesor de Microdata, por lo que se ve muy similar. Sin embargo, los atributos son diferentes (como <span>) y los tipos se identifican con su propiedad en lugar de con una URL:

<div vocab="https://schema.org/" typeof="LocalBusiness">

<h1><span property="name">Ricardo’s Deli<span></h1>

</div>

¿Quieres saber cómo se posiciona tu sitio web ante la búsqueda impulsada por IA?

Obtén hoy mismo tu evaluación gratuita de madurez en AEO

→
↗
►
↓
←
↑
Leer ahora

Cómo añadir marcado de esquema a tu sitio web: 6 pasos

Elige una página de tu sitio web y sigue estos seis pasos para añadir un marcado de esquema sencillo que te ayude a dar más detalles a los motores de búsqueda para mejorar tu posicionamiento.

1. Elige tu tipo de marcado

Elige JSON-LD, Microdata o RDFa para tu marcado, dependiendo de lo cómodo que te sientas escribiendo código. JSON-LD es la mejor opción para la mayoría de las personas porque es más intuitivo de escribir y editar, pero Microdata y RDFa son alternativas aceptables si te manejas bien con HTML.

2. Asegúrate de que la información esté actualizada

Revisa tu página para asegurarte de que todo el contenido que quieres marcar sea preciso. Detectar errores como dimensiones incorrectas u horarios desactualizados ahora te ahorrará el trabajo de corregirlos en la página y en el marcado más adelante.

3. Genera el marcado

Usando el formato que hayas elegido, escribe el marcado de esquema en un editor de código o archivo de texto. Mejor aún, ahorra tiempo y utiliza un generador de esquemas, como la herramienta de soporte de esquemas de Webflow AI, para generar el marcado que necesitas para cada pieza de contenido en tu CMS.

4. Añade el marcado de esquema a tu sitio web

Abre el HTML de tu página web y añade tu marcado de esquema. Si usaste JSON-LD, añade el script al elemento <head>. Si usaste Microdata o RDFa, reemplaza el contenido relevante con el marcado.

5. Prueba y valida

Querrás comprobar tu marcado de esquema sobre la marcha para asegurarte de que la sintaxis sea correcta y todas las propiedades estén listadas adecuadamente. Algunas herramientas de prueba de esquemas incluso te ofrecerán sugerencias para ayudarte a sacar el máximo partido a tu marcado.

Cómo validar tu marcado de esquema

Usa un validador como Schema.org o la Prueba de resultados enriquecidos de Google para comprobar que tus datos estructurados funcionan y están libres de errores.

  • Schema.org. Schema.org ofrece una herramienta de prueba gratuita que verificará si tus datos estructurados tienen errores de sintaxis o de propiedades. Solo tienes que abrir la herramienta de validación, pegar tu marcado o script JSON-LD y ejecutar la prueba. Te señalará inmediatamente cualquier error e identificará en qué número de línea se encuentra, para que puedas hacer las correcciones necesarias más rápido.
  • Prueba de resultados enriquecidos. La herramienta de prueba de resultados enriquecidos de Google valida esquemas como Schema.org, pero va más allá al ofrecer sugerencias para otros tipos y propiedades que quizás hayas pasado por alto. Si introduces un fragmento para propiedades de LocalBusiness, por ejemplo, podría sugerirte añadir "dirección", "imagen" o "rango de precios".

6. Supervisa el rendimiento

Publica tus cambios y revisa tus análisis periódicamente para ver si han marcado una diferencia en el posicionamiento en buscadores o en la tasa de clics. Una herramienta como Webflow Analyze puede ayudarte a medir los cambios en el rendimiento a lo largo del tiempo para identificar qué funciona y qué necesita todavía algunos ajustes.

Buenas prácticas para el marcado de esquema

Ahorra tiempo en las pruebas siguiendo estos consejos para crear un marcado de esquema excelente.

Selecciona los tipos de esquema adecuados

Elige tipos de esquema que incluyan la mayoría (si no todas) de las propiedades que necesitas. Probablemente tendrás que usar más de un tipo para capturarlo todo, pero ser selectivo con los tipos que utilizas hará que solo necesites dos o tres. Esto mantiene tu marcado limpio y más fácil de entender para los algoritmos de búsqueda.

Actualiza tu marcado de esquema regularmente

Añade la actualización de tu marcado de esquema a tu lista de tareas cada vez que modifiques contenido en tu sitio web. Si un precio cambia o un producto ya no está disponible, modifica las propiedades del marcado de esquema correspondientes para garantizar que los resultados enriquecidos sean siempre precisos.

Mantente informado sobre las actualizaciones del marcado de esquema de Google

Google actualiza periódicamente su guía de datos estructurados, incluyendo qué propiedades busca y cuáles no. Consulta las directrices regularmente para estar al día de los cambios que podrían afectar al rendimiento de búsqueda de tu sitio.

Valida tu marcado

Ejecuta siempre tu marcado a través de un validador antes de publicarlo para comprobar si hay errores. La herramienta de prueba de resultados enriquecidos de Google también puede ayudarte a descubrir oportunidades de mejora, lo cual es especialmente útil cuando añades un nuevo marcado o has cambiado significativamente el contenido de una página.

Usa el formato JSON-LD

Aunque puedes usar Microdata o RDFa para crear un marcado de esquema, JSON-LD es el mejor formato porque coloca todos tus datos estructurados en una lista larga que es fácil de actualizar. Empezar con él ahora hará que tu sitio web sea más escalable a largo plazo.

Cómo medir el impacto del marcado de esquema

Para medir el impacto que tiene tu marcado de esquema en el posicionamiento en buscadores, necesitas recopilar datos de la página antes y después de la adición. Usa una herramienta como Webflow Analyze para ver cómo cambia el tráfico después de implementar datos estructurados, y prueba tu rendimiento SEO con Google Search Console.

Deberías notar una mejora marcada en las tasas de clics después de implementar el marcado de esquema. Si no es así, experimenta con nuevas propiedades para encontrar una combinación que consiga más clics.

Añade marcado de esquema con Webflow

Puedes lograr un gran impacto en tu SEO añadiendo marcado de esquema. Pero decidir qué incluir y redactar toda la información puede llevar bastante tiempo, especialmente si empiezas desde cero para varias páginas o un catálogo lleno de productos.

Adelántate con el marcado usando Webflow AI, que genera automáticamente datos estructurados para todas tus páginas. Webflow AI detecta contenido como nombres, direcciones y precios, e integra el marcado adecuado en tus páginas donde sea necesario.

Regístrate en un plan Starter gratuito para probar las herramientas de IA iniciales de Webflow. Después, actualiza tu plan y descubre todas las formas en que puede optimizar tu SEO, AEO y el diseño de tu sitio web desde cero.

Webflow Enterprise

Con la confianza de más de 300 000 de las marcas líderes del mundo, Webflow Enterprise permite a tu equipo crear, gestionar y optimizar sitios web sofisticados a gran escala de forma visual, todo ello respaldado por una seguridad de nivel empresarial.

→
↗
►
↓
←
↑
Leer ahora

Última actualización
June 24, 2026
Categoría

Artículos relacionados

Cómo las rutas de navegación mejoran la experiencia del usuario y potencian el SEO
Cómo las rutas de navegación mejoran la experiencia del usuario y potencian el SEO

Cómo las rutas de navegación mejoran la experiencia del usuario y potencian el SEO

Cómo las rutas de navegación mejoran la experiencia del usuario y potencian el SEO

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
Maximiza el SEO de tu sitio web multilingüe en Webflow
Maximiza el SEO de tu sitio web multilingüe en Webflow

Maximiza el SEO de tu sitio web multilingüe en Webflow

Maximiza el SEO de tu sitio web multilingüe en Webflow

Estrategia
Por
Jesús Vivas
,
,
Leer artículo
¿Qué son los metadatos y cómo mejoran el SEO de tu sitio?
¿Qué son los metadatos y cómo mejoran el SEO de tu sitio?

¿Qué son los metadatos y cómo mejoran el SEO de tu sitio?

¿Qué son los metadatos y cómo mejoran el SEO de tu sitio?

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
9 técnicas eficaces de SEO y AEO móvil para aumentar el tráfico de tu sitio
9 técnicas eficaces de SEO y AEO móvil para aumentar el tráfico de tu sitio

9 técnicas eficaces de SEO y AEO móvil para aumentar el tráfico de tu sitio

9 técnicas eficaces de SEO y AEO móvil para aumentar el tráfico de tu sitio

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
Pruebas de SEO: cómo usarlas para mejorar tu posicionamiento en buscadores
Pruebas de SEO: cómo usarlas para mejorar tu posicionamiento en buscadores

Pruebas de SEO: cómo usarlas para mejorar tu posicionamiento en buscadores

Pruebas de SEO: cómo usarlas para mejorar tu posicionamiento en buscadores

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
Lenguaje de diseño de Webflow: cerrando la brecha entre el diseño y el código
Lenguaje de diseño de Webflow: cerrando la brecha entre el diseño y el código

Lenguaje de diseño de Webflow: cerrando la brecha entre el diseño y el código

Lenguaje de diseño de Webflow: cerrando la brecha entre el diseño y el código

Ingeniería
Por
Merrick Christensen
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.