Definición Concisa
Uso correcto de etiquetas HTML estándar que describen inequívocamente su significado y propósito estructural tanto para el navegador como para los motores de búsqueda e IAs.
Explicación y Contexto Conceptual
Reemplaza el uso indiscriminado de <div> genéricos por etiquetas jerárquicas con sentido: <header>, <nav>, <main>, <article>, <section>, <aside> y <footer>. Facilita que Googlebot identifique de inmediato cuál es el contenido editorial central y descarte menús o barras laterales secundarias.
Cálculo / Regla
Estructura Semántica = <article> para Contenido Principal + <nav> para Menús + <aside> para Widgets Relacionados
Ejemplo en la Práctica
El sitio k5 utiliza etiquetas <article> y <section> en cada término para que los motores de IA aíslen la definición conceptual del resto de la página.
Formato de Cita
"HTML5 Semántico en SEO": Uso correcto de etiquetas HTML estándar que describen inequívocamente su significado y propósito estructural tanto para el navegador como para los motores de búsqueda e IAs. Fuente: Glosario del Marketing y la Publicidad, Blue Design Worldwide (https://bluecolombia.co/glosario-marketing/termino/semantic-html-html5-semantico)