Top.Mail.Ru
Основная лента публикаций

Правильно оформляем текст и увеличиваем конверсию сайта



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

Почему важно уделять внимание оформлению текста?


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


Чему нужно уделять внимание при написании и верстке текста


Первое, это типографика. Не путайте с типографией :)

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

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

Давайте лучше наглядно.

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

image
Два варианта оформления текста. Какой лучше по вашему мнению?

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

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

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

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

- Размер абзацев. Из выше описанных моментов вытекает этот. У человека перед глазами вырастает огромный абзац текста, который достаточно сложно воспринимать. Старайтесь сохранять оптимальный размер абзаца в 5-10 строк.

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

Следующее чему стоит уделять внимание - это деление на главы и акцентирование важных моментов


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

И еще про главы. Не воспринимайте термин дословно, не нужно писать в своих текстах "Глава 999". Глава - это завершенная по смыслу часть текста.

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

image
Несколько простых вариантов, как можно расставить акценты

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