Правильное оформление текста на Вашем сайте

Как оформить текстДоброго всем времени суток! Сегодня мне бы хотелось затронуть такую тему как «Правильное оформление текста на сайте». Зачастую многие пренебрегают этим немаловажным моментом и просто «пихают» контент на свои страницы сплошным текстом или наоборот начинают фантазировать и украшать его, допуская критические ошибки. Как правило, в последствии подобных творений, читатель просто бежит с таких страниц.

Ответьте, пожалуйста, на такой вопрос – «Что Вас заставляет чаще всего уходить с какого-либо сайта?». Можно представить несколько вариантов:

1. Плохой дизайн сайта;

2. Скучная и не интересная информация;

3. Не читабельный текст.

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

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

Случай, когда вся информация свалена в одну нечитаемую массу, тянущаяся как железнодорожная дорога от Москвы до Пекина, ничуть не лучше…

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

И если счётчик показывает каждый день отметку в 300, 500 или 1000 посетителей и при этом на Ваших электронных кошельках числятся полные нули, это уже серьёзный повод задуматься.

Одним из первых моментов, на что следует обратить внимание, так это на оформление текста.

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

А знаете, что самое смешное? То, что оформлять текст на сайте достаточно легко! Вполне хватит нескольких простых правил колористики, небольших знаний html и css, чтобы грамотно и красиво представить посетителям контент в надлежащем виде.

А в качестве стимула, чтобы Вам больше захотелось освоить и применить эти правила на практике можно сказать следующее: улучшение читабельности текста помогает поднять конверсию сайта на 20-30%, а порой даже на 50%! Поэтому переходите к правилам оформления текста на веб-ресурсе.

И так приведу некоторые правила оформления текста на сайте:

1. Делайте контрастный цвет шрифтов на менее ярком фоне или наоборот.

Правильный вариант:

  • «Продвижение сайта» – стандартное написание текста, чёрного на белом. Лучше всего читается и воспринимается;
  • Поисковая оптимизация – белое на чёрном. Более редкий вариант, но не менее плохой;

Неправильные варианты:

  • Заработок в интернет – синий текст на красном фоне, просто ужасное и вырвиглазное сочетание. Единственным вариантом использования синего текста на красном фоне, и наоборот может быть использование триколора. Триколор – это когда какой-либо объект обрамляют белым цветом. Набрать такой текст на компьютере невозможно. Сделать подобное можно только в графическом редакторе в виде изображения.
  • Seo продвижение или Поисковый трафик – в обоих вариантах слабая контрастность, из-за чего текст сложно читать. Не так плох, как первый вариант, но чаще всего встречается на большинстве ресурсов.

2. В основном используется только «рубленный» шрифт;

Рубленный шрифт, это к примеру текст, который Вы сейчас перед собой видите. В данном случае используется шрифт – «Verdana». Есть ещё шрифты с засечками, например – «Times New Roman».

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

3. Выбирайте подходящую гарнитуру шрифта.

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

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

4. Выравнивайте текст.

По центру – заголовки, по ширине – основной текст, по правому краю – дополнения и примечания;

5. Делайте рациональное начертание шрифта.

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

6. Пишите короткие предложения, делайте небольшие абзацы и разделяйте их пробелом (<br>).

Тут думаю все понятно и проблем никаких быть не должно :)

7. Используйте для предоставления информации нумерованные и маркированные списки.

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

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

Мой блог находят по следующим фразам

Популярность: 52%

Получайте обновления: | RSS

  • http://bloggermen.ru/ BloggerMen

    Раньше как-то мало обращал внимание, на оформление текста, только сейчас (когда приходится читать очень много) начал понимать, насколько легче читать пост, написанный крупным, легко читаемым шрифтом, на нормальном фоне.

  • http://blogran.ru Diamaxx

    Ведь намного приятнее читать красиво оформленные тексты. И глаза не устают.

  • http://nasgul.net.ua Nasgul

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

  • http://twitter.com/AV_Bet Artur

    По мне, так лучше всего писать интересный пост, который будет полезен читателям. А как его оформить, «на вкус и цвет...» как говорится. Главное донести до зрителей :)

    »crosslinked«

  • http://rasta-blog.ru naskolumbia

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

  • http://condom4ik.ru Сергей

    Всегда стараюсь следовать этим правилам!

  • http://www.1monetka.ru/ Сергей Монеткин

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

    Как сказал Artur — «Главное донести до зрителей :) »

  • http://rabotaetvse.ru/ Вячеслав

    Статья довольно неплохая. в основном все по делу, но вот с контрастом текстов — это помоему лишнее. Текст должен быть красивым а контрастным цветом вы все испортите!

А где вы узнаете о новых цифровых технологиях? Я на Peaknews.ru!
Новости hi-tech, обзор таких новинок как планшеты, ридеры, ноутбуки, мобильные устройства и многое другое. Мне нравится :)