Toda página web va a utilizar texto en sus contenidos y es bueno saber como usarlo para que sea realmente útil. También ver como los tipos de letras para adecuarlas al estio que hayamos decidido darle a las páginas

No se trata solo de distribuir el texto (maquetación) de acuerdo con el resto de contenido, también de facilitar la lectura con tipografías adecuadas que pueden servir para destacr o señalar lo que son títulos, subtítulos para separa claramente los apartados o zonas destacadas.

• Como usar el texto en la página web
• Fuentes de caracteres
• Jerarquías: títulos y subtítulos
• La maquetación

Leer en una pantalla de ordenador no es demasiado cómodo y mucho menos en la de un móvil, y dicen que no es recomendable para nuestros ojos. Pero habitualmente siempre hace falta texto, puede ser muy poco o puede dar para llenar toda una página.

Si hay mucho contenido de texto ¿como lograr que no aburra y sea leído?

De entrada todo el contenido de texto del sitio estará repartido en páginas con cierta coherencia. como en un periódico: los temas están agrupados por secciones: deportes, espectáculos, actualidad ... En la web las secciones podrían ser páginas o grupos de páginas. Esa parte es evidente.

Pero el problema está en el contenido de una página, como lograr que no quede algo aburrido, incómodo e inútil para el usuario.

Algunas reglas muy simples y de sentido común serían:

• Si puedes decirlo con una imagen hazlo.
• Si hay mucho texto repártelo en párrafos cortos con la idea que deseas transmitir muy clara
• Reparte los párrafos y sepáralos con elementos que rompan la continuidad, como simples líneas o pequeños gráficos que tengan relación con lo escrito.
• El patrón F, como los usuarios escanean las páginas: la parte superior la lee completa, y luego van de arriba abajo por la izquierda con algún vistazo hacia la derecha.
• Evita párrafos muy anchos, ocupando toda la página en dispositivos de pantalla grande. Divídelos en columnas o usa bloques estrechos.
• Considera el espacio en blanco, es una forma de aligerar las páginas y también facilitan la comunicación visual.
• Cuida mucho la ortografía, una página con faltas de ortografía produce rechazo y la confianza del usuario baja.
• No mezcles demasiados tipos de letra (fonts-family). Como mucho usa dos fuentes, una para titulares y otra para contenidos.
• Cuida el contraste de colores, por ejemplo no uses texto oscuro en un fondo oscuro
• Usa adecuadamente los modificadores como cursiva, negrita o versalita (todo mayúsculas pequeñas) para dar énfasis o destacar partes del texto.
• Si necesitas poner mucho texto plantéate crear un archivo PDF, que puede ser leído directamente desde el navegador o descargado por el usuario.

Los elementos de la página web (tanto texto como media) pueden repartirse a tu gusto por toda la página usando los bloques de CSS flex y grid, ambos te dan enormes posibilidades para crear un layout atractivo.

Y el uso de elementos dinámicos permiten que el usuario solo vea todo el contenido de texto si quiere, un botón de leer más o expandir bloque ayuda bastante.

Si necesitas colocar mucho texto en tu página procura que este organizado, una manera de lograr esto es jerarquizarlo, que al mismo tiempo ayuda a entender que es más importante dentro del contenido

Es decir, si hay diferentes temas o partes dentro de la página procura separarlos en apartados diferentes, cada uno con un título destacado. Para eso HTML tiene las etiquedas para título <h1> hasta <h6>, que por defecto tienen tamaños decrecientes:

Como ves tienen diferentes tamaños y un tipo de linea grueso (bold) que llamará la atención del usuario, los diferencia del resto del texto de la página. La más importante o de mayor nivel sería h1 y la menos sería h6.

Los titulares grandes podrían usarse como títulos mientras las pequeñas podrían quedar, por ejemplo, para pies de imágenes. No hay un regla, es cuestión de que te guíes por el contexto de la página.

Estos estilos predefinidos te permiten definir un título por ejemplo para la página y subtítulos para apartados.

Es recomendable usar las etiquetas de titulares para separar las partes que forman el total de la página y ayudar a entender la organización de los elementos que forman la página.

Incluso podrías tener varios títulos de primer nivel (h1) si el contexto de la página te lo pide. Pero procura siempre mantener las jerarquías, es decir, no metas nunca una etiqueta <h1> dentro del ámbito de una <h2>.