¿Qué es Schema y cómo implementarlo en la web?

por | Ene 12, 2024 | SEO on page, SEO técnico | 0 Comentarios

Asegurar una posición destacada en las páginas de resultados de los motores de búsqueda (SERP) es clave para el éxito online. Sin embargo, lograr un alto ranking por sí solo no basta: es esencial que las personas hagan clic en el enlace de tu página web cuando lo encuentren.

Para eso, contar con rich snippets o «fragmentos enriquecidos» es crucial. Te ayudarán tanto para la optimización de los motores de búsqueda (SEO) como para mejorar la tasa de clics (CTR).

Para conseguirlos, debemos crear los datos estructurados mediante el uso de marcado «Schema».

Conceptos básicos en el marcado de datos Schema

Implementar Schema no es solo una tarea técnica; también es una estrategia para ayudar a tus clientes, crear conciencia de marca y potenciar el SEO. En el competitivo mundo digital, estas prácticas pueden marcar la diferencia en la visibilidad y la interacción con tu audiencia.

Los motores de búsqueda, como Google, examinan y clasifican las páginas web para comprender su contenido. Aunque emplean algoritmos avanzados, como el procesamiento del lenguaje natural, les falta la habilidad humana para interpretar el significado contextual.

Es aquí donde entra en juego el marcado de esquema como una herramienta esencial para mejorar la comprensión de tu página web por parte de los motores de búsqueda. Esta estrategia no solo eleva tu visibilidad en las búsquedas, sino que también desencadena diversos beneficios:

Mejora del SEO: La implementación del marcado de esquema permite a los motores de búsqueda una comprensión más profunda de tus páginas, mejorando así tu posición en los resultados de búsqueda. La presentación de fragmentos enriquecidos también impulsa tu CTR y el tráfico hacia tu sitio web.

Asistencia al cliente: Los resultados de búsqueda que exhiben fragmentos enriquecidos facilitan a los clientes la comprensión de tus productos o servicios. Acceder a información adicional directamente desde las SERP contribuye a una experiencia del usuario más enriquecedora.

Fortalecimiento de la conciencia de marca: El marcado de esquema destaca tus productos y servicios destacados en los resultados de búsqueda, contribuyendo a que tu marca permanezca en la mente de los clientes. Esta visibilidad adicional es fundamental para construir y consolidar la conciencia de marca.

¿Qué es el marcado de datos Schema?

El marcado de datos Schema implica la inclusión de información estructurada en el código HTML, proporcionando a los motores de búsqueda datos más precisos sobre el contenido de una página. Desde etiquetas HTML específicas hasta palabras clave relevantes, el marcado de datos es una pieza clave en el rompecabezas del SEO.

Imagina que tu página web es como un plato de cocina SEO. El marcado schema serían los ingredientes específicos que le das a los motores de búsqueda para que entiendan mejor de qué se trata. Lo interesante es que estos motores toman esos ingredientes y los presentan de manera especial en los resultados de búsqueda, mostrando información más llamativa y útil.

Para hacer esto, simplemente debes agregar algunas etiquetas en el código fuente HTML de tu página web.

Por ejemplo, en el caso de las aspiradoras, el resultado de LG llama mucho más la atención y muestra más información que el de sus competidores. Estos datos adicionales se muestran gracias al marcado de datos Schema.

Descubriendo Schema.org

Schema.org es la fuente oficial de Schema, donde se encuentra toda la documentación necesaria para entender y aplicar correctamente el marcado de datos. Con un vocabulario preciso, Schema.org establece las normas para etiquetas, propiedades y tipos, brindando coherencia y claridad en la implementación.

El marcado schema se compone de un conjunto de palabras clave o etiquetas HTML diseñadas para describir el contenido de una página. Su función principal es proporcionar a los motores de búsqueda información detallada sobre el tipo de contenido presente en una página web.

En términos más sencillos, el marcado schema trabaja generando datos estructurados en tu página web, los cuales los motores de búsqueda interpretan y presentan como fragmentos enriquecidos en las páginas de resultados de búsqueda (SERP).

Para incorporarlo, es necesario incluir las etiquetas de marcado en el código fuente HTML de tu página web.

Vocabulario Schema y cómo implementarlo en tu web

Los principales motores de búsqueda, como Google, Microsoft Bing, Yahoo! y Yandex, se han unido para establecer un estándar mediante la creación de un sitio web llamado Schema.org. Este sitio define un conjunto de tipos de contenido y sus propiedades, ofreciendo un marco común para la estructuración de datos.

Schema.org abarca una amplia variedad de tipos de contenido para adaptarse a diferentes tipos de sitios web. La integración de estos tipos de contenido en el código fuente HTML de tu página es todo lo que se requiere.

Aunque inicialmente pueda parecer complejo, en realidad es más simple de lo que parece. Para entender cómo utilizar el vocabulario de marcado de esquema en tu sitio web, exploremos más a fondo el proceso.

