HTML Semántico: Hablándole a Google en su Idioma
Hablándole a Google en su idioma
Imaginemos que le damos a un robot un libro sin capítulos, sin títulos y sin números de página; solo un bloque de texto gigante. ¿Podría entender cuál es la parte más importante? Probablemente no. Eso es exactamente lo que pasa cuando una web se construye usando solo la etiqueta genérica <div>.
El HTML semántico ayuda a solucionar esto. En lugar de usar cajas sin significado, utilizamos etiquetas que describen con precisión su contenido. Es la diferencia entre decir "esto es una caja" y decir "esto es el encabezado", "esto es un artículo" o "esto es el menú".
Este cambio tiene un impacto profundo en dos áreas críticas: el SEO y la accesibilidad.
Usar etiquetas correctas (como main o article) le permite a Google entender exactamente de qué trata tu página y darle más relevancia.
¿Por qué es crucial para un proyecto?
1. Le damos a Google un mapa claro
Google no solo lee el texto de la web, intenta entender su estructura. Al usar etiquetas como <main> para el contenido principal y <article> para una entrada de blog, le indicamos explícitamente qué es lo más importante. Una estructura semánticamente correcta le da a los motores de búsqueda el contexto que necesitan para indexar el contenido de forma más efectiva.
2. Ayudamos a que todos puedan usar la web
Para una persona con discapacidad visual que utiliza un lector de pantalla, las etiquetas semánticas (junto con los atributos ARIA) son su principal forma de navegar. Estas herramientas pueden anunciar "Navegación principal" o "Contenido", permitiendo al usuario saltar directamente a lo que le interesa. Sin semántica, la página es un laberinto confuso.
Las etiquetas que marcan la diferencia
En lugar de un mar de <div>, una página bien estructurada utiliza un vocabulario rico:
<header>: Para el encabezado del sitio.<nav>: Para el menú de navegación principal.<main>: Para el contenido central y único.<article>: Para una pieza de contenido independiente.<footer>: Para el pie de página.
Escribir HTML semántico es una prioridad en el desarrollo profesional. Es una de esas prácticas invisibles para el ojo inexperto, pero que tiene un impacto profundo en el rendimiento del negocio a través de un SEO más claro y una mayor inclusión.
