<nav>: La forma correcta de marcar la navegación principal
📚 Contenido de la guía ⌃
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 ?
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 ?
El error más frecuente es usar <nav> para cada pequeño grupo de enlaces. Esto le quita importancia semántica y es como poner un letrero de "SALIDA DE EMERGENCIA" en cada puerta de una casa, ¡incluso en la del baño!
- La lista de enlaces a redes sociales en el pie de página.
- Enlaces de "Términos de servicio" o "Política de privacidad" (suelen ir en el
<footer>sin<nav>). - Grupos de enlaces dentro del contenido principal que no son la navegación primaria de esa sección.
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!