HTML semántico para la IA: title, meta description, lang y landmarks
Un navegador puede hacer que cualquier <div> parezca un encabezado o un menú. Una máquina no ve los estilos: lee las etiquetas. El HTML semántico consiste en usar etiquetas que dicen qué es cada parte (<title>, <main>, <nav>, <article>), para que una IA distinga tu titular de tu barra lateral. Es de poco esfuerzo y mucho impacto.
Las cuatro que más importan
<title>— el nombre de la página. Aparece en las pestañas del navegador y en los resultados de búsqueda, y es lo primero que lee una máquina sobre la página. Hazlo específico y único para cada página.- Meta description — un resumen de una frase en el
<head>. No es un factor de posicionamiento, pero a menudo es el texto que se muestra o se resume sobre tu página. - Atributo
lang—<html lang="es">(oen,ja, …) le dice a una máquina en qué idioma está la página, para que no tenga que adivinarlo. - Landmarks —
<main>,<nav>,<header>,<footer>,<article>marcan las regiones de la página. Permiten a una máquina centrarse en el contenido principal y saltarse el resto.
Un esqueleto para copiar y pegar
<!doctype html>
<html lang="es">
<head>
<title>El título específico de tu página</title>
<meta name="description" content="Un resumen de una línea de esta página.">
</head>
<body>
<header><!-- nombre del sitio, navegación --></header>
<main>
<article><!-- tu contenido real --></article>
</main>
<footer><!-- ... --></footer>
</body>
</html>El error frecuente
Una página construida por completo con <div>. Puede verse idéntica para una persona y ser un muro sin estructura para una máquina: sin contenido principal claro, sin idioma, a veces sin un title real. No necesitas todas las etiquetas semánticas; necesitas las pocas que marcan lo que importa.
En resumen
El HTML semántico es la forma más barata de ser comprendido: un <title> único, una meta description, un atributo lang y landmarks reales alrededor de tu contenido. Es uno de los pasos para «ser comprensible» de nuestra introducción al GEO.
Prueba nuestra herramienta gratuita: Vista previa de OGP y metaetiquetas →