Blog/technical seo8 minRead in English

Datos estructurados en Webflow: cómo agregarlos a páginas estáticas y plantillas del CMS

Dónde poner el JSON-LD en Webflow, cómo vincular campos del CMS y qué borrar

Monitor con el diseño de un sitio web, en referencia a configurar datos estructurados en Webflow

¿Cómo se agregan datos estructurados en Webflow?

Para agregar datos estructurados en Webflow, abrí la página en el panel Pages, hacé clic en el ícono de configuración, bajá hasta la sección Schema markup, pegá tu JSON-LD (o generalo con Webflow AI), guardá y publicá. En una plantilla de Colección del CMS hacés lo mismo desde la configuración de la plantilla y vinculás los campos de la Colección para que cada ítem muestre sus propios valores. Los bloques de todo el sitio, como Organization, pueden seguir en Site settings → Custom code → Head code. Elegí un solo lugar por bloque: el propio Webflow advierte que tener el schema en el campo y en custom code genera duplicados.

La novedad: Webflow sumó ese campo nativo hace poco, y la mayoría de los tutoriales en español siguen explicando solo el método viejo con código personalizado. Al mismo tiempo, Google sigue retirando resultados enriquecidos (los de FAQ dejaron de mostrarse el 7 de mayo de 2026), así que buena parte del marcado que enseñan esos tutoriales ya no hace nada en Google. Esta guía es la versión específica para Webflow de nuestra guía de datos estructurados para la búsqueda con IA, donde explicamos qué tipos de schema importan y por qué.

Los dos lugares para el schema en Webflow: campo nativo o custom code

El artículo de ayuda de Webflow Add schema markup in Webflow to improve SEO and AEO documenta el campo nativo. La vía anterior es el código personalizado, explicado en Custom code in head and body tags. Así se comparan (los nombres de menú quedan en inglés porque la interfaz de Webflow está en inglés):

PreguntaCampo Schema markupCustom code
Dónde se configuraPage settings → Schema markupSite settings → Custom code → Head code, o Page settings → Custom code
AlcanceUna página o una plantilla de ColecciónTodo el sitio (Site settings) o una página
Dónde apareceEn el <head>Head code: <head>. Footer code: antes de </body>
Borrador con IASí, “Generate schema markup”No
Plan necesarioSite plan pago o Workspace pagoWorkspace Core, Growth, Agency o Freelancer, o un Site plan activo
LímiteNo se indica50.000 caracteres por sección

Una división práctica que evita duplicados: poné el único bloque Organization (o LocalBusiness) en Site settings → Custom code → Head code para que cargue en todo el sitio, y usá el campo nativo Schema markup para los tipos propios de cada página: Article o BlogPosting en la plantilla del blog, Product en las fichas de producto, Service o LocalBusiness en las páginas de sucursales. Webflow aclara que el schema que ya tenés en custom code sigue funcionando, así que no hace falta migrarlo. Lo que no tenés que hacer es copiarlo también al campo nuevo.

Un ejemplo real: la trampa del schema de FAQ en Webflow

Si buscás “Webflow FAQ schema”, los primeros resultados, entre ellos la guía paso a paso de BRIX Templates, te enseñan a armar un bloque FAQPage desde una Colección del CMS. La técnica funciona, pero el premio desapareció. El registro de cambios de Search Central de Google anotó el 8 de mayo de 2026 que el resultado enriquecido de FAQ deja de aparecer en la Búsqueda de Google a partir del 7 de mayo de 2026, y después eliminó toda su documentación. Ya estaba limitado a sitios gubernamentales y de salud reconocidos desde el 14 de septiembre de 2023, el mismo día en que Google dejó de mostrar los resultados How-to.

Pensá en el caso típico de un estudio contable en Córdoba o una clínica dental en Valencia con web en Webflow. Antes: un bloque FAQPage armado a mano en cada página de servicio, ningún bloque Organization y una plantilla de blog sin marcado Article. Después: un único Organization para todo el sitio, BlogPosting vinculado a los campos del CMS en la plantilla del blog, Service o LocalBusiness en las páginas de servicio, y FAQPage solo donde existe una sección de preguntas frecuentes visible. El marcado que queda describe el negocio y su contenido, que es lo que usan los buscadores y la IA para identificarte.

Si no sabés qué páginas tuyas arrastran marcado viejo o duplicado, una auditoría de Clariola por USD 9,99 rastrea tu HTML tal como llega del servidor, lista los tipos de schema de cada página y marca los que Google retiró, con la fecha.

Cómo agregar datos estructurados a una plantilla del CMS de Webflow, paso a paso

  1. Revisá qué hay hoy. Abrí una página de ítem publicada, mirá el código fuente (Ctrl+U / Cmd+Option+U) y buscá application/ld+json. Una app del Marketplace, un embed o una plantilla vieja pueden estar generando marcado.
  2. Ordená tus campos primero. El campo Schema markup puede vincular campos Plain text, Image, Video link, Link, Email, Phone, Number, Date/Time, Switch, Color, Option y File. No puede vincular Reference, Multi-reference ni Multi-image. Si el autor es una referencia a una Colección de autores, creá en la Colección de artículos un campo de texto plano “Nombre del autor” y completalo.
  3. Abrí la configuración de la plantilla. En el panel Pages, pasá el mouse sobre la plantilla de Colección (por ejemplo “Blog Posts Template”), hacé clic en el ícono de configuración y bajá hasta Schema markup.
  4. Generá o pegá. Generate schema markup usa Webflow AI, que tiene que estar activado en Workspace Settings → General → Workspace, e incluye automáticamente los campos relevantes de la Colección. Si pegás tu propio JSON-LD, vinculá un campo en cada valor que cambie por ítem. El campo tiene que estar vacío para poder generar.
  5. Revisá cada línea. Tomá lo que genera la IA como borrador. Borrá las propiedades que describen cosas que no se ven en la página y cualquier bloque FAQPage o HowTo, salvo que la página tenga de verdad ese contenido.
  6. Guardá y publicá. Nada llega al sitio en vivo hasta que publicás en el dominio de staging o en tu dominio.
  7. Probá dos ítems distintos en la Prueba de resultados enriquecidos de Google y en el Schema Markup Validator. Elegí uno con título largo o con comillas: ahí es donde suele romperse el JSON vinculado a campos.

