Glossaire · SEO

Marcado semántico HTML

El marcado semántico HTML es la práctica de usar etiquetas cuyo nombre describe el papel del contenido que envuelven, en lugar de su simple apariencia. Elementos como <header>, <nav>, <main>, <article>, <section>, <aside> y <footer> indican de forma explícita la función de cada bloque, mientras que <h1> a <h6> jerarquizan los títulos y <strong>, <em>, <time> o <figure> precisan el sentido de contenidos concretos. Esta estructura ayuda a los motores de búsqueda, a los modelos de lenguaje y a las tecnologías de asistencia a comprender cómo se organiza una página sin depender del estilo visual. Introducido de forma masiva con HTML5, el marcado semántico sustituye la acumulación de etiquetas <div> y <span> genéricas por un código legible y significativo. Constituye una base técnica del SEO: un documento bien marcado es más fácil de rastrear, indexar, citar y convertir en resultado enriquecido por los motores y las IA generativas.

El marcado semántico consiste en elegir cada etiqueta HTML por lo que significa, y no por el efecto visual que produce. Es una de las prácticas de fondo del SEO técnico, a menudo invisible para el usuario pero determinante para las máquinas que leen sus páginas.

Cómo funciona

HTML5 introdujo una familia de etiquetas estructurantes que describen el papel de cada zona: <header> para el encabezado, <nav> para la navegación, <main> para el contenido principal, <article> para una unidad autónoma, <aside> para un complemento y <footer> para el pie de página. En su interior, la jerarquía de títulos desde la etiqueta H1 hasta H6 organiza la información en niveles lógicos. Otras etiquetas como <time>, <figure>, <figcaption>, <strong> o <em> añaden sentido a fragmentos precisos.

Un rastreador o un modelo de lenguaje analiza este árbol marcado para localizar dónde empieza el contenido útil, cómo se articula y qué pasajes responden a una intención. Sin semántica, una sucesión de <div> no transmite ninguna indicación de función.

Por qué es importante

Un marcado limpio beneficia a tres públicos. A los motores, que rastrean e indexan con más eficacia. A las tecnologías de asistencia, que se apoyan en la estructura para transmitir la página a personas con discapacidad. Y a las IA generativas, que extraen con más facilidad un pasaje nítido y autosuficiente para citarlo en una respuesta.

A retenir

Una página bien marcada es legible tanto por humanos como por máquinas: es la condición de una buena indexación y de una buena citabilidad.

Ejemplo concreto

Sustituir <div class="titulo"> por un verdadero <h2>, envolver el cuerpo del artículo en <article> y las fechas en <time datetime="2026-06-15"> basta para aclarar la estructura. Combinada con datos estructurados en JSON-LD, esta base semántica maximiza sus posibilidades de aparecer como resultado enriquecido y de ser recogida por los motores y los asistentes de IA.

FAQ

Questions fréquentes

No es un factor de posicionamiento oficial y aislado, pero mejora el rastreo, la indexación y la comprensión del contenido. Un código claro facilita la extracción de pasajes y la elegibilidad para resultados enriquecidos, lo que favorece indirectamente sus posiciones.

El marcado semántico estructura el HTML visible mediante etiquetas significativas. Los datos estructurados, normalmente en JSON-LD, añaden una capa descriptiva invisible para el usuario. Ambos se complementan para aclarar el sentido de una página ante las máquinas.

Pour aller plus loin