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
Sobre el autor
- Fundador y redactor de contenidos en Pleybast. Apasionado por el mundo de los sitios web.