Qué es la cabecera de un blog, ejemplos y cómo hacerla

La cabecera de un blog o blog header en inglés, es la parte superior del blog que contiene generalmente elementos de identidad de la bitácora y un menú de navegación.

Conoce más sobre esta parte de la estructura de un blog descendiendo.

¿Qué es la cabecera de un blog? Definición, Significado & Concepto

La cabecera de un blog es la parte que se encuentra arriba del todo del sitio y lo que probablemente vean primero los usuarios de internet.

Las cabeceras de los blogs web generalmente muestran elementos esenciales de identidad a la izquierda y un menú de navegación a la derecha. También suelen incluir una barra de búsqueda.

Entre los elementos de identidad se encuentran casi siempre dos: logo y título del sitio. En cuanto al menú de navegación, es personalizado de acuerdo a las páginas/secciones más relevantes de cada blog.

Otros dos puntos característicos:

• Las cabeceras pueden deslizarse junto al contenido para que estén presentes en todo momento
• Las cabeceras tienden a repetirse en todas las entradas y páginas del blog

Ejemplos de cabeceras de blogs

Recorre por algunos ejemplos de cabeceras que se hallan habitualmente en la red:

Cabecera del blog En la cocina

En la cocina la cabecera sigue un modelo que es sencillo e intuitivo para el usuario al momento de que aterriza en su suelo:

El usuario puede navegar por las categorías del blog y regresar cuando quiera haciendo clic en el logo.

En la versión móvil ejecutó la cabecera de esta forma: menú de hamburguesa (que oculta los enlaces de navegación), logo y una barra de búsqueda:

Header del blog Carla con Wifi

Carla con Wifi muestra en su blog en línea la siguiente cabecera:

Al costado izquierdo se identifica el blog, a lado el menú de navegación y más lejanamente las redes sociales junto al buscador.

En la versión móvil retira las redes:

Header del blog Comiviajeros

El blog online Comiviajeros expone un header simple, atractivo y funcional:

Dentro del mundo móvil mantiene las cosas fáciles:

¿Cómo hacer una cabecera de blog?

Hacer una cabecera de blog no es una tarea difícil utilizando temas amigables y optimizados como Astra:

1. Dirígete al escritorio de WordPress » Astra » Personalizar y si tienes otro tema por lo general debes ir a Apariencia » Personalizar:

2. Una vez dentro ingresa a «Maquetador de cabeceras»

Aquí podrás personalizar la cabecera de tu blog WordPress. Algunas opciones de primera impresión son:

• Título y logotipo del sitio
• Off – Canvas Menu
• Menú Principal
• Cabecera transparente

Por ejemplo:

Entra a «Título y logotipo del sitio», presiona en seleccionar logotipo y sube el logo:

En «Ancho del logotipo» puedes modificar el tamaño del logo.

Si quieres que no aparezca “Blog” de título en la cabecera, en «Visibilidad del título del sitio» desmarca los tres dispositivos:

Bien.

Para que exprimas al máximo el potencial a la cabecera, te sugiero que pruebes los diferentes elementos y experimentes. No es complicado, es cuestión de que le dediques tiempo y disfrutes del aprendizaje.

Por cierto, si tienes Astra premium y deseas tener una cabecera fija, que prácticamente es que se desplaza mientras el usuario realiza scroll, realiza esto:

Anda al escritorio de WordPress » Astra » y selecciona «Cabecera Fija»

Para modificarla vas a Personalizador » Maquetador de cabeceras » Cabecera fija:

Conclusión

La cabecera de un blog sirve para mejorar la usabilidad web y experiencia de usuario (UX), por eso ten en cuenta lo siguiente cuando la estés armando:

• Hazla coincidir con tu marca
• Añádale los elementos esenciales (y comprueba que funcionen)
• Intégrala de tal forma que mejore el diseño del blog

Posts que te recomiendo leer:

• ¿Qué es el fondo de un blog?
• 10 características de un post
• ¿Qué es flog?

¿Tienes alguna duda sobre las cabeceras de blogs? Déjame un comentario en este momento