<nav>: La forma correcta de marcar la navegación principal
Usar 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 …
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
Estás viendo solo el 60% del contenido. Hazte Premium para acceder a la guía completa.
Comentarios y valoraciones
No hay comentarios aún. ¡Sé el primero en opinar!