Многие блогеры и владельцы сайтов недооценивают важность настроек шрифтов, хотя они могут значительно повлиять на количество людей, читающих ваш контент, и уровень вовлеченности аудитории. Согласно некоторым исследованиям, уже одна ошибка в выборе цветовой палитры и шрифтов может снизить вашу аудиторию в пять раз. Если же допускать мелкие ошибки в дизайне блога, вы будете терять читателей день за днем. В этой статье я дам вам 5 наиболее важных советов по оформлению текста на вашем сайте, чтобы привлечь больше внимания к вашему контенту и убедить читателей возвращаться за новой информацией.
Размер шрифта — минимум 16 пикселей
Одной из наиболее распространенных ошибок связанных с шрифтами является слишком мелкий размер шрифта. В далеком 2005 году Якоб Нильсен отметил, что при опросе по проблемам веб-дизайна, проблема мелких шрифтов получила вдвое больше голосов, чем следующая за ней.
К сожалению, с тех пор мало что изменилось. Проверка новых дизайнов блогов на платформе ThemeForest , которая представляет лучшие шаблоны для сайтов, показывает, что средний размер шрифта для основного текста составляет всего лишь 12 пикселей. Аналогичная ситуация наблюдается на популярных тематических платформах, таких как Elegant Themes и тем EXTRA того же автора, где размер шрифта установлен в 12 или 13 пикселей.
Вот пример текста на 13 пикселей
Эксперт по удобству использования и типографике Оливер Райхенштейн отмечает, что размер шрифта в 16 пикселей является стандартом браузеров и комфортным размером для чтения, особенно для пользователей старше 40 лет. Поэтому важно следовать этой рекомендации, чтобы обеспечить читаемость и удобство вашего контента.
Темный на светлом или светлый на темном?
В прошлом, некоторые блогеры использовали обратный типографский стиль, например, белый текст на черном фоне. Однако такой стиль не только уменьшает количество читателей, но и ухудшает их восприятие контента. Обратный типографский стиль может вызывать неприятное напряжение в глазах читателей и снижать читательскую активность на 50% и более.
Посмотрите пример такого оформления:
Чтобы избежать потери аудитории, рекомендуется использовать темный текст на светлом фоне. Это создает чистый и четкий вид вашего контента и способствует лучшему восприятию информации.
“Перевернутый” вариант текста создает эффект “бликов”, когда кажется, что буквы слишком яркие, чтобы их можно было разглядеть. Исследования показывают, что светлый текст на темном уменьшает вашу читательскую аудиторию от 50% до 400%.
Зачем рисковать потерей стольких читателей? Черный или очень темно-серый на белом выглядят чисто, четко и создает ощущение доверия и есть множество отличных тем, в которых используют эти цвета. А большинство тем поддерживают настройки размера шрифта и цвета.
Ширина строки: От 45 до 75 символов
Еще одно важное правило, которое, к сожалению, многие блоги игнорируют, это правило оптимальной ширины строки. Чтобы обеспечить легкость восприятия текста и комфортное чтение, следует придерживаться линейного измерения, где каждая строка содержит не более 75 символов. Превышение этой границы затрудняет переход глаза от конца одной строки к началу следующей, создавая ненужные сложности для читателя.
С другой стороны, если ширина строки сократится до менее 45 символов, чтение также может стать утомительным, поскольку читателю придется слишком часто переходить на новую строку. Это также может вызвать у читателя чувство дискомфорта и утомления.
По этой причине оптимальная ширина строки для вашего контента составляет около 60 символов. Естественно, это правило не жесткое и может немного варьироваться в зависимости от эстетики вашего блога.
Я встречала примеры блогов, где нет сайдбара и текст “растянут” от левого до правого края, включая слишком много символов, а также примеры, где используется 2 сайдбара, а контент по центру. В этом случае размещается слишком мало символов. Но также есть и примеры блогов, которые находят баланс между шириной строки и дизайном и могут служить отличной иллюстрацией правильного подхода:
Высота строки: Минимум 130% или больше
К счастью, это менее распространенная ошибка, особенно если вы используете профессиональную тему для своего блога. Однако всегда стоит проверить настройки высоты строки, чтобы гарантировать комфортное чтение вашего контента.
Минимальная рекомендуемая высота строки составляет 130% или более. Это означает, что интервал между строками должен быть не менее 1,3 раза высоты шрифта. Это создает оптимальное расстояние между строками и обеспечивает удобство восприятия текста. Можно экспериментировать со значениями от 130% до 160%, чтобы найти наилучший вариант для вашего контента.
Вот пример такого оформления текста на блоге:
Выравнивание текста: не нарушайте это правило
Этот совет касается не только шрифтов, но и общего макета вашего текста на странице блога. Важно соблюдать стандартное выравнивание текста, особенно вокруг изображений. Левое выравнивание текста является признанным стандартом, который обеспечивает легкость восприятия информации.
Использование правого выравнивания или обтекания текста вокруг изображений может усложнить чтение и создать дополнительные трудности для читателей. Левое выравнивание текста считается наилучшим подходом, поскольку оно обеспечивает удобство и целостность восприятия информации.
Писать тексты для вашего сайта может нейросеть. Подробнее читайте в статье Как я использую нейросети в ежедневной работе
Межбуквенный интервал: не следует применять
Важно отметить, что использование неправильного межбуквенного интервала может значительно ухудшить читаемость текста. Лучше всего придерживаться стандартных настроек межбуквенного интервала, предоставляемых вашей темой блога или текстовым редактором. Не рекомендуется изменять этот параметр, поскольку это может привести к трудностям в восприятии текста и оттолкнуть читателей. Если вы думаете, что сейчас такого не встретишь, то разочарую- на днях ко мне обратилась студентка, с вопросом, почему у ее блога так мало читателей. Одного взгляда было достаточно, чтобы понять, что проблема в тексте.
Вот пример:
Имеется спорная точка зрения, гласящая примерно следующее: сторонники тоталитаризма в науке, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут заблокированы в рамках своих собственных рациональных ограничений. В своём стремлении улучшить пользовательский опыт мы упускаем, что элементы политического процесса, вне зависимости от их уровня, должны быть обнародованы. Повседневная практика показывает, что социально-экономическое развитие обеспечивает актуальность системы массового участия.
Вывод
Сейчас самое время вернуться к своему блогу и убедиться, что вы соблюдаете эти важные рекомендации. Исправление ошибок в шрифтах и дизайне текста может значительно улучшить восприятие вашего контента и увеличить число читателей. Не забудьте поделиться своими результатами и изменениями в комментариях ниже!