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:
¿Tienes alguna duda sobre las cabeceras de blogs? Déjame un comentario en este momento
Inmerso en el universo de los sitios web desde hace más de dos años, mi objetivo en este espacio es claro: brindarte contenido de calidad para mejorar tu presencia en línea y optimizar tu sitio o blog online.