Antes de agregar etiquetas al HTML de tu sitio web, es esencial comprender los términos específicos que Schema.org define para describir el contenido de una página:

  1. Item Scope: Esta etiqueta encapsula una sección particular de tu contenido que se centra en un tema específico.
  2. Item Type: Describe el tipo de artículo contenido dentro del alcance de un artículo. Por ejemplo, para una página de producto en una tienda en línea basada en WordPress, el tipo de artículo podría ser «producto».
  3. Item Property: Detalla las características de un artículo. Por ejemplo, un producto puede tener un nombre, marca, precio y calificaciones.

Además, existen diversas formas de codificar esta información en el código fuente HTML de tu página, utilizando formatos como Microdatos, JSON-LD y RDFa. Es importante destacar que Google prefiere el formato JSON-LD. Por lo tanto, te mostraremos cómo implementar el marcado de esquema utilizando JSON-LD.

Vale la pena señalar que Google prefiere el formato JSON-LD. Con eso en mente, le mostraremos cómo implementar el marcado de esquema usando JSON-LD.

1. Escoge el tipo apropiado de Schema

La elección del tipo de Schema es crucial. Sea para una biblioteca, un gimnasio o una película, seleccionar la categoría correcta es el primer paso para tener éxito en la implementación. En Shema.org encontrarás una lista entera de esquemas por negocio. Escoge la que más se adapte a la actividad que realizas.

2. Estructura el marcado de JSON-LD

El esquema fundamental de un código JSON-LD se parece a un bloque de datos encerrado dentro de una etiqueta de script en HTML. Esta etiqueta de script tiene un tipo específico, «aplicación/ld+json». Dentro de ese bloque de script, encontrarás un objeto JSON que guarda la información estructurada que deseas transmitir. Este enfoque facilita la organización y comprensión de datos en la web, y el tipo «aplicación/ld+json» indica al navegador que el contenido dentro del script sigue el formato JSON-LD.

Veamos cómo estructurar el marcado de datos con un ejemplo:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Library",
  "name": "Biblioteca Ejemplo",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Calle Principal 123",
    "addressLocality": "Ciudad",
    "postalCode": "12345",
    "addressCountry": "País"
  }
}
</script>
/

3. Completa con tus datos

Ahora estás listo para agregar la información específica que deseas compartir. La información que agregues dependerá del tipo de estructura que estés utilizando, como «Libro». Si estás utilizando el esquema de «Libro», podrías añadir detalles como el título del libro, el autor, la fecha de publicación y otros datos relevantes.

Para ilustrar, te muestro un ejemplo completo de cómo se vería el código JSON-LD con todos los datos incluidos:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Book",
  "name": "Harry Potter y la piedra filosofal",
  "author": {
    "@type": "Person",
    "name": "J.K. Rowling"
  },
  "datePublished": "1997-06-126",
  "publisher": {
    "@type": "Organization",
    "name": "Bloomsbury"
  },
  "isbn": "1234567890",
  "description": La historia sigue a un joven huérfano llamado Harry Potter, quien descubre que es un mago y ha sido aceptado en la escuela de magia Hogwarts. Al llegar a este mundo mágico, Harry se entera de su conexión con la misteriosa piedra filosofal y su importancia en la búsqueda de la inmortalidad. Junto a sus nuevos amigos Ron y Hermione, Harry se enfrenta a desafíos y descubre secretos oscuros mientras intenta proteger la piedra de las manos equivocadas. La novela combina elementos de magia, aventura y amistad, estableciendo las bases para la épica trama que se desarrollará a lo largo de la serie."
}
</script>

En este ejemplo:

  • @context: Especifica el contexto de Schema.org para interpretar las propiedades y tipos.
  • @type: Indica que el objeto es de tipo «Libro».
  • name: Representa el título del libro.
  • author: Es un objeto anidado que indica el autor del libro.
  • datePublished: Indica la fecha de publicación del libro.
  • publisher: Es otro objeto anidado que representa la editorial del libro.
  • isbn: Representa el número de ISBN del libro.
  • description: Proporciona una breve descripción del libro.

Este es solo un ejemplo y los detalles pueden variar según el tipo de esquema que estés utilizando y la información específica que quieras incluir.

4. Incrusta el script JSON-LD en tu HTML

Coloca el script JSON-LD dentro del <head> de tu página HTML para que los motores de búsqueda lo detecten.

5. Comprueba que el marcado de datos es correcto

Utiliza la herramienta Structured Data Testing Tool o Validator Tool de Schema para verificar la implementación y corregir posibles errores.

6. Monitorea Search Console y la SERP de Google

Mantén un ojo en las estadísticas y ajusta tu estrategia según sea necesario. La monitorización constante es clave para poder encontrar posibles errores y ver si la implementación ha funcionado. éxito a largo plazo.

