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!
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.
Contenido del artículo
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! 🙂
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.
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
¿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
Muy buenos consejos, gracias. Añadiría la importancia de diseñar con cuidado los títulos de los artículos, es el gancho para el futuro lector. Amor a primera vista!
Buen aporte Victoria! Aunque en este artículo comentamos aspectos más gráficos y de template del blog, la selección de un buen título es fundamental para captar tráfico en redes sociales. Luego se trata de seducir a la visita con un diseño atractivo y funcional.