Por qué el HTML semántico sigue importando
Por El equipo de AsasWeb 2 min de lectura
Usar el elemento HTML que de verdad describe el contenido te da accesibilidad, SEO y mantenibilidad gratis. Un botón real recibe el foco, funciona con teclado y se anuncia correctamente sin JavaScript, mientras que los lectores de pantalla y los buscadores dependen de los landmarks, del orden de encabezados y de las listas auténticas para entender una página. Reconstruir esos comportamientos a partir de cajas genéricas con estilos se paga en código extra y en piezas olvidadas.
Es tentador construirlo todo a partir de cajas genéricas y darles forma con estilos. El HTML semántico, usar el elemento que de verdad describe el contenido, hace una cantidad sorprendente de trabajo gratis, y saltárselo crea problemas que luego pagas por resolver con código extra.
Los navegadores te dan comportamiento gratis
Un botón de verdad es enfocable, pulsable, operable con el teclado y se anuncia como un botón, sin JavaScript. Reconstrúyelo a partir de una caja con estilos y tienes que volver a añadir todo eso a mano, y la mayoría de los equipos se dejan alguna pieza. Lo mismo vale para los enlaces, los controles de formulario y los encabezados.
La tecnología de asistencia depende de él
Los lectores de pantalla construyen su comprensión de una página a partir de su estructura: puntos de referencia como header, nav, main y footer, un orden de encabezados lógico, listas que de verdad son listas. Acierta con la estructura y la página es navegable. Falla y se convierte en un muro de texto indiferenciado.
Los buscadores también leen la estructura
La misma estructura que ayuda a la tecnología de asistencia ayuda a los buscadores a entender de qué trata tu página. Encabezados adecuados, texto de enlace con sentido y un marcado limpio son victorias silenciosas de SEO que no cuestan nada extra una vez que es un hábito.
Es más fácil de mantener
El marcado semántico es más corto, más claro y más fácil de entender para el siguiente desarrollador. Menos código, menos errores, menor coste con el tiempo.
Usar el elemento correcto es una de las decisiones de calidad más baratas en desarrollo web, y la tratamos como la opción por defecto. Si tu sitio está construido a partir de cajas genéricas y se nota, empieza un proyecto y le daremos una estructura sólida.