5 cambios de fuente simples para aumentar los lectores, los comentarios y las acciones compartidas en tu blog

Publicado: 2023-09-14

Esta publicación invitada es de Bnonn de Information Highwayman.

Puede que no te des cuenta, pero la configuración de fuente de tu blog puede tener un efecto enorme en la cantidad de personas que leen tu contenido.

Y la cantidad de personas que leen tu contenido tiene un efecto enorme en si una publicación se vuelve viral.

¿Qué tan grande? Bueno, según algunos relatos que he leído, un solo error común con los colores podría reducir el número de lectores en un factor de cinco. Y si no estás cometiendo ese error, probablemente estés cometiendo al menos uno de otros cuatro. Entonces, en este artículo, le brindaré las cinco mejores prácticas más importantes para presentar texto para mantener a los lectores pegados a su contenido y lejos del antiguo botón de retroceso.

Tamaño de fuente: 16 píxeles como mínimo

En la parte superior de la pila de problemas de legibilidad está el tamaño de fuente. En 2005, Jakob Nielsen informó que en una encuesta sobre problemas de diseño web, las fuentes malas obtuvieron casi el doble de votos que el siguiente contendiente, y dos tercios de los votantes se quejaron de los tamaños de fuente pequeños.

Lamentablemente, nada ha cambiado desde entonces. Una muestra aleatoria de nuevos diseños de blogs en SiteInspire (una galería de diseño web que muestra lo mejor de los mejores diseños) muestra que el tamaño de fuente promedio para el cuerpo del texto es de 12 píxeles . Algunos tan solo diez píxeles . Ninguno de más de 14 píxeles . De manera similar, si prueba al azar ofertas de los populares Elegant Themes o ThemeForest, encontrará que cada tema establece el contenido de la publicación en 12 o 13 píxeles.

Y, por supuesto, otros creadores de temas tienden a seguir el ejemplo de los peces gordos.

Pero como señala el experto en usabilidad y tipografía Oliver Reichenstein de Information Architects, 16 píxeles es el tamaño de fuente que los navegadores debían mostrar de forma predeterminada, y no es grande. El texto de 16 píxeles en una pantalla promedio parece aproximadamente del mismo tamaño que el texto impreso de 12 puntos. Ese es el tamaño predeterminado para la mayoría de las revistas, así como para todos los procesadores de texto, porque es el tamaño que la gente encuentra más cómoda para leer. A muchas personas, especialmente a las mayores de 40 años, les resulta muy difícil leer textos pequeños. Como observa Reichenstein:

No hay ninguna razón para meter tanta información en la pantalla. Es simplemente un estúpido error colectivo que se remonta a una época en la que las pantallas eran muy, muy pequeñas... Al principio, te sorprenderá lo grande que es el texto predeterminado. Pero después de un día, no querrás ver nada con un tamaño de fuente menor al 100% para el texto principal. Al principio parece grande, pero una vez que lo usas, rápidamente te das cuenta de por qué todos los fabricantes de navegadores eligieron este tamaño de texto como predeterminado.

Utilice texto oscuro sobre claro: al revés no es bueno

Afortunadamente, hemos superado los días en que los autores de contenido pensaban que el texto fucsia sobre azul era genial. Pero el texto blanco sobre negro , conocido como tipografía invertida, sigue siendo bastante común. Al igual que variantes como el blanco sobre algún otro color oscuro.

El tipo invertido reduce no sólo la cantidad de personas que se molestarán en leer su contenido, sino también su comprensión del mismo. Esto se debe a que cansa la vista. Mirar fijamente el texto invertido durante un período prolongado tiende a crear una especie de efecto de "deslumbramiento", en el que sientes que las letras son demasiado brillantes para mirarlas. Dependiendo de la investigación que consulte, los estudios muestran que el texto claro sobre oscuro reduce el número de lectores entre un 50% y un 400%.

¿Por qué arriesgarse a perder tantos lectores? El negro o el gris muy oscuro sobre blanco se ven limpios y hay muchos temas geniales que utilizan esos colores.

Ancho de línea: 45 a 75 caracteres

Aquí hay otra regla poco conocida que muchos blogs infringen. Para que tu ojo pueda seguir fácilmente una línea a la siguiente, no querrás tener más de 75 caracteres en cada línea. Esto se llama medida de línea. Más allá de una medida de 75 caracteres, es difícil rastrear el final de una línea hasta el comienzo de la siguiente sin perderse.

