Schema Markup: datos estructurados para el SEO

Schema markup es lo que se esconde detrás de los resultados enriquecidos (rich snippets) que cada vez aparecen más en los resultados de los principales buscadores. Es una buena oportunidad para destacar en las búsquedas, además de ayudar a Google a catalogar mejor nuestro contenido.

En esta guía, vamos a ver los principales Schema markup utilizados para el SEO y cómo añadirlos a cualquier web.

¿Qué es el Schema markup?

El marcado Schema, también conocido simplemente como Schema, técnicamente es un vocabulario semántico de etiquetas estandarizadas que se añade al HTML de la página. Estas etiquetas ayudan a los motores de búsqueda como Google o Bing a comprender el contenido y el contexto de la página web y a representarla mejor en los resultados de búsqueda.

En el fondo, Schema es sólo el lenguaje que se utiliza para representar los datos. Los datos reales se denominan datos estructurados.

Puede parecer un poco confuso, así que mejor verlo con un ejemplo de cómo podría ser un Schema para un artículo de un blog.

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Article",
  "headline": "Este es el título del artículo",
  "author": {
    "@type": "Person",
    "name": "Vicente Sancho"
  },
  "datePublished": "2023-10-09",
  "image": "https://ejemplo.com/166789.png"
}
</script>

¿Cómo funcionan los datos estructurados?

Este fragmento de código describe las principales entidades que se encuentran en la página en un formato fácilmente digerible por Google, Bing y otros motores de búsqueda. Así, una vez rastreada esta página, Google puede saber cuál es el nombre del artículo, quién es el autor y cuándo se publicó, sin espacio a las dudas.

Además de mejorar la forma en que comunicamos la información a los principales motores de búsqueda, añadir datos estructurados a una página web aporta una serie de ventajas que pueden repercutir directamente en tu tráfico orgánico y tu aparición en las búsquedas.

En primer lugar, puedes obtener un fragmento enriquecido con información completa sobre tu producto, por ejemplo. O también aparecer en la denominada posición cero para ciertos tipos de búsquedas, obteniendo así más tráfico hacia tu web.

Y la principal ventaja de los datos estructurados es que te ayudan a crear entidades y relaciones entre ellas.

¿Cómo implementar datos estructurados en su sitio?

A la hora de implementar datos estructurados, tiene dos opciones:

• Generadores de marcado (más sencillo)
• Marcado manual

Generadores de marcado

Los generadores de marcado Schema permiten implementar datos estructurados sin necesidad de conocimientos de codificación o formato.

En la mayoría de los casos, los SEO y los propietarios de sitios web utilizan Google Structured Data Markup Helper. Ofrece 12 esquemas, que es más que suficiente para la mayoría de los casos.

¿Cómo funcionan los generadores de datos estructurados?

El proceso es realmente sencillo: sólo tienes que elegir el tipo de datos estructurados y marcar todos los elementos necesarios en tu página web.

Una vez que hayas terminado de especificar los elementos, la herramienta generará un fragmento de código que podrás añadir a tu página.

También existen otros generadores de datos estructurados que ofrecen más tipos de Schema:

• Hall Analysis Schema Markup Generator
• Generador de esquemas Merkle
• Extensión Schema Builder para Chrome

¿Tiene un sitio web en WordPress?

WordPress ofrece un montón de plugins que pueden ayudarte a añadir marcado Schema (RankMath, Yoast SEO, etc.) Navega por la galería de plugins y encuentra el que más te convenga. Hay tanto gratuitos como de pago.

Marcado manual

En caso de que no encuentres el tipo de Schema que necesitas en los generadores de datos estructurados, puedes añadirlo manualmente.

El código puede parecer complicado al principio, pero en realidad es bastante sencillo y sólo tendrás que cambiar ciertos valores en él. Así que puedes intentar hacer el marcado de datos estructurados manualmente, aunque no tengas conocimientos previos de codificación.

Aquí están las dos maneras en que puede implementar el marcado manual: con JSON-LD o con Microdata.

JSON-LD

JSON-LD es un método más popular para añadir manualmente datos estructurados a una página web. Es más, este método está recomendado por Google. También es más fácil de entender e implementar que Microdata u otros formatos obsoletos como RDF o Microformatos.

