Concepto de Header
El Header, también conocido como cabecera, es una parte de gran importancia de la web que se sitúa en la parte superior de la misma y que, al igual que ocurre con el footer, se repite en todas las páginas, lo que favorece a dar continuidad y coherencia a la web.
Se trata del elemento que presenta la información básica para identificar a la empresa, institución o persona detrás de la web y, además, nos invita a descubrir más sobre el contenido de la página web.
El header es el primer elemento que ve el usuario cuando accede a la web, por lo que es muy importante cuidar su diseño, apariencia y funcionalidad. Debe contar con la información esencial que represente la identidad de la web y sirva para conectar con facilidad con el usuario.
El header suele ser fijo, por lo que, cuando hacemos scroll en la página, este elemento se suele mantener en la parte superior de la pantalla, inamovible, facilitando el acceso del usuario a cualquier otra sección de la web en cualquier momento, incitando a la navegación dentro de la página.
Para qué sirve el Header
Por un lado, el header sirve para recordar al usuario quién hay detrás de esa web, y por otro lado, le ofrece la posibilidad de navegar fácilmente por otras secciones o páginas de la misma.
Por tanto, el header mejora la usabilidad de la web y favorece la coherencia estética de la marca, dando una continuidad en el diseño de la página.
Entre los elementos básicos que suelen aparecer en cualquier tipo de header encontramos:
- Elementos de la identidad corporativa: icono, slogan, logotipo…
- Opción de cambio de idioma.
- Links para acceder a otras secciones de la web.
- Acceso a las redes sociales.
- Sección de búsqueda.
- Información de contacto.
Ejemplos de Header
Si quieres ver algún ejemplo de Header, puedes observar el que tenemos en nuestra propia página web. Navega por las distintas páginas o secciones de blackbeast.pro y comprueba si nuestro header sufre cambios, si se mantiene o no cuando haces scroll, si resulta fácil de entender y manejar, etc.
Además, te invitamos también a comprobar cómo se visualiza el header de nuestra web en la versión móvil: ¿se adapta al tamaño de pantalla? ¿Sigue resultando funcional? ¿Es un elemento intuitivo que facilita la navegación?
Más información sobre Header
Si quieres saber más sobre el header, te invitamos a visitar nuestro blog donde vamos publicando nueva información cada poco tiempo sobre diversos elementos o temas relacionados con la creación de páginas web y marketing digital que te resultarán útiles e interesantes.
