5 простых изменений шрифта для увеличения числа читателей, комментариев и репостов в вашем блоге

Этот гостевой пост написал Бнонн из Information Highwayman.

Возможно, вы этого не осознаете, но настройки шрифта в вашем блоге могут оказать огромное влияние на количество людей, читающих ваш контент.

И то, сколько людей читают ваш контент, имеет огромное влияние на то, станет ли пост вирусным.

Насколько огромный? Что ж, по некоторым сведениям, которые я читал, всего одна распространенная ошибка с цветами может сократить читательскую аудиторию в пять раз. И если вы не совершаете эту ошибку, вы, вероятно, совершаете по крайней мере одну из четырех других. Итак, в этой статье я дам вам пять наиболее важных рекомендаций по представлению текста, чтобы читатели были приклеены к вашему контенту и удерживались от старой кнопки «Назад».

Размер шрифта — минимум 16 пикселей.

На самом верху проблемы с разборчивостью находится размер шрифта. Еще в 2005 году Якоб Нильсен сообщил, что в исследовании проблем веб-дизайна плохие шрифты получили почти в два раза больше голосов, чем следующий претендент — при этом две трети избирателей жаловались на маленькие размеры шрифтов.

К сожалению, с тех пор ничего не изменилось. Случайная выборка новых дизайнов блогов в SiteInspire (галерее веб-дизайна, демонстрирующей лучшие из лучших дизайнов) показывает, что средний размер шрифта основного текста составляет 12 пикселей . Некоторые из них достигают десяти пикселей . Нет более 14 пикселей . Аналогичным образом, если вы случайным образом выберете предложения из популярных тем Elegant Themes или ThemeForest, вы обнаружите, что каждая отдельная тема устанавливает размер контента публикации в 12 или 13 пикселей.

И, конечно же, другие создатели тем склонны следовать примеру воротил.

Но, как отмечает эксперт по юзабилити и типографике Оливер Райхенштейн из Information Architects, 16 пикселей — это размер шрифта, который браузеры должны отображать по умолчанию, и он невелик . Текст размером 16 пикселей на обычном экране выглядит примерно такого же размера, как текст размером 12 пикселей при печати. Это размер по умолчанию для большинства журналов, а также для всех текстовых процессоров, потому что именно этот размер людям удобнее всего читать. Многим людям, особенно тем, кто старше 40 лет, очень трудно читать мелкий текст. Как отмечает Райхенштейн:

Нет смысла выдавливать на экран столько информации. Это просто глупая коллективная ошибка, возникшая еще в те времена, когда экраны были очень, очень маленькими… Сначала вы будете шокированы тем, насколько велик текст по умолчанию. Но через день вы не захотите видеть в основном тексте что-либо размером меньше 100%. На первый взгляд он кажется большим, но как только вы его воспользуетесь, вы быстро поймете, почему все производители браузеров выбрали его в качестве размера текста по умолчанию.

Используйте темный текст на светлом — перевернутый текст бесполезен.

К счастью, мы уже прошли те времена, когда авторы контента считали, что цвет фуксии на синем тексте — это круто. Но текст «белый на черном» , известный как перевернутый шрифт, все еще довольно распространен. Как и такие варианты, как белый цвет на каком-то другом темном цвете.

Перевернутый тип уменьшает не только количество людей, которые будут читать ваш контент, но и их понимание . Это связано с тем, что это напрягает глаза. Если долго смотреть на перевернутый текст, возникает своего рода эффект «бликов», когда вам кажется, что буквы слишком яркие, чтобы на них можно было смотреть. В зависимости от того, к какому исследованию вы обращаетесь, исследования показывают, что светлый текст на темном фоне снижает вашу читательскую аудиторию от 50% до 400%.

Зачем рисковать потерять так много читателей? Черный или темно-серый на белом выглядит чисто, и существует множество отличных тем, в которых используются эти цвета.

Ширина строки — от 45 до 75 символов.

Вот еще одно малоизвестное правило, которое нарушают многие блоги. Чтобы ваш глаз мог легко переходить от одной строки к другой, в каждой строке должно быть не более 75 символов. Это называется линейной мерой. Если длина строки превышает 75 символов, трудно отследить конец одной строки до начала следующей, не заблудившись.