Después de haber aplicado los cambios, es importante vigilar Google Search Console para identificar posibles errores relacionados con los datos estructurados, ademas de ver cómo se reflejan estos cambios en los resultados de búsqueda de Google para evaluar el impacto.

Es fundamental tener en cuenta que, aunque la incorporación de marcado schema puede mejorar la presencia de su web en la SERP, no garantiza una posición más alta en el ranking. No obstante, sigue siendo una práctica recomendada para optimización de motores de búsqueda y contribuye a que los motores comprendan mejor el contenido de su página.

Recuerde siempre utilizar los nombres específicos de propiedades y tipos de Schema.org pertinentes al crear su marcado. Esto asegura una mejor comprensión por parte de los motores de búsqueda y maximiza los beneficios de la implementación.

Herramientas para ayudarte a crear datos estructurados

Asistente para el marcado de datos estructurados, de Google

Esta herramienta está diseñada para ser útil para cualquier persona que tenga un sitio web válido, no exclusivamente para aquellos que utilizan WordPress. Algunas de las características que ofrece incluyen:

  1. Uso gratuito para cualquier persona con una cuenta de Google: No importa el tipo de página web que tengas, siempre y cuando tengas una cuenta de Google, puedes aprovechar esta herramienta de forma gratuita.
  2. Interfaz gráfica de usuario: En lugar de requerir conocimientos técnicos avanzados, esta herramienta se basa en una interfaz visual fácil de usar. Esto significa que no necesitas ser un experto en codificación para utilizarla.
  3. Generación de código de marcado en JSON-LD y Microdatos: Puedes generar fácilmente el código de marcado estructurado en dos formatos comunes: JSON-LD y Microdatos. Esto te brinda flexibilidad para implementar el marcado de la manera que mejor se adapte a tu sitio web.

Para ver cómo funciona, aquí tienes un ejemmplo sobre cómo implementarlo:

Plugins para WordPress

Existen numerosos de plugins de WordPress que ofrecen varios complementos para el marcado Schema. Algunos de los más conocidos son:

Schema – All In One Schema Rich Snippets

All in One Schema.org Rich Snippets es un plugin de WordPress que facilita la implementación de datos estructurados en un sitio web. Este plugin está diseñado para ayudar a los propietarios de sitios de WordPress a mejorar la apariencia de sus resultados en los motores de búsqueda mediante la inclusión de fragmentos enriquecidos (rich snippets).

Aquí se muestran algunas capturas del plugin:

Schema & Structured Data for WP & AMP

Schema & Structured Data for WP & AMP es otro plugin de WordPress diseñado para facilitar la implementación de datos estructurados y esquemas en sitios web, especialmente aquellos que utilizan la tecnología Accelerated Mobile Pages (AMP).

Conclusiones finales

Integrar un marcado schema en su sitio web puede tener un impacto positivo en su visibilidad en los motores de búsqueda, mejorando así su rendimiento SEO. Para lograr destacados y atractivos fragmentos enriquecidos en los resultados de búsqueda, es necesario agregar etiquetas HTML específicas al código fuente de las páginas.

Preguntas frecuentes sobre Schema

  • ¿Qué es el marcado de datos Schema?

    Schema es un tipo de código que se coloca en tu sitio web para ayudar a los motores de búsqueda a comprender mejor tu contenido. Es como proporcionar un resumen a Google sobre de qué trata tu sitio.

  • ¿Qué son los datos estructurados?

    Los datos estructurados son información formateada de manera que los motores de búsqueda pueden entender fácilmente. Piensa en organizar tus juguetes en diferentes cajas para poder encontrarlos más fácilmente.

  • ¿Schema y datos estructurados es lo mismo?

    Aunque los términos «Schema» y «datos estructurados» se utilizan a menudo de manera indistinta, no significan exactamente lo mismo. Puedes pensar en los datos estructurados como la práctica general de organizar datos, y Schema como una herramienta específica para llevar a cabo esa organización. Es similar a cómo «transporte» podría referirse a coches, bicicletas, autobuses, etc., pero «coche» es un tipo específico de transporte.

  • ¿Puedo usar más de un Schema en la misma página?

    Sí, si tu página tiene diferentes tipos de contenido, puedes usar diferentes Esquemas. Es como usar diferentes etiquetas para cosas diferentes en la misma estantería.

  • ¿Cuál es la diferencia entre Schema y Open Graph?

    Schema es un conjunto de etiquetas que proporciona información estructurada para motores de búsqueda, mientras que Open Graph es un protocolo utilizado principalmente por Facebook y demás redes sociales para controlar cómo se comparte y muestra el contenido en la plataforma. Ambos se pueden usar juntos para optimizar la visibilidad en distintos entornos en línea.






  • 0 comentarios

    Enviar un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *