Guía Completa sobre Datos Estructurados en HTML para SEO

Víctor Calderón Oyarce, vcalderondev, vcalderon.dev, web developer

Guía Completa sobre Datos Estructurados en HTML para SEO

Los datos estructurados en HTML permiten a los motores de búsqueda comprender mejor el contenido de una página web. Implementarlos correctamente puede mejorar el SEO y aumentar la visibilidad en los resultados de búsqueda enriquecidos.

¿Qué son los Datos Estructurados?

Son un formato estandarizado para proporcionar información sobre una página y su contenido. Google, Bing y otros motores de búsqueda utilizan estos datos para mostrar fragmentos enriquecidos (rich snippets), como calificaciones, eventos y productos.

Formatos de Datos Estructurados

Existen tres formatos principales para marcar datos estructurados en HTML:

  • JSON-LD: Un script en formato JSON insertado en la página.
  • Microdatos: Etiquetas HTML con atributos adicionales.
  • RDFa: Un conjunto de atributos HTML para incrustar metadatos.

Implementación con JSON-LD (Recomendado por Google)

JSON-LD es el método más fácil de implementar porque separa el contenido de la estructura de datos.

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Guía Completa sobre Datos Estructurados en HTML",
  "author": {
    "@type": "Person",
    "name": "Víctor Calderón"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Geti",
    "logo": {
      "@type": "ImageObject",
      "url": "https://geti.cl/logo.png"
    }
  },
  "datePublished": "2025-02-10",
  "dateModified": "2025-02-12"
}

Implementación con Microdatos

Los microdatos requieren agregar atributos a las etiquetas HTML.

<div itemscope itemtype="https://schema.org/Person">
  <p>Nombre: <span itemprop="name">Víctor Calderón</span></p>
  <p>Empresa: <span itemprop="worksFor" itemscope itemtype="https://schema.org/Organization">
    <span itemprop="name">Geti</span>
  </span></p>
</div>

Implementación con RDFa

RDFa se basa en atributos dentro de las etiquetas HTML.

<div vocab="https://schema.org/" typeof="Person">
  <p>Nombre: <span property="name">Víctor Calderón</span></p>
  <p>Empresa: <span property="worksFor" typeof="Organization">
    <span property="name">Geti</span>
  </span></p>
</div>

Validación de Datos Estructurados

Para verificar si los datos están correctamente implementados, utiliza:

Mejores Prácticas

  • Utilizar JSON-LD, ya que es el formato recomendado por Google.
  • Marcar solo el contenido visible para el usuario.
  • Actualizar los datos estructurados cuando el contenido cambie.
  • No abusar de los datos estructurados para evitar penalizaciones.