¿Cómo marcar datos estructurados de Schema.org?

Autor: | Última modificación: 10 de abril de 2024 | Tiempo de Lectura: 4 minutos
Temas en este post:

Algunos de nuestros reconocimientos:

Premios KeepCoding

Schema.org es un lenguaje creado en colaboración por los grandes buscadores con el objetivo de facilitar la comprensión de contenidos por parte de dichos buscadores. Schema.org es un pedazo de código que se agrega al código HTML fuente de una página web. En este post, te vamos a mostrar cómo marcar datos estructurados de Schema.org para que puedas optimizar el contenido de tu página web y aparecer más en los SERPs de los buscadores más grandes. 

¿Cómo marcar datos estructurados de Schema.org?

Hay dos formas de marcar datos estructurados de Schema.org, cualquiera de las dos se puede usar y realmente sirven de la misma manera. Estas opciones son:

  • Usar un generador de datos Schema.
  • Marcar los datos manualmente.

Generadores de datos 

Los generadores de datos estructurados son herramientas que te permiten obtener un código ya hecho sin necesidad de saber mucho sobre programación. Lo usan generalmente los dueños de sitios web o los marketers que trabajan en SEO, porque ahorras tiempo y es más sencillo en comparación a realizar tu código desde cero. 

Hay varias herramientas disponibles con el propósito de ayudarte a crear estos códigos. El más usado es el Asistente para el marcado de datos estructurados de Google, que te ayuda a montar los datos para agregar al sitio web.

También hay plugins directos que la mayoría de CMS tienen para ayudar a los usuarios a agregarlos directamente, por ejemplo Rank Math, un plugin de SEO de WordPress que tiene una sección de Schema templates.

Dentro de esta sección, tienes varias opciones para empezar a marcar datos estructurados de Schema.org. Cuando eliges el tipo de datos que quieres, el plugin te muestra las diferentes categorías y te pide que escribas diferentes tipos de información para poder rellenar el código.

El plugin es la mejor opción para marcar datos estructurados de Schema.org, porque te permite hacerlo de manera automatizada. En la página de schema.org puedes ver toda la información que debes poner para diferentes tipos de schema; por ejemplo, en la siguiente imagen se muestran la mayoría de códigos que puedes encontrar para una página de recetas.

Si lo haces manualmente deberías escribir uno a uno estos códigos y agregar la información, algo que te ahorras al usar una herramienta. 

Marcado de datos manual

Si no logras encontrar los tipos de datos que quieras agregar en tu contenido, lo siguiente sería agregar los datos manualmente. 

🔴 ¿Quieres entrar de lleno al Marketing Digital? 🔴

Descubre el Bootcamp en Marketing Digital y Análisis de Datos de KeepCoding. La formación más completa del mercado y con empleabilidad garantizada

👉 Prueba gratis el Bootcamp en Marketing Digital y Análisis de Datos por una semana

El código o la programación en general suelen ser muy intimidantes a primera vista, y muchas personas huyen por este motivo. Pero una vez entiendes los elementos, editarlo se vuelve más sencillo. Hay tres formas de implementar los datos, que son las que debes entender en caso de que quieras hacerlo manualmente; sin embargo, hay dos que son las más usadas y, de ellas, JSON-LD es la recomendada por Google. 

JSON-LD

Este es el método más conocido para marcar datos estructurados de Schema.org. El ejemplo que te ponemos a continuación es de una receta sacada de la página de Schema.org:

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

{

  «@context»: «https://schema.org»,

  «@type»: «Recipe»,

  «author»: «John Smith»,

  «cookTime»: «PT1H»,

  «datePublished»: «2009-05-08»,

  «description»: «This classic banana bread recipe comes from my mom — the walnuts add a nice texture and flavor to the banana bread.»,

  «image»: «bananabread.jpg»,

  «recipe Ingredient»: [

    «3 or 4 ripe bananas, smashed»,

    «1 egg»,

    «3/4 cup of sugar»

]

}

</script>

El código se agrega al principio del documento en el <head> y la estructura es la siguiente

  • Vemos primero un @context que especifica el tipo de lenguaje que se usa, schema.org.
  • En @type especifica el tipo de schema que se usa.
  • author es donde debes poner el nombre de la persona que hace el contenido.

Después de estas marcas, empiezan a ir las categorías específicas del contenido. Como en este caso es una receta, se agregan los ingredientes, tiempo de cocción, etc. También se pueden especificar las imágenes. 

Se puede agregar o quitar lo que necesites, pero la estructura siempre será el tipo type, seguido de las propiedades (autor, día de publicación) y los valores del contenido directamente. 

Como puedes ver, una vez entiendes qué te pide el código, editarlo y copiarlo en diferentes contenido no es tan complicado, solo un poco tedioso. 

Lo más recomendable es que, cuando se esté empezando, se usen los datos generados. Si crees que tienes más confianza o quieres agregar algo específico, entonces puedes usar cualquiera de los dos métodos mencionados aquí. 

Continúa aprendiendo

Si quieres expandir tus conocimientos sobre el marketing digital y aprender sobre las técnicas y estrategias que pueden llevar a un proyecto a crecer y ser exitoso, prueba nuestro Bootcamp de Marketing Digital y Análisis de datos, donde en poco tiempo obtendrás las habilidades necesarias para entrar en este sector. ¡Apúntate ya!