Cómo diseñar un blog atractivo y seducir a tus lectores
4.9 media 8 votos

En su momento comentamos qué plataforma puede ser mejor para crear tu blog, si Blogger o WordPress. Ahora veremos la importancia del diseño y la correcta ubicación de elementos estratégicos, con el objetivo de convertir nuestras visitas en clientes y mejorar la experiencia de nuestros lectores. Go!

diseño de un blog

De la mano de la excelente Infografía de QuickSprout (que podrás ver al final del artículo) vamos a ver los principales apartados y factores a tener en cuenta para diseñar o mejorar el aspecto de tu bitácora.

Estos consejos te ayudarán a seleccionar la plantilla adecuada del diseño de tu blog, esta debería permitirte editar y trabajar con los siguientes elementos.

Diseño del Blog

Utiliza Snippets en tu Homepage

Posiblemente la página inicial de tu blog sea una de las más presentadas en los resultados del buscador. Para obtener un buen ratio de clics (CTR) optimiza bien el Título y la Meta Description, elementos a veces olvidados. Back to basics!

Ubica una columna lateral, en la derecha

No es recomendable ponerla en la izquierda, dónde debe estar lo más importante, el contenido. Si hacemos lo contrario es posible que la experiencia sea negativa y repercuta en un rebote superior así como menos contenido “consumido”.

Y ojo, una mala respuesta de usuario puede perjudicarnos de forma importante en nuestro posicionamento web.

El resumen de artículos no debería tener menos de 5 artículos ni más de 20

Y utiliza imágenes, llaman mucho más la atención y obtendrán más clics que un simple título y descripción. A veces vemos blogs que no utilizan resumen de artículo en su home, son muy difíciles de digerir.

Una muestra de mi home. Con columna derecha, resumen de post y imagen destacada, he hecho los deberes! 🙂

ejemplo home blog

El diseño centrado, de entre 950 y 1000 px

Para que te hagas una idea el blog que estás leyendo tiene 1130 px de ancho (pronto cambiará).

Tu blog tiene que ser Responsive

A estas alturas ya no tenemos que convencer a nadie, los datos mandan! un 62 % del tráfico de este blog es mobile. Es imprescindible adaptar tu blog a la visualización desde dispositivos móviles.

Elementos sociales del Blog

botones sociales

Barra lateral fija

Es importante que compartan tus contenidos, para ellos deberás de insertar los típicos botones. La infografía recomienda una barra lateral fija que vaya persiguiendo a los usuarios según vayan haciendo scroll…

En mi caso (a día de hoy, ya veremos en el futuro) prefiero no entorpecer la lectura. Cierto es que cuando tenía el modelo comentado, meses atrás, el % de “Shares” era bastante más elevado.

Fuentes y tipografía 

Tamaño de la fuente principal

Que no sea demasiado pequeña! La mayoría utilizan entre 12 y 13 px. La que lees en este momento es de 15.

Te recomiendo este plugin de Chrome para saber que tamaños de fuente y tipografía utiliza una página web, es muy práctico.

Tamaño de los títulos del post

Entre 17 y 25 px.

Tipografías

Verdana, Lucida Grande, Arial y Georgia son la más utilizadas en los principales blogs.

Tipografías para los títulos

Georgia y Arial. Yo es que le tengo, no sé porque, una manía a la Arial….casi que prefiero la Comic Sans 🙂

Mejores Colores y diseño

Fondo claro y texto oscuro

Clarísimo y sin ningún tipo de duda. Si quieres ofrecer una lectura cómoda y agradable tiene que ser así.

Deja espacios blancos entre los contenidos

Muy importante! ¿Has recibido alguna vez un mail con un párrafo entero de más de 30 lineas seguidas sin ningún espacio y con poco o nulo interlineado? Pues ya te puedes imaginar que pasa en un blog…

Ofrece suscripción por email

VITAL. Ya lo comenté en el artículo “Errores a evitar en tu blog”.

¿Formulario pidiendo sólo el email?

Anteriormente pedía nombre y apellido. Al dejar sólo el email, la conversión ha sido ligeramente superior.

Exit Pop up

Se trata de mostrar un Pop Up cuando el usuario intenta abandonar el blog…un poco agresivo, pero el pop up de captación de newsletter funciona muy pero que muy bien. En formato “Exit Intent” aún no lo he probado, prefiero mostrarlo a los usuarios nuevos y al cabo de unos segundos de su “aterrizaje”.

Infografía

Infografía-diseño-de-un-blog

¿Tienes alguna otra sugerencia para mejorar el diseño y experiencia de un blog?

Si te ha gustado el artículo te animo a que lo compartas en redes sociales, y si te gusta el blog puedes ayudarme votando aquí para participar en los premios Bitácoras. Gracias!!

Fuente foto principal:wwww.photaki.es

Send this to a friend