С другой стороны, если у вас размер менее 45 символов, ваш глаз быстро утомится, потому что едва вы начали читать одну строку, как вам приходится переходить к следующей. Вы чувствуете, что у вас никогда не будет возможности отдохнуть.

По этой причине ваша идеальная область контента для публикации будет содержать строки текста длиной около 60 символов. Конечно, нужно учитывать и эстетику. Во многих блогах «идеальный» размер оставляет огромный пробел на правом поле или заставляет текст казаться сжатым в крошечную область. Именно по этой причине я использую размер около 70 символов на своем веб-сайте. Но если вы превысите 80 символов, вы гарантированно уменьшите свою читательскую аудиторию.

Высота строки — 130 % и более.

К счастью, это менее распространенная ошибка. Если вы используете профессиональную тему, вам, вероятно, не о чем беспокоиться.

В качестве примера я установил для этого абзаца высоту строки по умолчанию (также называемую интерлиньяжом, в честь полосок свинца, используемых для разделения строк текста на старых печатных машинах). Читать кажется тесным и неинтересным, и трудно следить за строками от одной к другой, потому что они сливаются друг с другом.

С другой стороны, для этого абзаца установлена ​​высота строки 200 %, что эквивалентно двойному интервалу в текстовом процессоре. Я уверен, вы согласитесь, что линии здесь кажутся слишком оторванными друг от друга, и если вы не отправляете исследовательскую работу, это не лучший вариант.

Наконец, для этого абзаца установлена ​​высота строки 150%. Это означает, что на каждый пиксель размера шрифта приходится полтора пикселя расстояния между строками. Это оказывается довольно надежным выбором для большинства шрифтов, которые вы, вероятно, будете использовать в блоге, но не стесняйтесь экспериментировать со значением от 130% до 160%, чтобы увидеть, что лучше всего подходит для вашего собственного контента.

Левое поле — не сломайте его

Последний совет не совсем касается шрифта. Но оно вписывается в ту же общую категорию. Блогеры регулярно включают изображения в свои посты. Действительно ли это хорошая идея, это тема для другого разговора, а сейчас позвольте мне дать вам один совет.

Левое поле священно. Именно так мы отслеживаем текст на странице в западном мире. Это «земля», из которой вырастают линии (часто совершенно разной длины), и это основа нашего зрительного пути, когда мы читаем страницу.

Но если вы сломаете левое поле, все пойдет к черту. Вашему глазу приходится сканировать текст, пытаясь уловить новое поле, чтобы вы могли продолжить чтение.

Другими словами, каждый раз, когда вы выравниваете изображение по левому краю, вы создаете «лежачий полицейский» на пути вашего читателя. И вы усугубляете проблему, отвлекая его внимание от текста своим визуально доминирующим изображением. Излишне говорить, что читатели, которые постоянно отвлекаются и вынуждены перемещать левое поле, часто не дочитывают сообщение до конца — поэтому они часто не делятся им и не комментируют его.

Бонусный совет: буквицы увеличивают читательскую аудиторию.

Под «буквицей» я подразумеваю начальные заглавные буквы, в которых первая буква первого слова вашего сообщения выделяется намного больше остальных. Согласно исследованию, проведенному Ogilvy & Mather, это увеличивает читательскую аудиторию произведения в среднем на 13%.

Буквицы не встроены в большинство тем блогов, и их может быть сложно сделать в Интернете, но если вы умеете немного программировать, ознакомьтесь с этим руководством о том, как их создавать.

Пять ошибок: какие вы допускаете?

Сейчас самое время вернуться к своему блогу и посмотреть, какие из этих пяти важных передовых практик вы не применяете. Тогда фиксум! Но не забудьте поделиться внесенными вами изменениями в комментариях ниже!

Бнонн известен в районах как «Информационный разбойник». Он помогает малому бизнесу продавать больше в Интернете, улучшая как текст, так и дизайн. Когда он не заглядывает по колено в чью-то домашнюю страницу, он рассказывает своим детям о стимпанке, Натане Филлионе и о том, как схватить зомби, не получив укуса.