Ya has visto un trozo de código JSON-LD sencillo al principio de esta guía, pero lo repetimos aquí para que no tengas que volver arriba 😉

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Article",
  "headline": "Ejemplo de artículo",
  "author": {
    "@type": "Person",
    "name": "Vicente Sancho"
  },
  "datePublished": "2022-11-08",
  "image": "https://ejemplo.com/img/166789.png"
}
</script>

Este script se añade en la sección <head> de la página y, en él, estamos especificando a los buscadores la siguiente información:

• @context. Especifica el vocabulario (schema.org).
• @type. EL tipo de schema que vamos a usar.
• name. El nombre o título del artículo.
• author. Quién escribió el artículo.
• datePublished. La fecha en la cual el artículo fue publicado.
• image. Imagen principal del artículo.

Si miras detenidamente, verás que este código JSON-LD tiene una estructura muy básica. Primero viene el tipo de esquema y luego las propiedades definidas (titular, autor, datePublished) y sus valores.

Este fragmento de código puede completarse con más propiedades si es necesario. Por ejemplo, si el artículo se ha actualizado, puedo añadir la propiedad dateModified justo después de la propiedad datePublished. También puedo combinar varios tipos de esquema en un único fragmento de código. En el ejemplo anterior, tenemos los datos estructurados Artículo y Persona (el autor) combinados.

Si decido usar el mismo tipo de Schema para otro artículo, simplemente tomaré este ejemplo de código y reemplazaré los valores por los del nuevo artículo como pueden ser su título, el autor y la fecha de publicación.

Si necesito utilizar otro Schema, actualizaré la propiedad @type con el tipo de Schema requerido y añadiré nuevas propiedades específicas para este marcado. El único requisito es que la información y el tipo de schema que utilicemos, estén reflejados exactamente en la página donde los estamos incluyendo.

Microdata

Microdata es menos popular que JSON-LD y se utiliza en casos excepcionales, como cuando te diriges a un motor de búsqueda, Yandex por ejemplo, que no admite JSON-LD.

A diferencia de JSON-LD, con Microdata no se puede añadir un solo fragmento de código al de la página. En su lugar, tendrás que marcar cada elemento dentro de su HTML por separado.

Así se vería, con las propiedades incrustradas dentro del propia HTML de la página:

<div itemscope itemtype="http://schema.org/Article">
  <h1 itemprop="headline">Este es el título de la página</h1>
  <span itemprop="datePublished">October 9, 2023</span>
</div>

En este fragmento, encontramos tres propiedades (itemscope, itemtype, y itemprop) equivalentes a las que hemos visto para JSON-LD en el ejemplo anterior.

Estos valores tienen las siguientes funciones:

• itemscope. Crea un elemento y al que se referiran el resto de los elementos descriptivos de Microdata de esta página.
• itemtype. Especifica el vocabulario y el tipo de Schema utilizado (Article).
• itemprop. Especifica la propiedad (headline, datePublished).

¿Cómo organizar el flujo de trabajo de marcado?

Independientemente del tipo de esquema o del método de implementación que elijas, el flujo de trabajo típico seguirá siendo el mismo y estará compuesto por los siguientes pasos.

Paso 1. Elige el tipo de Schema y encuentra las páginas de tu sitio en las que se puede aplicar.

Paso 2. Crea tu marcado. Genera el código con ayuda de las herramientas (recomendado para evitar errores) o escríbelo manualmente.

Paso 3. Valida tu marcado. Antes de añadir el código a las páginas de tu sitio, valídalo siempre utilizando Google Rich Results Test o Schema Markup Validator. Esto ayudará a garantizar que todos los motores de búsqueda lean tus datos estructurados correctamente.

Paso 4. Despliega el marcado en tu sitio. ¿Has superado el paso de validación? Pues ahora ya puedes añadir con seguridad el marcado a tu sitio.

Los principales 9 tipos de Schema

Actualmente hay 797 esquemas disponibles en función del tipo de contenido que desees marcar. No es necesario que los añadas todos, pero no pierdas de vistas los siguientes, que son los que más suelen ayudar.

1. Person
2. Organization / LocalBusiness
3. Product
4. Breadcrumbs
5. Article
6. HowTo
7. FAQPage
8. Recipe
9. VideoObject

Vamos a repasarlos en más detalle.

1. Person markup

El marcado Persona comunica a los motores de búsqueda información básica sobre un individuo mencionado en la página.

