1. Cabecera o header
La cabecera es la parte superior de la página web. Aquí suele incluirse la información básica de la empresa o marca y es consistente en todo el sitio, es decir, se repite en cada página de la web por la que se navega. Si hablamos en lenguaje HTML, todo el contenido de la cabecera aparece entre las siguientes etiquetas: <header>Contenido de la cabecera</header>
Los elementos que se incluyen en la cabecera son:
Título o logotipo
Es una representación visual de la identidad de una empresa o página web. Suele ubicarse en la esquina superior izquierda del encabezado y se utiliza para crear reconocimiento de marca. Es importante que el header incluya un título o logotipo que identifique claramente el sitio y que sea fácilmente reconocible por las personas. El título o logotipo deben aparecer en un lugar destacado del header para que sea fácilmente visible.
Junto al logotipo, es común encontrar el nombre de la web o empresa. Proporciona claridad sobre qué página web están visitando los usuarios y les ayuda a identificar rápidamente si están en el lugar correcto.
Menú de navegación
Este elemento permite a los visitantes desplazarse por diferentes secciones o páginas de la página web. Por lo general, se encuentra en el encabezado para facilitar su acceso y garantizar una navegación fluida.
Es fundamental que el header incluya un menú de navegación que permita a los usuarios acceder a las diferentes secciones o páginas del sitio. La navegación suele estar organizada en una barra horizontal y puede incluir submenús con enlaces a páginas específicas. Para que las personas accedan a las diferentes partes del sitio de forma rápida y sencilla, es importante que el menú de navegación cumpla con ciertos requisitos.
- Organización: Es importante que el menú de navegación esté bien organizado y sea fácil de entender para los usuarios. Las opciones del menú deben estar jerarquizadas de forma lógica y deben incluir submenús para acceder a páginas específicas.
- Enlaces claros: Es importante que las opciones del menú tengan enlaces claros y fáciles de seguir para que los usuarios puedan acceder a las páginas o secciones del sitio de forma rápida y sencilla. Los enlaces deben ser fácilmente identificables y no deben llevar a páginas que no estén disponibles o que hayan sido eliminadas.
Las secciones que debe tener un menú de navegación están estrechamente relacionadas con los elementos contenidos en la página web como lo son:
En algunos casos, especialmente en webs de gran tamaño o con mucho contenido, se puede incluir una barra de búsqueda en el encabezado. Esto permite a los usuarios buscar contenido específico de manera rápida y eficiente.
Optimización para móviles
Cada vez son más los usuarios que acceden a Internet a través de dispositivos móviles, por lo que es fundamental que el header esté optimizado para estos dispositivos.