<nav>: La forma correcta de marcar la navegación principal
Imagina que entras a una gran biblioteca sin señales ni letreros. Encontrar el libro que buscas sería una pesadilla, ¿verdad? En una página web, la etiqueta <nav> es precisamente eso: el conjunto de señales claras que guían a tus visitantes. Su propósito es marcar los bloques de enlaces de navegación principal.
Usar <nav> no solo ayuda a los usuarios a moverse por tu sitio, sino que también le dice a los motores de búsqueda y a los lectores de pantalla: "¡Oye, este es el menú principal!". Esto mejora tanto tu accesibilidad como tu SEO de una forma simple pero muy efectiva.
¿Cuándo Debo Usar <nav>?
No todos los grupos de enlaces deben ir dentro de una etiqueta <nav>. La clave es pensar en la importancia de la navegación.
🤔 Pregunta Clave: ¿Este bloque de enlaces ayuda al usuario a navegar por las secciones más importantes de mi sitio web o de esta página? Si la respuesta es sí, entonces usa <nav>.
- El menú de navegación principal del sitio (generalmente en el
<header>). - Una tabla de contenidos al inicio de un artículo largo para saltar a diferentes secciones.
- Enlaces de paginación para navegar entre páginas de resultados (ej. "1, 2, 3, Siguiente").
- Un menú secundario importante en una barra lateral.
Errores Comunes: ¿Cuándo Evitar <nav>?
Estás viendo solo el 60% del contenido. ¡Únete a la Membresía Premium! para acceder al contenido completo.
Comentarios y Valoraciones
No hay comentarios aún. ¡Sé el primero en opinar!