Un buen lugar para aplicar este marcado es la sección de biografía del autor en un blog, la página Quiénes somos o cualquier página de su sitio web en la que menciones a miembros del equipo o socios.

El marcado Persona ayuda a los motores de búsqueda a identificar a un individuo como una entidad. Al añadir más esquemas, como Organización, por ejemplo, estás ayudando a Google a establecer relaciones entre diferentes entidades (Persona ↔ Organización).

El beneficio tangible de aplicar el Esquema de Persona puede ser un bloque destacado con todos los detalles sobre una determinada persona, lo que se denomina un Knowledge Graph o gráfico de conocimiento en Google, como este que aparece cuando buscamos a Steve Wozniak.

Es posible que también hayas oído hablar de E-A-T de Google. El marcado Persona es la forma más sencilla de proporcionar a Google todo tipo de información sobre la «experiencia» y la «autoridad» de los creadores de contenidos.

Ejemplo de marcado Persona

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Person",
  "name": "Vicente Sancho",
  "image": "https://ejemplo.com/user/43/thumb/163sd5-72x72-72x.png",
  "jobTitle": "Ingeniero Informático", 
  "url": "https://vicentesg.com/",
   "sameAs": [
    "https://twitter.com/vicentesgcom",
    "https://www.linkedin.com/in/vicente-sancho-guijarro-b64a392a/"  ],
  "worksFor": {
    "@type": "Organization",
    "name": "Vicente Sancho"
  }  
}
</script>

Aparte de lo que ya hemos visto en los ejemplos de JSON-LD, este fragmento de código tiene la nueva propiedad sameAs. En ella se comparten los enlaces a los perfiles sociales y a todas las fuentes autorizadas en las que se menciona el nombre de la persona. Otro enlace que tendría cabida aquí podría ser el de la Wikipedia si apareces.

Si ya apareces como entidad en Google, asegúrate de confirmar la relación entre tú como Persona y tu resultado enriquecido.

Para ello, busca tu nombre en Google para comprobar si aparece un Kwoledge Graph tuyo. Si es así, copia la URL de tu Graph y añádela a la propiedad sameAs en tus datos estructurados.

Si quieres potenciar el E-A-T de tu sitio, asegúrate de añadir también estas propiedades a los datos estructurados:

• alumniOf. Organización de la que la persona es antiguo alumno.
• award (premio). Un premio ganado por una persona determinada.
• hasCredential. Credencial otorgada a una persona determinada.
• honorificPrefix. Prefijo honorífico que precede al nombre de una persona determinada, como Dr/Doña/Don
• honorificSuffix. Sufijo honorífico que sigue al nombre de una persona determinada, como M.D./Ph.D./MSCSW.

Una vez que añadas el código anterior a la sección de mi página biográfica, los motores de búsqueda podrán mostrar fácilmente la información básica sobre mí.

Con esto ya tendrías lo básico, pero puedes añadir más propiedades consultando las propiedades disponibles para la entidad Persona.

2. Organization / LocalBusiness markup

Organization o LocalBusiness es uno de los esquemas más vitales que puedes añadir a tu web si se trata de una web de una empresa o de una organización.

Estos tipos de esquema suelen añadirse una vez a la página de inicio, a la página «Quiénes somos» o a la sección «Contacto» de tu sitio web, y ayudan a establecer los detalles de tu empresa a Google.

El esquema de organización / negocio local sirve como confirmación final de que los algoritmos de rastreo han funcionado según lo previsto.

Asegúrate de NO utilizar esquemas de organización o LocalBusiness en varias páginas de su sitio web, ya que esto puede confundir a los motores de búsqueda.

Una vez que indique explícitamente todos los detalles sobre su empresa o marca, Google puede recompensarte con un Gráfico de conocimiento, similar al caso de las personas que hemos visto.

Si tienes un negocio local, añadir el marcado LocalBusiness también mejorará tus posibilidades de aparecer en el Gráfico de conocimiento cuando alguien busque los servicios que ofreces por tu zona, ya tengas un restaurante, una clínica, una peluquería, etc.

Además de mejorar tu apariencia en las búsquedas, el marcado Organización / Empresa local correctamente implementado puede impulsar significativamente sus señales de E-A-T.