En cambio, si tienes una medida de menos de 45 caracteres tu vista se fatigará rápidamente, porque apenas has empezado a leer una línea cuando tienes que saltar a la siguiente. Sientes que nunca tienes la oportunidad de descansar.

Por esta razón, el área de contenido de tu publicación ideal tendrá líneas de texto de aproximadamente 60 caracteres. Por supuesto, también hay que tener en cuenta la estética. En muchos blogs, la medida “ideal” deja un enorme espacio en el margen derecho o hace que el texto parezca aplastado en un área diminuta. Utilizo una medida de alrededor de 70 caracteres en mi propio sitio web exactamente por esa razón. Pero si supera los 80 caracteres, está reduciendo su número de lectores, ¡garantizado!

Altura de línea: 130 % o más

Afortunadamente este es un error menos común. Si estás utilizando un tema profesional, probablemente no tengas que preocuparte.

Para darle un ejemplo, configuré este párrafo a la altura de línea predeterminada (también llamada interlineado, por las tiras de plomo utilizadas para separar líneas de texto en imprentas antiguas). La lectura resulta apretada y poco atractiva, y es difícil seguir las líneas de una a otra porque se mezclan entre sí.

Por otro lado, este párrafo está configurado con una altura de línea del 200%, equivalente al doble espacio en un procesador de textos. Estoy seguro de que estará de acuerdo en que las líneas aquí parecen demasiado desconectadas entre sí y, a menos que envíe un trabajo de investigación, este no es el camino a seguir.

Finalmente, este párrafo se establece con una altura de línea del 150%. Eso significa que por cada píxel del tamaño de fuente, hay un píxel y medio de distancia entre líneas. Este resulta ser un punto óptimo bastante confiable para la mayoría de las fuentes que probablemente uses en un blog, pero siéntete libre de experimentar entre aproximadamente 130% y 160% para ver cuál funciona mejor para tu propio contenido.

El margen izquierdo, no lo rompas

Este último consejo no es exactamente un problema de fuente. Pero encaja en la misma categoría general. Los blogueros incluyen habitualmente imágenes en sus publicaciones. Si esto es realmente una buena idea o no es un tema para otro momento, pero por ahora, permítanme darles un consejo.

El margen izquierdo es sagrado. Así es como rastreamos el texto de una página en el mundo occidental. Es el “suelo” a partir del cual crecen las líneas (a menudo en longitudes bastante diferentes) y es la base de nuestro recorrido visual a medida que leemos la página.

Pero si rompes el margen izquierdo, todo se va al carajo. Tu ojo tiene que escanear alrededor para intentar captar el nuevo margen, para que puedas seguir leyendo.

En otras palabras, cada vez que alineas una imagen a la izquierda, pones un obstáculo en el camino del lector. Y estás agravando el problema al desviar su atención del texto con tu imagen visualmente dominante. No hace falta decir que los lectores que siguen distraídos y tienen que reubicar el margen izquierdo a menudo no leen hasta el final de una publicación, por lo que a menudo no la comparten ni la comentan.

Consejo adicional: las mayúsculas aumentan el número de lectores

Por "mayúsculas" me refiero a mayúsculas iniciales, donde la primera letra de la primera palabra de tu publicación destaca mucho más que el resto. Según una investigación realizada por Ogilvy & Mather, esto aumenta el número de lectores de un artículo en una media del 13%.

Las letras mayúsculas no están integradas en la mayoría de los temas de blogs y pueden ser difíciles de usar en la web, pero si tienes un poco de programación, consulta este tutorial sobre cómo crearlas.

Cinco errores: ¿cuáles estás cometiendo?

Ahora es el momento de volver a tu propio blog y ver cuál de estas cinco mejores prácticas importantes no estás practicando. ¡Entonces, arreglo! ¡Pero no olvides compartir los cambios que has realizado en los comentarios a continuación!

Bnonn es conocido en los distritos como el salteador de la información. Ayuda a las pequeñas empresas a vender más en línea mejorando tanto su texto como su diseño. Cuando no está metido hasta las rodillas en la página de inicio de alguien, les enseña a sus hijos sobre el steampunk, Nathan Fillion y cómo luchar contra un zombi sin que lo muerdan.