Верстка статьи на сайте
Из-за этих ошибок вы теряете читателей
Никто, не будет спорить с тем, что от верстки статьи многое зависит. В первую очередь, это показатель того, станет ли, вообще, читатель ее, не то что читать, но даже, просматривать.
И, это относится, не только к верстке печатного издания, но и к верстке виртуальной. Статьи, размещенные на сайте, должны вызывать у посетителя непреодолимое желание их прочитать.
Бывает так, что плохая верстка портит даже самую интересную и актуальную тему. И, если статья написана идеально, обладает интересным содержанием, а заголовок просто побуждает тебя, к прочтению, плохая верстка сведет это желание на нет.
Из-за каких же ошибок, читатели, не станут читать плохо сверстанный текст?
В первую очередь, не станут читать текст, края которого, не ровные.
Текст с ровным правым краем выглядит отлично и приятен глазу. Выровнять его непросто. Слова имеют разную длину, поэтому сделать правый край ровным можно либо вручную с помощью переносов, либо автоматически, выровняв его по ширине. Эти варианты идеальны для верстки печатного издания, но не подходят для верстки веб-страницы сайта.
Проблема в том, что на разных устройствах, текст на сайте выглядит по разному. Если, у себя на компьютере дизайнер выровняет текст, это, не означает, что в мобильной версии переносы «не поедут».
Такой текст, не только затрудняет чтение, но и выглядит уродливо.
Что можно сделать? Отключить выравнивание по ширине. Тогда, пробелы между словами будут одинаковыми, и текст будет выглядеть лучше.
Текст нужно выравнивать по левому краю. Рваный правый край выглядит лучше, чем разная длина пробелов между словами.
Следующий момент: цвет текста. Чем меньше соотношение цвета текста и фона, тем сложнее его читать. Например, темный текст на темном фоне вообще никто, не станет читать. То же и с белым цветом.
Чтобы текст хорошо читался на сайте, соотношение цветов должно быть 5:1. Идеальное сочетание: черный текст на белом фоне.
Дальше, обратите внимание на подзаголовок. Именно он, после заголовка, который привлек внимание читателя, побуждает его прочитать всю статью.
Вот, и получается, что подзаголовок должен быть таким, чтобы «зацепить» читателя. При верстке, подзаголовок можно выделить.
Величина отступа сверху подзаголовка должна быть больше, чем величина отступа снизу.
И, последний момент: весь текст должен быть структурирован. Хорошая структура помогает читателю, не только ориентироваться в статье, но и запомнить ее.