Qué es la Cabecera de un Blog, Ejemplos y Cómo hacerla

que es la cabecera de un blog

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
definicion de cabecera de un 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:

ejemplos cabeceras de blogs

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 movil

Header del blog Carla con Wifi

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

ejemplo cabecera de blog

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:

ejemplo del header del blog movil
Nota del autor
Las RR. SS dentro de la cabecera pueden sacar a los usuarios del blog evitando posiblemente que naveguen por el sitio si les llama más la atención social del blog.

Header del blog Comiviajeros

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

cabecera de blog ejemplo

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

cual es la cabecera de un blog

¿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:

escritorio de wordpress astra personalizar

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

hacer una cabecera de blog

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:

opcion para modificar la cabecera de blog

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:

personalizar header de blog

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»

cabecera fija blog

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

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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información de Privacidad:
Responsable: Anthony Malla ([email protected])
Finalidad del tratamiento: Controlar el spam, gestionar los comentarios
Legitimación: Tu consentimiento
Comunicación de los datos: No se cederán datos a terceros, salvo obligación legal
Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio