Как улучшить удобочитаемость контента на странице

Как улучшить удобочитаемость контента на странице

(00:10) Привет! С вами я, Руслан Байбеков и сегодня мы поговорим о том, как улучшить удобочитаемость контента на странице. Создание контента одна из самых сложных задач в оптимизации веб-ресурса. Знаете ли вы, что большинство посетителей вашего сайта не читают и половины размещенных на нем материалов, даже если они крайне интересные и полезные. Такова специфика интернета. В условиях огромного объема информации пользователи бегла сканируют ее и цепляясь взглядом за определенные метки заостряют внимание лишь на релевантных фактах, поэтому если вы хотите построить максимально эффективную коммуникацию с вашей аудиторией посредством контента, обратите внимание на приведенные мной советы по улучшению его читабельности. Первый совет – пишите кратко и по делу. Один из способов улучшить восприятие текста, сделав его кратким, отбросив маловажные детали. Особенно актуально это замечание для сайтов коммерческой тематики и посадочных страниц, где размеры подачи контента влияют непосредственно на конверсию. Зачастую посетитель принимает решение о покупке руководствуясь не только стоимостью товара или услуги, но и учитывая качество сайта. Привлекательная доступная подача контента повышает доверие к вашему ресурсу и вашей компании.
(01:18) Совет второй: говорите с пользователем на понятном ему языке. Пишите просто о сложном. Старайтесь придерживаться нейтрального стиля, объясняйте значения терминов, если обращаетесь к широкому кругу читателей. Чем проще и понятнее будет представлена информация, тем более лояльно будет настроена к вам целевая аудитория. Третий совет: используйте принцип перевернутой пирамиды. Это стиль повествования, когда самая важная мысль размещена в начале статьи. Тексты более 2000 символов прочитываются лишь на 20-30%, поэтому цепляющий анонс повышает вероятность, что ваше сообщение будет донесено до пользователя. Н картинке ниже представлены два текста. Каждый из них находится на главной странице сайтов. В первом случае содержание размыто слишком длинными вступлениями, что снижает вероятность установления контакта с посетителем. Второй текст соответствует принципу перевернутой пирамиды. Из первых строк сообщают владельцу питомца о главном: здесь он может получить экстренную помощь 24 часа в сутки, в том числе и на дому. Такой прием оказывает большое влияние на читателя и побуждает к совершению звонка. Однако у этого текста есть недостаток, избыточная плотность ключевых слов. Это отрицательно влияет на восприятие текста в целом.
(02:32) Совет четвертый – структура. Едва ли кто-то захочет читать длинный сплошной текст, так называемую простыню, наводящий скуку одним только своим видом. Чтобы облегчить задачу пользователям и сделать просмотр контента более удобным, быстрым, интересным, необходимо использовать приемы структуризации. Для решения этой задачи служат смысловые блоки, абзацы, подзаголовки, маркированные списки, элементы графики. Несомненно, все эти приемы нам известны и в большинстве случаев применяются на страницах сайтов для визуальной разметки контента. Благодаря им, огромное количество слов превращается в строго организованный текст, который позволяет эффективно коммуницировать с целевой аудиторией. Разделение текста на блоки обусловлено особенностью человека изучать содержание веб-страниц способом блочного чтения, когда подсознательно текст разбивается на смысловые отрезки в поиске нужной информации, такая структура позволяет выделить главную информацию и сократить время на чтение. В конце текста необходимо приводить выводы, в которых может размещаться краткое резюме или призыв к какому-либо действию. Каждый блок может быть представлен одним или несколькими абзацами. Подзаголовки к блокам, равно как и маркированные списки служат маячками, которые привлекают внимание читающего и облегчают процесс усвоения материала. Благодаря этому удобочитаемость контента повышается более чем на 50%.
(03:53) Иллюстрации, инфографика, иконки, видео, играют огромную роль в оформлении и структуризации контента. Однако графические элементы необходимо использовать осторожно, чтобы не получит обратный эффект и не оттолкнуть читателя. Изображения должны дополнять или пояснять текстовый контент, быть релевантными содержанию, только в таком случае они принесут пользу.
(04:15) Совет пятый – форматирование. Для облегчения восприятия текста на странице сайта необходимо праивльно подобрать тип и размер шрифта. Специалисты рекомендуют использовать шрифты без осечек, например, Arial, Trebuchet, Verdana, которые не сливаются и легко читаются на экране монитора. Существует противоречивое мнение по поводу оптимального размера шрифта. Некоторые утверждают, что он должен быть не менее 16 пикселей, в то время как другие считают, что необходимо масштабироваться исходя из персональных настроек браузера пользователя. Тем не менее, не стоит использовать слишком мелкий шрифт, который сделает текст просто нечитабельным. Нестандартный шрифт, в свою очередь, в большом объеме контента делает чтение крайне затруднительным. Наряду со шрифтом важны межстрочные отступы, во избежание эффекта слипания строк необходимо устанавливать межстрочный интервал внутри одного абзаца не менее 100% от размера шрифта, но не более 150%, чтобы сделать текст более компактным. Также большое влияние на восприятие текста оказывают интервалы между блоками и отступы слева, справа от кромки фона подложки. Учитывайте их при верстке, регулируя средствами разметки текст css. Наиболее важную информацию в тексте, на которую вы хотите обратить внимание пользователя, можно выделить с помощью жирного шрифта. Однако злоупотреблять этим приемом не стоит. Для передачи прямой речи следует использовать курсив.
(05:34) Также акцентировать внимание на важных моментах можно путем изменения цвета шрифта или фона. В этом случае стоить помнить о таком понятии как контраст и не допускать ухудшения его параметров. Управлять вниманием читателя можно при помощи контрастных цветов. Одним из главных преимуществ веб-текста является возможность использования гиперссылок. Правильное оформление ссылок может положительно повлиять на его читаемость. При верстке задавайте разные цвета для посещения, для посещенных и не посещенных ссылок. Это сделает навигацию посетителя более простой и понятной.
(06:06) Подведем итог. Интересный для чтения контент является плодом общих трудов автора и веб-дизайнера. Хорошее содержание не гарантирует успешной коммуникации. Не забывайте, что интернет-пользователи ленивы, и удовлетворить их в получении нужной им информации можно только посредством ее качественного оформления. Я привел лишь часть рекомендаций, которые в очевидной степени влияют на удобочитаемость контента. Вы можете вооружиться этими идеями и в процессе практики найти оптимальные именно для вашей отрасли решения.
(06:40) С вами был я, Руслан Байбеков, я рассказал 5 простых советов для улучшения читаемости контента на вашем сайте. Спасибо. Подписывайтесь на канал, ставьте лайк, следите за новыми выпусками. Всего хорошего.