Tu blog puede ser una parte fundamental de tu sitio web: atrae tráfico, convierte clientes potenciales y te da voz en el sector. Pero si cometes alguno de los siguientes errores de diseño, podrías estar disparándote en el pie.
En la mayoría de los blogs, el tiempo de permanencia —el promedio que los visitantes pasan en un sitio— es bajísimo, con una media de apenas 59 segundos. Teniendo en cuenta que el tiempo de permanencia promedio para un resultado en el top 10 de Google es de unos tres minutos, el blog promedio no va a posicionarse ni a generar tráfico pronto.
¿Por qué el tiempo de permanencia es tan bajo?
La mayoría de los blogs, especialmente los medios de comunicación, te dejan abrumado, confundido, molesto o todo a la vez. ¡Y todo eso en menos de 59 segundos!
Seamos sinceros: ¿cuánto tiempo puedes estar en Forbes antes de que te dé un ataque de ansiedad?
En mi caso, no llego ni a los 59 segundos; normalmente no paso de la frase del día, si es que llego a hacer clic en algo. Aunque tu blog no sea tan caótico como el de Forbes, podrías estar espantando a tus visitantes antes de que tengan la oportunidad de enamorarse de tu contenido.
Echemos un vistazo a las peores prácticas comunes en el diseño de blogs —lo que no debes hacer— con ejemplos reales.
¿Empezamos?
Obligarme a hacer clic una y otra vez para llegar a donde quiero
Una de las cosas que más me molestan del sitio de Forbes es que te obliga a hacer clic para pasar a la siguiente página y seguir leyendo un contenido en el que ya estabas metido. ¿Qué beneficio tiene eso para el lector?
Es ineficiente.
Forbes me hace perder el tiempo obligándome a esperar a que cargue la siguiente página, algo que tarda una eternidad por culpa de todos los anuncios.
Es muy molesto cuando una entrada de blog está dividida en varias páginas; tener que hacer clic en esos enlaces numerados tan pequeños arruina la experiencia.
De nuevo, estos ejemplos son ineficientes; si usaran desplazamiento infinito, podría seguir leyendo sin interrupciones.
El desplazamiento infinito con un botón de "cargar más" es una buena opción. Algo parecido a lo que hace RateGravity.
Haz que tenga que entrecerrar los ojos para leer tu contenido
He tenido una vista perfecta toda mi vida; no debería tener que hacer zoom 84 veces porque tu fuente es menor de 12 px.
Si tengo que esforzarme para leer, echaré un vistazo rápido y me iré. Si estoy realmente interesado en un artículo, quizás me tome la molestia de hacer zoom 84 veces, pero entonces me encuentro con elementos redimensionados que tapan el texto.
Los blogs deberían inspirarse en Quartz at Work. El sitio utiliza fuentes limpias, grandes y llamativas con un espaciado generoso.
Desincentivar que compartan tu contenido
Comparto más artículos de Medium que de cualquier otro blog. ¡Probablemente porque lo hacen increíblemente fácil!
La gran mayoría de los blogs dificultan compartir. Colocan los botones al principio o al final de la publicación.
¿Por qué alguien querría compartir tu artículo antes de haberlo leído? Claro que pasa, ¿pero con qué frecuencia? Y los botones al final —mucho después de que termine el artículo— no son lo mejor para el lector. Algunos ni siquiera llegamos tan lejos.
Los botones de compartir de First Round Review funcionan bien porque:
- Me siguen mientras bajo por la página
- Muestran botones de las redes que realmente utilizo
- Indican el número de veces que se ha compartido, lo que me hace pensar que es un gran artículo incluso antes de empezar a leer
- No son invasivos
AddThis te permite personalizar mágicamente los mejores botones para compartir según cada visitante.
Deja que tu texto se extienda por toda la pantalla
Las líneas de texto largas son difíciles de leer. Las líneas demasiado cortas rompen el ritmo del lector. Un ancho de entre 50 y 75 caracteres por línea (incluyendo espacios) es lo ideal para seguir la lectura con comodidad.
Diseña interacciones y animaciones sin escribir código
Crea interacciones y animaciones complejas sin tener que tocar ni una línea de código.
¡Que venga ese muro de texto!
En la web, los visitantes rara vez leen palabra por palabra. En su lugar, escanean la página, captando palabras y frases sueltas.
De hecho, el 79% de los usuarios analizados siempre escaneaba las páginas nuevas y solo el 16% leía palabra por palabra. Dado que la inmensa mayoría de los internautas escanea, las publicaciones de blog deben redactarse teniendo esto en cuenta. Ayuda a los lectores a encontrar rápidamente lo que buscan.
El contenido fácil de escanear incluye:
- Palabras clave resaltadas (es decir, enlaces de hipertexto, variaciones de tipografía y cambios de color)
- Encabezados significativos (nada de títulos ingeniosos)
- Listas con viñetas
- Frases y párrafos cortos y cercanos
En el sitio de Conversion XL vemos:
- Palabras clave resaltadas con hipervínculos en rojo
- Párrafos cortos que se escanean fácilmente
- Encabezados descriptivos que resumen la esencia de cada sección
El artículo de Slate tiene razón: no terminé de leerlo. No puedo escanearlo fácilmente para entender de qué trata. Solo veo un bloque de texto abrumador.
WIRED también tiene un formato deficiente en sus artículos. Aunque el titular me parezca interesante, rara vez sigo leyendo.
Cuando los encabezados no me dicen de qué tratará la sección, a menudo termino abandonando la publicación por completo.
Si quieres mejorar el formato de tus publicaciones más largas, considera incluir una tabla de contenido interactiva al principio. Deja que los visitantes salten directamente a las secciones que más les interesan.
Otra forma en la que he visto que los blogs muestran la tabla de contenido es mediante un menú fijo que permanece visible o aparece a medida que los usuarios se desplazan.
Enlaza solo a tu propio contenido
Una forma infalible de arruinar tu credibilidad conmigo es no enlazar nunca a fuentes externas confiables.
La credibilidad es importante para los usuarios de la web, ya que a menudo no está claro quién está detrás de la información ni si se puede confiar en una página. La credibilidad puede aumentar añadiendo gráficos de alta calidad e incluyendo enlaces externos. Los enlaces a otros sitios demuestran que los autores han hecho bien su trabajo y no tienen miedo de dejar que los lectores visiten otros sitios.
Los consultores de SEO pueden decir que es malo enlazar a (demasiadas) fuentes externas y sugerir que elimines los enlaces de tu contenido. Al principio de una entrada de blog, es mejor mantener los enlaces al mínimo; no ahuyentes a la gente justo cuando están entrando. Pero a menos que quieras destruir tu credibilidad, sigue compartiendo esas fuentes externas relevantes y confiables. Especialmente si estás haciendo afirmaciones basadas en hechos.
Distráeme con tu barra lateral
La barra lateral de esta página de Vandelay Design está demasiado cargada. Además, la falta de espacio en blanco me distrae de la lectura del contenido, que es la razón por la que vine a esta página en primer lugar. Por si fuera poco, la barra lateral de Vandelay no es precisamente relevante para el contenido de esta página. De hecho, la barra lateral sigue siendo la misma sin importar la categoría.
Las barras laterales son exactamente eso: contenido complementario. No deberían ser un depósito para todo el contenido que no sabes dónde poner.
¡Yo voto por eliminar las barras laterales! Los blogs que no tienen barra lateral son más agradables y relajantes de leer. Hacen que quiera aprender más, pero solo si el contenido es bueno.
Si insistes en tener una barra lateral, mantenla minimalista, como hace Copyblogger. Aunque sigue habiendo una barra lateral, no está saturada y el contraste de color en el diseño ayuda a que los lectores se centren en el cuerpo del texto.
Definitivamente, oculta la identidad del autor
La tendencia de las noticias falsas y de los "líderes de opinión" que se disfrazan de expertos hace que sea vital que los blogs proporcionen más información sobre sus autores.
Lo único que aparece del autor en el blog de Sumo es una pequeña foto y un nombre en el que no se puede hacer clic. Y cuando busco el nombre, no necesariamente encuentro nada relevante. La falta de biografía y de otros enlaces hace que sea bastante difícil saber más sobre los autores.
Para mí, esto hace que el contenido pierda toda credibilidad al instante.
Justo al principio de cada entrada del blog de Tuts+, aparece el nombre del autor en un enlace que te lleva a una breve biografía con más información.
Al final de cada artículo de Tuts+, encontrarás una biografía del autor y sus enlaces a redes sociales.
Déjame adivinar cuánto dura el post
Los blogs que publican mucho contenido detallado deberían indicar a sus lectores el tiempo estimado de lectura o mostrar el progreso de la misma.
First Round Review lo hace a medias. Tienen una barra de progreso que se desplaza por la parte superior mientras lees, pero es tan discreta que podría pasar desapercibida si no presto atención.
El blog de Mark Manson es otro buen ejemplo. La imagen principal destaca el tiempo de lectura justo en el centro.
Y al empezar a hacer scroll, aparece un menú adhesivo minimalista con una barra de progreso azul.
Haz que suscribirse sea una misión imposible
Si no encuentro fácilmente tu caja de suscripción, no tendrás mi correo.
Aquí tienes algunos de mis ejemplos favoritos de formularios de suscripción por correo.
El primero es del blog de Webflow.
El formulario de suscripción minimalista de Webflow permanece en la esquina superior derecha (¡como en esta misma página!) mientras navegas por el artículo.
Es perfecto para alguien que se está enamorando de tu post mientras lo lee y piensa: "TENGO QUE SUSCRIBIRME. ESTO ES GENIAL".
Otro gran ejemplo es el blog de Intercom.
Y, de nuevo, First Round Review hace un trabajo excelente con su formulario de suscripción en la parte superior.
Optimiza (repito: optimiza) el diseño de tu blog si estás haciendo alguna de las cosas anteriores
Creo firmemente en el "marketing despreocupado": no hace falta llenar la barra lateral con 900 llamadas a la acción para que la gente te compre.
También defiendo a capa y espada al usuario; si tu diseño le permite disfrutar de una experiencia increíble en tu blog, volverá. Y lo más probable es que haga lo imposible por suscribirse y comprarte.
Solo asegúrate de dar antes de pedir.
Ofrece a tu audiencia esa información estelar y relevante que tanto busca. ¡Te sorprenderá ver cómo empiezan a hacer todo lo que esperabas!
Resumen: deja de diseñar tu blog pensando en ti y empieza a hacerlo pensando en tus lectores.