Este es un modelo de BlogPosting para un blog en Webflow. Los valores entre corchetes son los que vinculás a campos de la Colección; el resto queda fijo:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "[campo Name]",
  "description": "[campo Resumen]",
  "image": "[campo Imagen principal]",
  "datePublished": "[campo Fecha de publicación]",
  "dateModified": "[campo Fecha de actualización]",
  "author": {
    "@type": "Person",
    "name": "[campo Nombre del autor (texto plano)]"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Tu Negocio",
    "logo": { "@type": "ImageObject", "url": "https://www.ejemplo.com/logo.png" }
  },
  "mainEntityOfPage": "https://www.ejemplo.com/blog/[campo Slug]"
}
</script>

Tres detalles que rompen el schema en Webflow

  • Fechas. Las fechas del schema tienen que ir en ISO 8601 (por ejemplo 2026-09-27). Cuando vinculás un campo Date/Time, elegí un formato año-mes-día y confirmalo en el código fuente: algo como “27 sep 2026” no valida como fecha.
  • Comillas y saltos de línea en campos de texto. Un texto JSON no puede tener comillas dobles sin escapar. Probá un ítem cuyo nombre tenga ". Si el validador marca un error de sintaxis, evitá las comillas en los campos que vinculás o usá un campo de texto plano más corto.
  • Texto enriquecido. Rich text no está en la lista de campos admitidos, así que no intentes meter el cuerpo completo del artículo ni el HTML de una respuesta. Usá un campo de resumen en texto plano para description.

Qué usa realmente Google de tu marcado en Webflow

La introducción a los datos estructurados de Google recomienda JSON-LD y dice que puede leer JSON-LD inyectado con JavaScript, pero tanto el campo nativo de Webflow como el custom code lo dejan en el HTML publicado, que es mejor para los rastreadores que no ejecutan scripts. Las pautas de datos estructurados de Google exigen que el marcado describa contenido visible en la página. Esa es la regla que más rompe el schema generado con IA: agrega calificaciones, precios u horarios que la página no muestra.

Y mantené expectativas realistas. Un marcado válido hace que la página sea apta para resultados enriquecidos, pero no los garantiza, y el propio FAQ de Webflow sobre la función dice lo mismo. Las migas de pan, por ejemplo, solo se muestran en computadoras desde el cambio de Google del 22 de enero de 2025. El valor que perdura es la claridad de entidad: datos de Organization coherentes y tipos de página correctos ayudan a Google y a la IA a entender quién sos.

El schema es una capa de eso. Si querés que la IA te cite, leé también cómo aparecer citado en los AI Overviews de Google, si vale la pena sumar un archivo llms.txt a tu sitio en Webflow y cómo manejan el SEO los creadores web con IA frente a Webflow. Esta guía también está en inglés.

Sitios de Webflow en varios idiomas

Si usás Webflow Localization, podés agregar a mano schema específico para las páginas de los idiomas secundarios. Durante la beta, la generación con IA solo funciona en el idioma principal. Traducí vos mismo headline, description e inLanguage, y mantené idénticos el nombre de Organization y la url en todos los idiomas para que ambas versiones apunten a la misma entidad.

Cuándo necesitás una auditoría

  • Agregaste schema hace tiempo con custom code, un embed o una app del Marketplace y no sabés qué genera hoy cada página.
  • Activaste el campo nativo Schema markup o Webflow AI y puede que ahora tengas dos copias del mismo bloque.
  • Tus páginas de servicio o de blog siguen con marcado FAQPage o HowTo pensado para resultados enriquecidos que Google ya no muestra.
  • Los AI Overviews o los chatbots describen tu negocio con el nombre, la dirección o los servicios equivocados.

Una auditoría de Clariola por USD 9,99 lee tu sitio en Webflow como lo hace un rastreador sin JavaScript, lista los tipos de schema de cada página, marca los que Google retiró (con la fecha) y revisa tu SEO, la estructura del contenido, la competencia y la visibilidad en la búsqueda con IA. Recibís por email un plan de acción en PDF ordenado por prioridad, para saber qué configuración de Webflow arreglar primero.

Preguntas frecuentes

¿Webflow agrega datos estructurados automáticamente? En general, no. Los agregás vos con el campo Schema markup de Page settings o con custom code. Webflow AI puede armarte un borrador y algunas apps del Marketplace lo generan, pero revisá el código fuente para ver qué se publica de verdad.

¿Puedo usar campos Reference en el schema de Webflow? No. El campo Schema markup no admite Reference, Multi-reference ni Multi-image. Creá un campo de texto plano que repita el valor que necesitás, como el nombre del autor.

¿Tengo que mover mi schema viejo de custom code al campo nuevo? No hace falta. Webflow dice que el schema en custom code sigue funcionando. Lo importante es no tener el mismo bloque en los dos lugares.

Seguí leyendo