Header o encabezado es un término que en lenguaje de programación designa la parte superior de un sitio web. En otras palabras, el heather es lo primero que ves cuando visitas una página.
Normalmente el header incluye el nombre o logo de la empresa, algún eslogan o información muy breve y las pestañas del menú de navegación. También suele ser fijo, o sea, que no importa cuánto baje el usuario en la página, éste siempre se mantendrá visible. Por ejemplo, el header del blog de Workana es este:
Aquí hay otros dos ejemplos de 40defiebre y HubSpot:
Todas las páginas web tienen deben tener un Header y un Footer.
¿Para qué sirve el header?
El header de tu sitio web tiene una gran importancia porque es la primera impresión que causas en tus visitas. Esta primera impresión que quieras causar va a depender mucho de los objetivos de la página y de las necesidades del Buyer persona, por lo que no todos los headers son iguales.
Por ejemplo, el header del sitio de Neil Patel es un CTA directo y agresivo:
Este Header de Home Depot está enfocado a que el cliente encuentre más rápido el producto que está buscando:
Y el header de Pizza Hut está pensado para agilizar el proceso de pedido en línea:
Vea también: ¿Qué es el Buyer Persona?
¿Cómo hacer un buen header?
La primera pregunta que debes hacerte para estructurar un buen header es ¿cuál es la impresión, sensación o acción más importante que quiero detonar en mi visitante? porque de esa respuesta va a partir todo lo demás.
Sin embargo, independientemente del objetivo y contenido de tu sitio, hay algunos consejos que pueden aplicarse para incrementar la calidad y la efectividad de cualquier header:
- Siempre identifica tu marca con el logo y el slogan
- Menos es más: información directa, concisa y breve
- Cuida mucho el diseño, independientemente de que incluyas o no imágenes
- Procura que el header cumpla alguna función práctica de navegación
- Integra el CTA más importante del sitio (registro, búsqueda, pedido, etc)
- Incluye íconos con links a tus redes sociale o a tu App
Te recomendamos: ¿Qué es Flat Design?
Aprende más sobre los Headers
El header de un sitio es un tema que tiene mucho que ver con programación, diseño e incluso redacción. Si quieres saber más al respecto, visita alguno de los recursos que hemos seleccionado para ti.
- Cómo crear una cabecera fija con HTML y CSS – De Francisco AMK
- Header (tipos y elementos a tomar en cuenta) – De Rafa Arjonilla
- 5 tipos de headers efectivos para tus websites – De Maestros del Web
- How to Style a Header / How to do a responsive header – De W3bschools.com
También puedes recurrir a alguno de los freelancers de Workana en las áreas de programación y diseño multimedia.
Si quieres más consejos sobre la contratación freelance, echa un vistazo a esta nota: ¿Cómo formar un equipo de programadores freelance?
¿Necesitas generar un Header para tu website?
En Workana tenemos freelancers expertos en diseño de interfaz para que puedas generar el mejor header para tu negocio y programadores web que podrán maquetar y llevar a la realidad esa interfaz que diseñaste, e implementarla en tu website.
¿Qué es Workana?
Te invitamos a conocer Workana, la mayor plataforma freelance de América Latina. Desde 2012 nos esforzamos para seguir conectando empresas y emprendedores con trabajadores remotos de las más diversas especialidades.
