Основные правила оформления контента в интернете

14.10.2013 Интернет-маркетинг

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

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

Основные правила типографики

Удобство превыше всего

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

Размер имеет значение

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

Буквы должны быть уникальны

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

Цветовое восприятие

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

Засечки на шрифтах

В сети необходимость в засечках минимальна. Они отвлекают и могут заставить "споткнуться" читателя. Оставьте их для публикаций на бумаге.

Сколько шрифтов можно уместить на странице?

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

Колонки и заголовки - то, что делает тексты удобными. Размер колонки выбирается с учетом массы факторов, но никогда не растягивайте текст на всю ширину экрана - читать его становится очень тяжело. Если испытываете сложности с выбором ширины, поставьте её равной 8 словам.

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

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

Важность корректной верстки

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

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

Техническая сторона

Для HTML, CSS и JS-файлов используется кодировка UTF-8 - она поддерживает любые символы и распознается всеми версиями браузеров. При разработке страницы следует учитывать все популярные разрешения - 1024x768, 1280x1024, 1920x1080 и пр. Сайт должен отображаться корректно на всех устройствах. Страница не должна страдать от большого количества текста - все элементы должны оставаться на прежних местах при размещении текстов любого объема.

Советы для начинающих

Использование заголовков H1 и H2 позволяет поисковым системам правильно оценить контент страницы, но не следует забывать и о простых пользователях - размеченная страница воспринимается легче.

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

Попробуйте провести A/B тестирование, чтобы найти оптимальное решение, удовлетворяющее всех читателей. Их мнение в этом вопросе важнее всего!

Заключение

Пренебрегать типографикой при разработке сайта нельзя, однако не следует и бросать на неё все силы - прежде всего сайт, а уже ему в помощь - типографика.

 
Больше интересных статей

Оставьте номер телефона, чтобы наш менеджер связался с вами в удобное для вас время

Ваше имя*
Ваш номер телефона*
Тема для обсуждения
Выберите удобное время для звонка
9:00 9:15 9:30 9:45 10:00 10:15 10:30 10:45 11:00 11:15 11:30 11:45 12:00 12:15 12:30 12:45 13:00 13:15 13:30 13:45 14:00 14:15 14:30 14:45 15:00 15:15 15:30 15:45 16:00 16:15 16:30 16:45 17:00 17:15 17:30 17:45
Виды услуг
ОбзорМаксимальный размер файла - 10 мб