La cabecera del blog I: qué tamaño óptimo debe tener la cabecera de tu blog

Esta entrada pertenece al cursillo de diseño para blog, no te olvides de ver todas las demás entradas pinchando en el enlace o en la imagen de la columna lateral! 

Siguiendo con los puntos básicos para cambiar el diseño de tu blog, toca hablar impepinablemente de la cabecera. 



Hay varios tipos y diseños de cabecera entre los que puedes elegir, desde más sencillos a más rebuscados (véase mi cabecera en la que no entra ni un alfiler), pero antes de analizar los diferentes tipos de cabeceras, vamos a ver unas consideraciones generales que afectan a TODAS las cabeceras: 

Medidas de la cabecera: 

Me encantan las cabeceras grandes, si sigues mi blog desde hace mucho quizá lo sepas. Pero que el título de tu blog ocupe mucho espacio, trae un montón de inconvenientes, pero antes, volvamos al ejemplo del periódico:

El blog es más similar a un periódico de lo que nos puede parecer. Cuando tú ves un periódico lo más habitual es que lo veas doblado por la mitad ¿no? Pues lo primero que vemos al entrar a un blog, antes de empezar a bajar por la página, es muy parecido a este periódico. Si visualizas un periódico doblado, seguramente estés pensando en una estructura más o menos así: 

El nombre del periódico arriba en el medio, en grande = se corresponde con la cabecera del blog. 
La fecha = se relaciona con la fecha del último post.
El titular del artículo principal = sería el título del último post escrito.
Un trozo de la fotografía que ilustra la portada para animarnos a abrir el periódico aunque sea por curiosidad = se corresponde con la primera imagen del último post. 
Una columna lateral con información extra = ya comentamos que se correspondía con la columna lateral del blog. 



(perdón por la mala calidad de la imagen, la uso porque ilustra perfectamente lo que comento arriba)

¿Te habías parado a pensar alguna vez en lo parecido que es un blog a un periódico?

No digo que tu blog tenga que parecerse a un periódico, pero los más de cien años de historia de las publicaciones periódicas han hecho que perfeccionen su estilo y si tienen ese formato es por algo. ¿Se te ocurre porqué la cabecera no ocupa la mitad del periódico? 

Es porque entonces el periódico doblado sólo nos enseñaría el nombre del diario y no nos animaría a desdoblarlo y seguir leyendo. En cambio, reduciendo el tamaño del título, nos llega mucha información en ese espacio que ganamos y así nos pica la curiosidad. Lo mismo pasa con el blog: una cabecera grande solo nos deja ver el título del blog, una más pequeña nos deja ver un montón de cosas en el espacio ganado: 

El nombre del blog a través de la cabecera, lógicamente. Ésta es la única información que llegaría al lector si hacemos una cabecera grande. Ahora mira cuántas más cosas a parte de ésta captará el lector si puede ver algo más que la cabecera a primera vista:
Tus páginas estáticas: Suelen contener información acerca de ti y de tu blog. Si el lector te conoce un poco mejor, a lo mejor le interesa seguirte. 
Tus iconos de redes sociales: Se dará cuenta de que tienes presencia en la red y puede que le entren ganas de seguirte en ellas.
Puede que vea las etiquetas o categorías de tu blog: Ahora ya sabe todo lo que puede encontrar en tu blog.
La fecha de la última entrada: esto le da información sobre con cuanta frecuencia escribes tus posts y de si tu blog está actualizado.
El título del último post: esto le da la pista sobre el tema de tu blog y qué tipo de cosas haces. 
Quizá se vean las primeras líneas del post: Al lector puede entrarle la curiosidad por seguir leyendo, sobre todo si comienzas con una frase con gancho. 
Quizá vea el fragmento de la primera foto del post: Esto seguro que le anima a seguir bajando el ratón y ver la foto entera y quizá el artículo le interese. 

Vamos a ver el ejemplo en la práctica: 


Stylescrapbook

Mira toda la info que nos da: 

Nombre del blog, bien clarito. 
Información acerca de ella y del blog en las pestañas debajo de la cabecera.
Apariciones en prensa.
Redes sociales.
Fecha.
Dos fotos a medias que animan a seguir leyendo.



Yo siempre hacía cabeceras muy grandes en mi blog que ocupaban toda la visión del lector hasta que me di cuenta de toda la información que le estaba negando. 

En definitiva, si haces una súper cabecera sólo se quedarán con tu nombre. Si haces una cabecera más pequeña y organizas bien tu blog pueden saber casi todo de ti sólo en el primer vistazo. Tiene lógica ¿no?

Además las cabeceras grandes a veces echan para atrás a algunas personas ajenas a la blogsfera que han llegado a tu blog a través de Google, Pinterest o algún otro sitio a buscar información. No saben ni lo que es eso y a veces no se dan cuenta de que pueden seguir bajando (a mi novio le pasó con el antiguo diseño del blog).

Por eso es mejor pensar en la cabecera no como la portada de un libro sino como la portada de un periódico. Recuerda que cuando compras un libro la portada te puede llamar la atención pero siempre lees el argumento en la parte de atrás y a lo mejor hasta echas un vistazo al interior a ver si te interesa. Y con una cabecera-portada, no permites que nadie sepa realmente de qué va tu blog a primera vista. 

Basta con que vuelvas a los otros posts de diseño y veas que TODOS los ejemplos que he puesto de blogs y plantillas tienen una cabecera de un tamaño moderado. Y eso que he seleccionado desde plantillas a la venta a blogs personales, desde los más populares del mundo a blogs daneses que no son de lo más conocido? 

Espero haberte logrado convencer de las ventajas de una cabecera que no ocupe toda la primera visión de tu blog. Aunque ten en cuenta que siempre hay excepciones, esto es información general, guíate por tus gustos y valora las ventajas y desventajas. 

Entonces ¿Cuánto tiene que medir mi cabecera para que sea como la de un periódico? 

Lo que se suele recomendar es una cabecera de máximo 250 px de alto (ya sabes que el ancho de la cabecera puede ser tan ancho como tu blog, o menos si lo prefieres). Lo mejor es que sea más bajita que eso, entre 150 y 200 px pero yo quería una cabecera bastante historiada y que se viera bien, por eso elegí una de 250 px justos me parece que mide. 

La verdad es que cada blog es diferente y tiene una circunstancia y si no puedes reducir tanto el título, yo lo dejaría en máximo unos 350 px de alto. Ya digo que para gustos los colores pero eso es más o menos lo recomendable. 

Ahora ya tenemos las medidas áureas de la cabecera, y yo creo que es suficiente por hoy. En el próximo post, vamos a ver qué elementos debe incluir una cabecera, qué tipos de cabeceras hay y cómo hacer una cabecera de cada tipo (incluída toda la información de cómo hice mi cabecera, que a veces me lo habéis preguntado en los comentarios y creedme que no tiene ningún misterio). 
Espero que os haya servido de ayuda y hasta la próxima!

Share Button


Fuente: este post proviene de El Arte de las Cosas Nimias, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Modificado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

general blog diseño de blogs ...

Me alegro un montón de que os interesase la idea de publicar de vez en cuando tutoriales bloggeros! Esta es la primera entrada que voy a hacer. Es un poco más prosaica y rollete, pero creo que es importante, espero que os guste! Si quieres ver el resto de entradas de Diseño de Blogs no olvides pinchar en la imagen de la columna lateral! :) El primer paso para empezar a rediseñar nuestro blog es un ...

ideas diy centrar cabecera diy ...

Hola!!! Hoy os traigo un tutorial para los blogs de Blogger que me parece muy útil y es cómo centrar la cabecera de nuestro blog, así cómo yo la he puesto ayer, que he añadido un nuevo logo al blog y lo he puesto en el centro. Mira cómo me ha quedado el mío!!! a que está chulo??, pues vamos a aprender cómo se hace... Este tutorial sirve tanto para poner centradas las imágenes o para centrar el tít ...

general blog diseño de blogs ...

Una vez tengas el fondo y la cabecera, ya sólo te hace falta la gama de color para tener los pilares fundamentales sobre los que asentar el diseño de tu blog. Llevo hablando de la gama de colores desde el principio del curso pero a lo mejor no sabes lo que quiero decir exactamente con gama de colores (¡Normal!).La gama de colores de un blog suelen ser un puñado de colores que se repiten varias vec ...

general introducción

Cabecera del canal de Youtube.- Tengo el placer de presentaros la cabecera completa del canal de Youtube de Reciclaje Productivo Creativo. Creo que capta bastante bien el alma del canal; el reciclaje, la imaginación, aprovechar algo en vez de tirarlo y si sirve para divertirse mucho mejor. La maravillosa banda sonora me la compuso Alberto Martínez para el corto que hice en 2004 "Haz el bien ...

general diseño de blogs metablog

Hace unos días Janny Sims me dejó un comentario pidiéndome, entre otras cosas, que explicase cómo hacer las pestañas que aparecen debajo de la cabecera de mi blog y que llevan a las diferentes categorías de entradas. Iba a empezar con tutoriales sobre la cabecera y luego sobre la gama de colores de un blog, pero me ha parecido buena idea publicar también tutoriales que puedan servir a los que no q ...

general diseño de blogs metablog ...

En el primer post de estos cursos de diseño blogguero, hablamos de la estructura del blog. Una vez tenemos el esqueleto perfectamente delimitado con todas las partes en su sitio, vamos a crear la piel, las cosas bonitas en las que nos fijamos que desvían la atención de la estructura pura y dura y que hacen que nuestro blog sea único y que refleje nuestra personalidad. Antes de meternos con los det ...

general

Hay distintas razones por las que me gusta tener este blog: Para empezar, me sirve como "distracción" obligatoria a mi absorbente maternidad. Además, por una razón u otra, aprendo un montón de cosas nuevas. Y claro, no hay que olvidar que gracias al blog he conocido y sigo conociendo a muchísima gente interesante y que pasa a formar parte de mi vida. Pero hay cosas más especiales aún: c ...

general

¿Me gusta? ¡¡Me encanta!!Blanca de Personalización de Blogs y su última iniciativa, nos propuso hacer una declaración: "por qué nos gusta nuestro blog" Hace unos años comencé mi blog como un mero escaparate, con el tiempo le fui cogiendo gusto y ha acabado por encantarme. Me llena de satisfacciones continuamente, cada comentario que me dejan en las entradas, bien por algo publicado o d ...

objetos decorativos horquilleros por mi cabeza

Y aquí estoy de nuevo, arrancando unos minutos al sueño y aprovechando la paz de la noche para escribir en este, mi blog. La iniciativa de escribir porqué me gusta mi blog, me enganchó desde el primer momento. La verdad es que el mío tiene muy poca historia, aún es un bebé, lo empecé hace unos meses para dar a conocer todos mis trabajitos pero cada vez le dedico más tiempo para que esté a mi gusto ...

ideas diy iniciativas molonas

Hoy, como últimamente, escribo post extra,ésta vez porque participo en la iniciativa de Blanca de Personalización de Blogs: Muchos no sabéis que yo escribo dos blogs, éste más personal y el blog de Carnicería Calabazón. Ambos los empecé por las mismas fechas, quizá porque después de un tiempo en paro, quería (necesitaba) tener algo en que distraer mi atención. Pero al poco encontré trabajo y me ...