Ejemplos de marcado Organización / Empresa local

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Vicente Sancho",
    "description": "Desarrollo de aplicaciones a medida",
    "url": "https://vicentesg.com",
    "logo": "https://vicentesg.com/logos/logo1.png",
    "email": "[email protected]",
    "address": {
                    "@type": "PostalAddress",
                    "addressCountry": "ES",
                    "postalCode": "46001",
                    "streetAddress": "Plaza del Ayuntamiento, 1"
    },
    "founder": {
                    "@type": "Person",
                    "name": "Vicente Sancho",
                    "gender": "Male",
                    "jobTitle": "CEO",
                    "image": "https://vicentesg.com/images/vicente.jpg",
                    "sameAs": [
                        "https://twitter.com/vicentesgcom",
                        "https://www.linkedin.com/in/vicente-sancho-22131/"
        ]      
    },
    "foundingDate": "2018-01-01",
    "sameAs": [
        "https://twitter.com/vicentesgcom"
    ],
    "contactPoint": [
        {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "[email protected]",
            "url": "https://vicentesg.com"
        }
    ]
}
</script>

Aunque el ejemplo anterior de marcado de Organización es más largo que lo que vimos anteriormente, su estructura sigue siendo bastante simple.

Uno de los elementos más importantes es la propiedad sameAs, en la que debe especificar todas las fuentes que mencionan a tu empresa para dar más autoridad. Además de las redes sociales, asegúrate de enlazar a Wikipedia, Crunchbase, listados oficiales de la empresa (como Páginas Amarillas o QDQ) o la página de tu empresa en sitios de reseñas como TripAdvisor. Esta información servirá como confirmación por parte de terceros de los detalles de su empresa y aumentará en gran medida la credibilidad a los ojos de los motores de búsqueda.

El marcado LocalBusiness tiene la misma estructura, y lo único que tendrás que cambiar es la propiedad @type. Aquí también puedes especificar el nicho de tu negocio (restaurante, panadería, dentista, salón de manicura, etc.).

Si diriges, por ejemplo, un restaurante, considera la posibilidad de añadir también estas propiedades:

• reviewRating. La puntuación de tu negocio.
• geoCoordinates. La geolocalización de tu negocio.
• servesCuisine. El tipo de comida que sirves en tu restaurante.
• priceRange. El rango de precios en los que te mueves, como € ó €€€.
• openingHoursSpecification. El horario de tu restaurante.
• menu. El enlace al menú de tu restaurante.
• acceptsReservations. Indica si aceptas reservas o no.

Aquí tienes lo que podría ser un marcado en formato JSON-LD para un restaurante:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Restaurant",
  "name": "Casa Pepe",
  "image": "https://example.com/fotos/foto_principal.jpg",
  "url": "http://www.example.com/locales/valencia",
  "telephone": "+34962553",
  "priceRange": "€€",
  "menu": "http://www.example.com/menu",
  "servesCuisine": "Mediterránea",
  "acceptsReservations": "true",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Xátiva, 15",
    "addressLocality": "Valencia",
    "addressRegion": "Valencia",
    "postalCode": "46001",
    "addressCountry": "ES"
  },
  
   "review": {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "4",
          "bestRating": "5"
        }
        
        },
  
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 40.986393,
    "longitude": -1.987894
  },
  "openingHoursSpecification": [{
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Sunday"
    ],
    "opens": "13:00",
    "closes": "23:00"
  },{
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Friday",
      "Saturday"
    ],
    "opens": "20:00",
    "closes": "01:00"
  }],
  "sameAs": [
    "facebook.com/casapepe",
    "twitter.com/casapepe",
    "instagram.com/casapepe"
  ] 
}
</script>

¿Cómo generar esquemas Organización / LocalBusiness?

Puedes utilizar Google Structured Data Markup Helper. Y, por supuesto, puedes tomar este ejemplo que hemos visto de JSON-LD y sustituir los valores por los tuyos.

3. Product markup

El marcado Producto se añade a las páginas de productos de tu sitio y mejora la apariencia de los artículos que vendes en los resultados de búsqueda.

Si tienes un sitio de comercio electrónico, no te saltes este tipo de Schema, ya que puede ayudarte directamente a destacar en las SERPs con tus productos.

Una vez que aplique un Schema de producto adecuado a una de sus páginas de producto, puedes esperar que Google te premie con un fragmento de búsqueda detallado como este:

Este fragmento contiene más detalles que un resultado común de Google. Y los usuarios, a su vez, pueden obtener fácilmente la información básica sobre el producto (valoración, precio, disponibilidad) y compararlo con los de la competencia sin salir de la SERP y tener que abrir varias pestañas.

El esquema de producto también te permite obtener la insignia de producto en Google Imágenes, lo que puede ayudar a que tu imagen destaque e incite a más usuarios a hacer clic en ella, dirigiendo así más tráfico a su tienda online. Además, estos usuarios pueden tener más intención de comprar.

Ejemplo de Product markup

<script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Product",
      "name": "Xiaomi 13 Pro",
      "image": [
        "https://example.com/fotos/1x1/foto.jpg",
        "https://example.com/fotos/4x3/foto.jpg",
        "https://example.com/fotos/16x9/foto.jpg"
       ],
      "description": "Móvil 5G de Xiaomi.",
      "sku": "0443322786",
      "mpn": "956772",
      "brand": {
        "@type": "Brand",
        "name": "Xiaomi"
      },
   
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.7",
        "reviewCount": "46"
      },
      "offers": {
        "@type": "Offer",
        "url": "https://example.com/xiaomi13-pro",
        "priceCurrency": "EUR",
        "price": "697.99",
        "priceValidUntil": "2023-12-20",
        "itemCondition": "https://schema.org/NewCondition",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>

Para este fragmento de código, vamos a ver algunas propiedades que no hemos visto todavía:

• sku. La unidad de mantenimiento de existencias (SKU), es decir, un identificador específico del comerciante para un producto o servicio.
• mpn. El número de pieza del fabricante (MPN) del producto.
• aggregateRating. La valoración global del producto basada en una colección de opiniones o valoraciones.
• offers. La propiedad offers abre un nuevo bloque para el esquema de ofertas y enlaza con la URL del producto, especifica el precio y la moneda e indica cuándo finaliza la oferta. También especifica si el producto es nuevo o usado, y si está disponible ahora mismo.

Tea en cuenta que, si cambias cualquier detalle sobre tu producto en la página, estos cambios también deben reflejarse en el marcado de datos estructurados para este artículo.

Como con cualquier otro marcado de datos estructurados, este ejemplo de código tiene el mínimo, pero a menudo suficiente, conjunto de propiedades que puede añadir.

Puedes generar tu propio marcado de producto utilizando Google Structured Data Markup Helperr. Si crees que editar el ejemplo de código que he proporcionado será una tarea más fácil, adelante.

4. Breadcrumbs markup

Las migas de pan ayudan a los usuarios a navegar por su sitio más fácilmente y a ver la posición de la página en la jerarquía del sitio. El marcado Breadcrumbs transfiere esta experiencia de usuario a tu fragmento de búsqueda en Google.

Hoy en día, Google comprende fácilmente la jerarquía de las páginas web de tu sitio y muestra las migas de pan en la mayoría de los casos dividiendo la URL. Sin embargo, sin el marcado Breadcrumb, estas migas de pan no suelen ser fáciles de usar por los buscadores.

En este ejemplo, se ve como Google interpreta las migas de pan de una página, mostrando la jerarquía justo encima del título de la página. En este caso, se encuentra dentro de la rama campaign.

Un marcado adecuado de las migas de pan mejora la apariencia de tu fragmento de búsqueda y a menudo se traduce en más clics en tu sitio web.

Además, las migas de pan también mejoran la estructura de enlaces internos de su sitio web. Se trata de una excelente forma de distribuir correctamente el link juice por todo el sitio y mejorar la clasificación.

Ejemplo de marcado de migas de pan

<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Libros",
        "item": "https://example.com/libros"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "Novela",
        "item": "https://example.com/libros/novela"
      },{
        "@type": "ListItem",
        "position": 3,
        "name": "Un gran libro"
      }]
    }
    </script>

Este ejemplo, generará las siguientes migas de pan en los resultados de búsquedas de Google.

Libros › Novela › Un gran libro

Google recomienda trabajar en el marcado de las migas de pan teniendo en cuenta la ruta típica del usuario a una página determinada. Recuerda que tus datos estructurados deben coincidir con el contenido de la página. Se suele ubicar en la parte superior de la página, justo antes o justo después del título.

5. Article markup

El esquema de artículo es una de las marcas más populares que pueden añadirse a artículos de medios de noticas y entradas de blog.

Ayuda a Google a extraer información básica sobre su contenido, incluidos los titulares, la información del autor, la fecha de publicación, etc.

