Todo lo que necesitas saber sobre el encabezado de tu sitio web

Image blog WebSelf

El encabezado es la parte superior de tu sitio como ya debes saber. Al momento de comenzar a crear tu sitio web, ¿no sabes qué hacer o qué poner en él? Esto es normal y dado que es una parte importante de tu proyecto (ya que este es un elemento constante que se encontrará en todas o en la mayoría de sus páginas), sin duda querrás que esté en armonía con el resto del diseño. Por lo tanto, hoy te presentamos cómo crear un encabezado, las reglas a seguir, ¡así como algunos ejemplos que podrán ayudar a inspirarte!

¿Qué incluye un encabezado?

Primero, veamos los conceptos básicos. El encabezado suele estar formado por un logo y el menú principal (la lista de tus páginas), aunque es posible incluir otros elementos como un eslogan, un botón de llamada a la acción, los idiomas ofrecidos e incluso las insignias de redes sociales. Con WebSelf, es posible configurar fácilmente los elementos de tu encabezado. Solo vete al editor y luego pasa el cursor sobre la parte superior de tu sitio (el encabezado). A continuación, va aparecer un pequeño lápiz a la derecha. Haz clic en él para abrir el editor del encabezado. Luego puedes agregar contenido como lo es un título, una imagen o incluso texto, así como aumentar o disminuir la altura de tu encabezado. También podrás elegir entre un encabezado específico para una sola página o un encabezado para todas las páginas. Así como elegir la opción de tener un encabezado fijo. En resumen, tómate el tiempo para familiarizarte con el editor para poder crear exactamente lo que tienes en mente para tu encabezado.

Además, si tienes un logo, no olvides crear un enlace que lleve a tus visitantes a la página de inicio. A menudo, los visitantes esperan poder volver fácilmente a la página de inicio haciendo clic en el logo. Para hacer esto, vete al editor del encabezado, haz clic en tu logo, luego en Editar. Luego verás aparecer un pequeño símbolo de cadena. Haz clic en él, luego especifica a qué página de tu sitio deseas enviar a tus visitantes. Es así de simple.

Algunas reglas a seguir con respecto a tu encabezado

Primero que nada, debes recordar que tu encabezado no es todo tu sitio web, sino solo una pequeña parte, situada en la parte superior. Por ello, este no debe exceder más de una cuarta parte de la altura de la pantalla (si deseas enfatizar el resto de tu sitio web y su contenido). En segundo lugar, es recomendable utilizar los colores y las fuentes que ya están presentes en el resto de tu sitio. Esto le dará una imagen mucho más armoniosa y profesional. Con WebSelf, puedes tener un encabezado único para cada una de tus diferentes páginas, pero asegúrate de que este tenga un hilo común. Por ejemplo, puedes tener un encabezado más alto en la página de inicio, pero uno menos alto en tus otras páginas.

Si dispones de varias páginas y poco espacio, puede ser interesante utilizar subpáginas. Para hacer esto, vete a la pestaña Páginas a la izquierda del editor. Para transformar una página en una subpágina, solo tienes que arrastrar la página debajo de una página principal y desplazarla hacia la derecha. Otra solución es jugar con el espaciado de letras o palabras para ganar algunos píxeles. En la configuración del encabezado encontrarás estas opciones.

Existen varias maneras de presentar tu encabezado: puedes colocar tu logo a la izquierda, luego el menú principal a la derecha. También es posible colocar tu logo al centro y el menú principal abajo. Aunque tienes la libertad de  poner lo que quieras en tu encabezado, es mejor mantenerlo simple. Inspírate en los sitios web que te gustan y pide la opinión de tus allegados si es necesario. 

Cat’society

Lo que nos gusta especialmente del encabezado del sitio Cat'society es que, además de la importante presencia de su logo y de su menú principal, hay una pequeña imagen a la derecha con su dirección y la cara de un gato. Esta imagen, en particular, sobresale ligeramente del encabezado, lo que aporta un dinamismo interesante. Por otro lado, el título del sitio web también está presente, con su eslogan debajo, y además se respeta la regla de un máximo de tres colores en un sitio web.

Agence Véronique Micaëlli

No es la primera vez que mencionamos el sitio web de la agencia Véronique Micaëlli. De hecho, encontramos el diseño del sitio tanto profesional como elegante. Sin duda, puedes inspirarte en su encabezado para tu propio sitio web. Para empezar, su logo se destaca ya que está situado justo en el centro de la página de inicio. Allí, también se encuentra su nombre, así como el menú principal. La composición del encabezado de este sitio le da un toque muy refinado y armonioso a todo el sitio web.

Docteur Laurent Fogel

Nuestro tercer encabezado es un ejemplo típico de lo que se puede hacer fácilmente con el editor de WebSelf. ¿Quién dijo que tenías que complicarte la vida a la hora de crear tu encabezado? En este ejemplo, en él encontramos el menú principal claramente indicado, luego a la izquierda el título del sitio web en otro color y otra fuente. La dualidad de fuentes y los colores crean un armonioso contraste que no resulta agresivo, al contrario. Además, también se respeta la regla de máximo tres colores en un sitio web. Lo único que falta aquí es la presencia de un logo en el centro.

En conclusión, ¡esperamos haberte dado suficientes pistas para crear un encabezado impactante! Tómate el tiempo para hacerlo en serio, ya que es un elemento que se encontrará en cada una de tus páginas. Toma en cuenta que este no deberá ocupar demasiado espacio (altura en la pantalla) y que es una herramienta que permitirá a tus visitantes navegar fácilmente por tu sitio web. ¿Estás buscando el logo perfecto para el encabezado de su sitio web? ¡En el blog FreeLogoDesign puedes encontrar varios artículos muy interesantes sobre el diseño de logos profesionales!