Your.Code.Web

Curso HTML 15.6 Microformatos y datos estructurados (visión general)

15.6 Microformatos y datos estructurados (visión general)

En esta sección exploraremos los distintos métodos para anotar contenido HTML con metadatos que faciliten la comprensión de la información por parte de máquinas (motores de búsqueda, asistentes virtuales, etc.). Veremos:

  • Microformatos tradicionales.
  • Microdata de HTML5.
  • RDFa (Resource Description Framework in Attributes).
  • JSON-LD (JavaScript Object Notation for Linked Data).

1. ¿Por qué usar datos estructurados?

  • Mejorar la visibilidad en buscadores (rich snippets).
  • Facilitar la integración con asistentes de voz y chatbots.
  • Permitir interoperabilidad entre sistemas.

2. Microformatos tradicionales

Son clases CSS predefinidas siguiendo convenciones (por ejemplo, h-card, h-event). No requieren JavaScript ni definiciones externas.

a) h-card (persona/empresa)




  Jane Doe

  Acme Corp

  jane.doe@ejemplo.com

  

    Calle Falsa 123,
    Ciudad,
    Estado

b) h-event (evento)




  
Concierto de Rock

  
  

  

    Avenida Central 45,
    Metro City

3. Microdata (HTML5)

Define itemscope, itemtype (URL de vocabulario) y itemprop para propiedades.




  
Cámara Fotográfica X100

  Imagen de cámara X100
  

    Precio: 
    $
    299.99
    En stock

4. RDFa Lite

Extiende HTML con atributos como vocab, typeof, property, resource.




  Tech Solutions S.A.

  +34 912 345 678

  Visitar web

5. JSON-LD

Se incluye en un <script type='application/ld+json'> y separa el marcado estructural del HTML visible.

6. Comparativa de enfoques

Método Ventajas Desventajas
Microformatos No necesita vocabularios externos, fácil de implementar. Limitado a vocabularios predefinidos, menos flexible.
Microdata Estándar HTML5, amplio soporte en buscadores. Markup más verboso, acopla HTML con propiedades.
RDFa Muy expresivo, enlaza con grafos RDF. Curva de aprendizaje, más complejo.
JSON-LD Separación clara del código visible, sencillo de mantener. Requiere soporte de JavaScript o ser leído por parsers.

7. Buenas prácticas

  • Elige un enfoque coherente en todo el sitio.
  • Valida tu marcado con herramientas como el Validador de datos estructurados de Google.
  • Mantén actualizados los vocabularios (Schema.org, microformats.org).

Con estos métodos podrás enriquecer tu HTML con metadatos, mejorando la experiencia de usuario y la capacidad de tus páginas para integrarse en el ecosistema de datos vinculados.

Publicado

en

por

5my9z

Etiquetas:

Comentarios

Deja una respuesta