Los tipos más comunes del marcado Artículo son:

• Article. Un tipo general utilizado para cubrir todos los artículos para los que no hay tipos específicos disponibles.
• NewsArticle. Artículo cuyo contenido informa sobre noticias.
• BlogPosting. Una entrada de blog.
• Report. Informe elaborado por una organización gubernamental o no gubernamental.
• ScholarlyArticle. Artículo académico.
• TechArticle. Artículo técnico. Por ejemplo, temas prácticos, paso a paso, procedimientos de solución de problemas, especificaciones, etc.

Aunque el uso de los tres primeros es el más extendido, Google recomienda elegir el tipo aplicable más específico. Por lo tanto, si su artículo informa explícitamente sobre noticias, opta por NewsArticle. Si se trata de una entrada de blog como WordPress, elige BlogPosting.

Ejemplo de Article markup

Vamos a ver un ejemplo del tipo BlogPosting utilizado para las entradas de un blog.

<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "BlogPosting",
 "mainEntityOfPage": {
 "@type": "WebPage",
 "@id": "https://www.ejemplo.com/news/noticia1.html"
 },
 "headline": "Título del artículo",
 "datePublished": "2023-10-16",
 "dateModified": "2023-11-20",
 "description": "sobre qué va el post",
 "image": {
 "@type": "ImageObject",
 "url": "https://ejemplo.com/post/4/437065.png",
 "width": 500,
 "height": 500
 },
 "author": {
 "@type": "Person",
 "name": "Vicente Sancho"
 }, 
 "publisher": {
 "@type": "Organization",
 "name": "Vicente Sancho",
 "logo": {
 "@type": "ImageObject",
 "url": "https://ejemplo.com/logos/logo1.png",
 "width": 400,
 "height": 400}
 }
 },
}
</script>

La estructura del código sigue siendo la misma. Las propiedades que utilizadas en el ejemplo se pueden utilizar para todos los tipos de Article Schema (Article, NewsArticle, BlogPosting).

Se pueden añadir algunas propiedades más a este tipo de marcado, si deseas reforzar el E-A-T de tu sitio web.

La primera es la propiedad Citation, que se utiliza para especificar la lista de fuentes fiables a las que haces referencia en tu artículo.

Otra, es la propiedad reviewedBy. Si te centras en temas médicos, legales o financieros, y utilizas revisores expertos en tu contenido, asegúrate de mencionar al revisor del artículo en la página y en el marcado del artículo.

6. HowTo markup

Si tiene páginas de instrucciones en su sitio web, aprovecha el marcado HowTo.

Este tipo de marcado puede aplicarse a una página en la que se explica cómo alcanzar un determinado objetivo siguiendo un proceso paso a paso. Por ejemplo, cómo cambiar una bombilla o cómo configurar un plugin de WordPress.

Con el marcado HowTo, puedes utilizar vídeos e imágenes además de texto.

Este tipo de resultado enriquecido puede hacer destacar tu tutorial y atraer a más usuarios curiosos de conocer el proceso que estás contando.

Ejemplo de HowTo markup

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "HowTo", 
  "name": "Cómo desarrollar un plugin",
  "description": "Una guía paso a paso para desarrollar plugins.",
  "image": "https://ejemplo.com/imagen1.png",
  "totalTime": "PT5M",
  "tool": {
    "@type": "HowToTool",
    "name": "WordPress"  },
  "step": [{
    "@type": "HowToStep",
    "text": "Abre tu editor favorito",
    "name": "Abrir un editor",
    "url": "https://www.blocdenotas.com/tool/"
  },{
    "@type": "HowToStep",
    "text": "Escribe el código de tu plugin.",
    "name": "Escribir el código"
  },{
    "@type": "HowToStep",
    "text": "Prueba el plugin en un entorno para pruebas.",
    "name": "Probar el código"
  }]    
}
</script>

Este tutorial incluiría tres pasos, pero lo puedes ampliar con los que necesites.

7. FAQPage markup

El marcado FAQPage se utiliza en páginas en las que hay una lista de preguntas frecuentes con respuestas breves y completas.

Si tienes una página en la que las respuestas no son definitivas y los usuarios pueden añadir sus propias respuestas, no debe utilizar el marcado FAQPage. En su lugar debe utilizarse el marcado QAPage.

El esquema FAQPage toma las preguntas y respuestas de tu página FAQ y las combina en el fragmento ampliado para su resultado de búsqueda.

De este modo, los usuarios pueden obtener rápidamente respuesta a sus preguntas sin salir de Google.

Pero, ¿para qué sirve este marcado si probablemente reducirá su tráfico? En realidad, las cosas son completamente al revés y los resultados de búsqueda ricos en preguntas frecuentes suelen tener un CTR más alto.

Además, si proporcionas respuestas precisas a las preguntas de los usuarios, tu respuesta puede aparecer en las primeras posiciones de una SERP.

En comparación con otros tipos de marcado, Google capta el esquema FAQPage realmente rápido. Aunque es cierto que parece que, con las últimas actualizaciones del algoritmo de Google, se les está dando menos peso.

Ejemplo de FAQPage markup

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "¿Pregunta 1?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Respuesta a la pregunta 1."    }
  },{
    "@type": "Question",
    "name": "¿Pregunta 2?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Respuesta a la pregunta 2"
    }
  }]
}
</script>

El marcado FAQPage es uno de los más sencillos. Tiene una estructura muy básica, en la que primero se especifica la pregunta y luego se proporciona la respuesta.

Las directrices de Google sobre este tipo de marcado indican que debe incluir el texto completo de la pregunta y la respuesta. Por tanto, el número de caracteres no está limitado. Ocasionalmente, Google mostrará respuestas realmente largas, pero lo más habitual es que trunque el texto y puedas consultar la respuesta completa haciendo clic en Más.

8. Recipe markup

Si tienes un blog de cocina, seguro que te interesa el marcado Receta. Este marcado te permite añadir datos estructurados a sus recetas y comunicar mejor el proceso de cocción a Google.

Las recetas con el marcado adecuado pueden aparecer en la parte superior de una SERP en el carrusel de recetas.

La ventaja obvia es que es más probable que los usuarios hagan clic en el fragmento destacado en lugar de desplazarse por la página de resultados de búsqueda.

En Google Imágenes, las recetas con marcado aplicado también obtienen la insignia de receta de Google, de forma similar a como pasaba con los productos.

Ejemplo de Recipe markup

<script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Arroz al horno",
      "image": [
        "https://ejemplo.com/fotos/1x1/foto.jpg",
        "https://ejemplo.com/fotos/4x3/foto.jpg"
      ],
      "author": {
        "@type": "Person",
        "name": "Vicente Sancho"
      },
      "datePublished": "2023-09-10",
      "description": "Plato típico valenciano.",      "prepTime": "PT20M",
      "cookTime": "PT30M",
      "totalTime": "PT50M",
      "keywords": "arroz, horno",
      "recipeYield": "10",
      "recipeCategory": "Plato principal",
      "recipeCuisine": "Mediterránea",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "370 calorías"
      },
      "recipeIngredient": [
        "1 paquete de arroz",
        "20 ml de aceite",
        "80 gramos de garbanzos"
        ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "name": "Sofreir los ingredientes",
          "text": "Sofríe todos los ingredientes en la cazuela",
          "url": "https://ejemple.com/arroz-horno#paso1",
          "image": "https://ejemplo.com/fotos/arroz-horno/paso1.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Hornear",
          "text": "Meter la cazuela en el horno.",
          "url": "https://ejemplo.com/arroz-horno#paso2",
          "image": "https://ejemplo.com/fotos/arroz-horno/paso2.jpg"
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      }
      
    }
    </script>

Si lo examinas detenidamente, verás que el marcado Receta se parece mucho al marcado HowTo.

El significado de la mayoría de las propiedades se deduce de sus nombres. La única que necesita aclaración es recipeYield. Se trata básicamente de la cantidad producida por la receta (por ejemplo, número de personas servidas, número de raciones, etc.).

Puedes añadir todos los pasos que necesites, pero no sigas la receta del ejemplo: le faltan muchos pasos y no será comestible 😉.

9. VideoObject markup

El esquema VideoObject se añade a los vídeos alojados en tu sitio web.

Este tipo de esquema proporciona información básica sobre tus vídeos a Google. Los elementos que puede especificar incluyen la descripción del vídeo, la duración, la URL en miniatura y la fecha de carga.

Los vídeos con el marcado aplicado correctamente pueden aparecer en el bloque Vídeos en la parte superior de una SERP.

