Как улучшить читабельность текста на сайте и почему это важно

19 октября 2020

Хотя хороший контент, важен для поискового продвижения, но для успешного продвижения, есть ещё одно важное условие — читабельность вашего текста.

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

Интересный факт — по данным сайта nngroup.com, обычный посетитель читает не более чем 30% от общего текста. По сути, в отличии от неспешного чтения книги, при чтении сайта, происходит не чтение, а «сканирование» текста.

В этом легко убедится, если включить вебвизор в Яндекс Метрике, и посмотреть, как реально люди просматривают контент.

Просмотр статистики сайта по вебвизору

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

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

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

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

Поэтому, для повышение читабельности и улучшения сканируемости вашего текста, прочитайте следующие советы:

1. Используйте подзаголовки.

Очень важно разбить текст, используя подзаголовки h2 и h3, а при необходимости, и h4.

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

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

Семантическая разметка подзаголовков

2. Не пишите очень длинные абзацы.

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

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

По этой причине вам следует стараться делать абзацы короче, а не длиннее.

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

Очень длинный абзац на сайте

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

3. Используйте чёткий, читаемый шрифт.

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

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

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

Обычно доступны два типа веб-шрифтов:

  • Шрифты без засечек: это шрифты, с ровными линиями контуров букв. Семейство этих шрифтов называется Sans-serif fonts.
  • Шрифты с засечками: шрифт с маленькими линиями, называемыми засечками, прикрепленными к концам более крупных элементов в букве. Это семейство шрифтов называется Serif fonts.

Демонстрация шрифта без засечек и с засечками

На этой картинке, вы видите букву Т, у которой слева нет засечек, а справа засечки есть.

Хорошие результаты можно получить как со шрифтами с засечками, так и без засечек. Google и Facebook используют шрифты без засечек, в то время как некоторые популярные сайты, такие как Lenta.Ru, используют шрифт с засечками. Если говорить про сайт Webcodius.ru, то здесь используются шрифт без засечек.

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

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

4. Используйте подходящий размер шрифта и ширину содержимого.

Правильный размер шрифта для разных целей зависит от нескольких вещей.

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

Что касается непосредственно рекомендаций, то сайт w3.org, который представляет World Wide Web Consortium (Консорциум Всемирной паутины), в своей рекомендации по выбору размера шрифта он рекомендует следующее:

  • Избегайте задавать размер шрифта непосредственно на HTML странице сайта с помощью тега font. Используйте для этого стили, заданные в CSS.
  • В качестве основного размера шрифта используйте размер 1em (или 100%), что эквивалентно установке размера шрифта в соответствии с предпочтениями пользователя.
  • Избегайте использовать в качестве основного размера шрифта меньше чем 1em, за исключением, возможно некоторой информации, такой как заявление об авторских правах и других вспомогательных, небольших текстов.
  • Избегайте задавать размер шрифта в точных единицах, таких как pt и тому подобных. Поскольку при жесткой установке размера шрифта, он не будет адаптироваться под различные размеры экранов пользователей.
  • Для задания размера шрифта, используйте относительные единицы измерения, такие как em, или еще лучше, размеры шрифта, относительные к шрифту по умолчанию — ([ xx-small | x-small | small | medium | large | x-large | xx-large ]) или относительный размер ([ larger | smaller ])

Что касается рекомендаций по ширине контента, то тут нет жестких рекомендаций из авторитетных источников (если я не прав, поправьте меня в комментариях). Если всё-же говорить про популярные размеры ширины, то мнения колеблятся от 50-60 символов по ширине в одних рекомендациях, до 80-90 символов по ширине в других рекомендациях.

5. Сделайте свой сайт удобным для мобильных устройств.

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

По этой причине абсолютно необходимо, чтобы сайты имели удобный для мобильных устройств дизайн.

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

Тем не менее, вначале проверьте вручную, на своём смартфоне, и на смартфоне ваших знакомых, как выглядит ваш сайт. Что касается инструментов, то у Гугл есть бесплатный инструмент для проверки сайта — Проверка оптимизации для мобильных.

Проверка сайта на оптимизацию под мобильные устройства

6. Используйте списки в своем тексте.

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

Есть два типа списков:

Упорядоченные списки: в них отображается цифра перед каждым элементом списка.

  1. Нумерованный элемент списка
  2. Нумерованный элемент списка
  3. Нумерованный элемент списка

Неупорядоченные списки: перед каждым элементом списка стоит значок маркера.

  • Маркированный элемент списка
  • Маркированный элемент списка
  • Маркированный элемент списка

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

7. Используйте черный или темно-серый текст на белом фоне.

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

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

8. Делайте предложения ясными и краткими.

Выше я уже сказал на счёт размера абзацев. Но правило размера абзацев, также касается и размера и самих предложений.

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

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

Также используйте переходные слова и фразы, чтобы связать предложения вместе. К таким словам относятся: «однако», «фактически», «также» и тому подобные. Это улучшает читабельность текста.

9. Умеренно используйте акцент

Иногда полезно стилизовать части текста, чтобы усилить акцент.

Примеры включают выделение жирным шрифтом, курсивом или подчеркиванием..

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

Однако используйте такое выделение экономно. Когда слишком много выделенного текста, то это только ухудшает текст.

10. Используйте цитаты при цитировании.

Когда вы цитируете другой веб-сайт или другого человека в своем тексте, вам следует использовать элемент «цитата» (blockquote) . В большинстве тем оформления, этот элемент выделяется визуально.

Цитата на сайте

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

11. Не используйте сложные слова без крайней необходимости.

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

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

Всё это, снова приведет к ухудшению поведенческих факторов.

Обязательно учитывайте свою аудиторию и используйте слова и фразы, понятные большинству людей.

12. По возможности используйте фотографии и скриншоты.

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

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

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

13. Пишите интересный текст и не будьте слишком формальными.

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

Хотя я в своих статьях в основном обращаюсь более формально на Вы, но если ваша целевая аудитория, маленькие дети, то посмотрите, скорее всего, обращение на Ты, будет более уместным.

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

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

Заключение.

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

В конечном итоге, следование этим советам приведет к улучшению восприятия вашего сайта посетителями. Им будет более комфортно на вашем сайте, они будут проводить больше времени, они будут просматривать больше страниц.

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

Улучшив читабельность и сканируемость своего сайта, ваш сайт будет лучше оцениваться поисковиками, так что, посетителей у вас станет больше.

А если у вас остались ещё вопросы, или вы хотите что-то добавить, то Welcome to комментарии))

(3 оценок, среднее: 5,00 из 5)
Loading...

Получай статьи почтой:


Оставить комментарий




Subscribe without commenting