8 правил оформления онлайн текста

Доброго всем времени суток.

Сегодня хотелось бы поднять такую немаловажную тему, как правила оформления онлайн текста.

Множество вебмастером этим моментом пренебрегает, пихая контент на свою страницу сплошным текстом, не заботясь о его “читабельности”, или же наоборот, проявляют недюжинную фантазию и перегибают палку в попытках проявить оригинальность.

И то и другое делать категорически нельзя – пользователи просто будут бежать с таких страниц.

А как тогда поступать правильно? – спросите вы. Давайте разберемся.

Как правильно оформить текст?

Размер шрифта

Первое и самое главное – подберите правильный размер шрифта, чтобы пользователям вашего ресурса было удобно его читать.

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

В идеале, лучше всего пользоваться 12, 13 и 14 размерами шрифтов, хотя 12 тоже под вопросом, так как для владельцев FullHD мониторов с диагональю 21-22 дюйма, которых сейчас больше всего, такой размер тоже довольно мелковат.

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

Тип шрифта

Отдавайте предпочтение классическим шрифтам – Times New Roman, Arial, Verdana и другим, исключая те, у которых присутствуют так называемые насечки (Sans Serif или рубленые шрифты). Все дело в том, что на экранах с низким разрешением: ноутбуки и нетбуки с маленькой диагональю, планшеты, мобильные телефоны и другие портативные устройства, текст будет отображаться с дефектами – по краю изображения будут наблюдаться ступеньки.

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

Расположение текста

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

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

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

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

Особенно неприятный эффект от этого наблюдается у пользователей широкоформатных мониторов.

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

Форматирование текста

Под форматированием я имею в виду написание шрифта курсивом, выделение его жирным, подчеркивание, зачеркивание и другие аналогичные операции.



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

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

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

Верхний регистр (CAPS LOCK)

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



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

СОГЛАСИТЕСЬ, ДОЛГО ТАКУЮ ПИСАНИНУ ЧИТАТЬ БУДЕТ НЕВОЗМОЖНО.

Ссылки в тексте

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

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



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

Взаимосвязь текст – фон страницы

Правильное оформление текста на сайте подразумевает не только работу над самим текстом, но и над страницей, на которой он будет размещен.



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

С другой стороны, у вебмастеров сейчас наблюдается тенденция отказа и от классического стиля – черный текст на белом фоне.

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

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

Поэтому старайтесь соблюдать контрастность.

Графические материалы

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

Считается, что таким образом статья придаст привлекательности сайту и сформирует у читателей более глубокое понимание излагаемого материала (особенно это важно при написании продающих текстов). Картинки как бы говорят – проходите, дорогие, здесь вам будет на что посмотреть.

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

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

Уверен, разницу вы сразу почувствуете.).