Pero este no es el único lugar en el que los datos estructurados pueden llevar a tus vídeos. Los vídeos marcados también pueden aparecer en los resultados de búsqueda de vídeos, en Google Imágenes y en Google Discover. Esta es una gran manera de llegar a más usuarios con tu contenido.

Ejemplo de VideoObject markup

<script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "VideoObject",
      "name": "Gatito jugando",
      "duration": "P10M",
      "uploadDate": "2023-07-19",
      "thumbnailUrl": "http://www.ejemplo.com/gatito.jpg",
      "description": "Gatito jugando con pelota",
      "contentUrl": "http://www.ejemplo.com/gatito_video.mp4",
      "hasPart": [{
        "@type": "Clip",
        "name": "Gatito cae",
        "startOffset": 30,
        "endOffset": 45,
        "url": "http://www.ejemplo.com/ejemplo?t=20"
      },
      {
        "@type": "Clip",
        "name": "Gatito empuja la pelota",
        "startOffset": 131,
        "endOffset": 180,
        "url": "http://www.ejemplo.com/ejemplo?t=131"
      }]
    }
    </script>

En este ejemplo de código, la parte más importante es la propiedad hasPart. En ella, debe resaltar las partes más importantes del vídeo y especificar el momento inicial (startOffset) y final (endOffset) de cada una. Como resultado, puedes obtener el panel de Momentos Clave bajo tu vídeo en los resultados de búsqueda.

El esquema VideoObject es bastante intuitivo, así que puedes coger este ejemplo y simplemente reemplazar los valores.

Errores comunes de los datos estructurados

Si tu marcado de datos estructurados tiene errores, lo menos que puede esperar es que no funcione como estaba previsto. En algunos casos, añadir un marcado Schema que no se ajuste al contexto puede conllevar una penalización por parte de Google. Así que es conveniente revisarlo un par de veces antes de subirlo para evitar sustos.

No olvides validar tus datos estructurados

Un solo símbolo omitido en el código javascript puede dejar inservible todo el fragmento de marcado. Por eso es IMPRESCINDIBLE validar el código antes de añadirlo al sitio. Para ello, puedes utilizar Google Rich Results Test o Schema Markup Validator. Este último tiene una funcionalidad ampliada y no sólo le mostrará la estructura de tu marcado, sino que también resaltará cualquier error si lo encuentra.

No añadas datos estructurados a contenidos no relacionados

El código JSON-LD puede añadirse a cualquier página de su sitio web. Pero lo que le diga a Google en el marcado también debe coincidir con el contenido de la página.

Si Google descubre un uso incorrecto de este tipo de marcado, primero emitirá una advertencia en Search Console y, si el problema persiste, se emprenderá una acción manual.

No añadas datos estructurados específicos de la página en todo el sitio

No repliques unos datos estructurados a varias páginas. Esto también puede dar lugar a una penalización por parte de Google.

No infrinjas las directrices de Google

Asegúrate de comprobar y seguir cuidadosamente las directrices generales de Google para los datos estructurados. Esto te ayudará a evitar problemas en el futuro.

¿Cómo se supervisan las mejoras de datos estructurados?

Para comprobar las mejoras de datos estructurados en su sitio web a lo largo del tiempo, accede a Search Console de Google, ves a Mejoras (Enhancements) y comprueba el estado de los distintos tipos de marcado de datos estructurados aplicados a tus páginas.

En caso de que se detecte algún error, se te proporcionarán las ubicaciones exactas de los errores y algunas indicaciones sobre cómo solucionarlos.

Además de realizar un seguimiento de la salud técnica de tus datos estructurados, ahora también puedes utilizar Search Console para realizar un seguimiento de su rendimiento en los resultados de búsqueda.

Ves a Rendimiento > Resultados de búsqueda > Aspecto de la búsqueda y observa el resumen de clics e impresiones de cada resultado de búsqueda mejorado. En la parte superior de la página, también puedes hacer clic en NUEVO y aplicar un filtro de apariencia de búsqueda para ver el rendimiento de los resultados de búsqueda mejorados a lo largo del tiempo.

En conclusión

Los datos estructurados y el marcado Schema parecen complicados a primera vista, pero en realidad son fáciles de implementar, especialmente con todas las herramientas que existen para ayudarle. Y vale la pena el esfuerzo, ya que será recompensado en formas de visitas a través de los buscadores.