Читабельность текста и как это влияет на ранжирование сайта

Читабельность на разных экранах

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

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

• Настольный ПК: 55 – 75 символов в строке, включая пробелы; самое оптимальное количество — 65.
• Мобильные устройства: 35 – 50 символов в строке.

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

• Настольные ПК: размер шрифта, умноженный на 1,5
• Мобильные устройства: размер шрифта, умноженный на 1,75 – 2

Отличный инструмент для такой математики:

Ответы знатоков

Ольга:

всегда думала, что читаемый… но полезла сейчас в словарь, и вот: ЧИТАБЕЛЬНЫЙ прил. разг.1. Такой, который легко, приятно читать. ЧИТАЕМЫЙ прил. разг.1. Такой, который много, охотно читают.Не уверена, что почерк можно читать охотно….поэтому склоняюсь к читабельному.

Пользователь удален:

А разве вообще есть слово «читабельный»?Думаю, читаемый.

Петр Филатов:

ПОЧЕРК читаемый, а книга может быть и читаемой, и читабельной

Василина:

читабельный.

Анкис:

ЧИТАБЕЛЬНЫЙ прил. разг.Такой, который легко, приятно читать.

Анастасия Вреднова:

читабельный

Normal’s Overrated:

читаемый

Пользователь удален:

читаемый

glassman:

Почерк — читаемый (или нечитаемый). Читабельный — это разговорный вариант, образованный от английского «-able», также как, например, «смотрибельный». Хотя есть и вполне полноценные слова такого рода, например, операбельный («operable»).

Пользователь удален:

Pocerk citajemij!Mozet bitj citabeljnij v smisle vidimij po bukvam!

Дмитрий Мозинцев:

Первый вариант невозможно разобрать написанное, второй-читать невозможно из-за содержания.

ДимOnOff:

ни в чем, это синонимы

Допустимое отклонение:

Второй вариант искажённый, то бишь не существующий официально, шуточный, жаргонный.

ТаисияКоновалова:

Нечита́емый — такой, который трудно или невозможно прочитать. s ru.wiktionary /wiki/нечитаемый

Синоним — не-чи-та́-бель-ный. 1. разг. о тексте — плохо написанный, непригодный для чтения из-за непонятности букв или нечёткости, неразличимости их изображений либо из-за непонятности или убогости содержания. s ru.wiktionary /wiki/нечитабельный

вaм и не снилcь:

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

АМИ:

«Нечитаемый» — то, что не читают или не могут прочесть в силу его характеристик (неразборчиво).«Нечитабельное» — то, что читают редко, малое количество возможных читателей.«Нечитаемый текст» — тот, который не читают или невозможно прочесть в принципе.«Нечитабельный текст» — который читают крайне редко.

Так, есть классика. Она нечитабельна. И есть беллетристика. Она, наоборот, весьма и весьма востребована массовым потребителем. Она читабельна. И читаемая.Так, есть книги, которые народ в принципе не читает («Житие протопопа Аввакума» или «Повесть о Петре и Февронии», «Сказание о Белгородском киселе» или «Предание о Пугачёве»: если бы в школе не заставляли под угрозой пОпе, кто нормальный бы стал это делать? Ну, или списки купеческих расчётов XII века — хоть новгородские, хоть итальянские). И есть тетради драных учеников/студентов, которые сами «писавшие» прочесть не в силах. Первое нечитабельное. Второе нечитаемое.

Читабельность текста: что это такое?

Читабельность текста, по факту, представляет его понятность, простоту для восприятия. Наверняка вы встречали тексты, о которые можно, чуть ли не буквально, сломать глаза: они переполнены непонятными метафорами и сложными, длинными словами, они, как правило, состоят из очень длинных предложений со сложной пунктуацией. На удобочитаемость текста влияют два показателя: внешние и внутренние. Внешнее подразумевает конструкцию и оформление текста, размер и цвет шрифта, внешний фон страницы (наличие подложки), расстояние между строчками, количество абзацев и слов в одном предложении. А еще его грамотность: читать неграмотные тексты — достаточно сложно и муторно.

Проверка на читабельность

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

Достаточно ли большой размер шрифта для основного текста? Укладывается ли он в рамки оптимальной длины строки для экрана каждого вида устройств?
Достаточно ли велик межстрочный интервал?
Есть ли отступы между текстом и краем страницы и другими элементами дизайна?
Контрастирует ли цвет текста с цветом фона?
Добавлен ли дополнительный интервал между абзацами?
Отличаются ли по стилю заголовки и другие текстовые элементы от основного текста?
Использованы ли дополнительные элементы (списки, выделение) для «разбавления» большого объема текста?
Является ли стиль шрифта основного текста читабельным (лучше, если это simple serif или sans serif)?

Как написать действительно читабельный текст?

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

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

Читабельность в общих чертах

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

Каждая из этих характеристик влияет на легкость (или сложность?) восприятия текста с экрана монитора. И учитывать их под силу любого дизайнера

Обратите внимание, что мы говорим о читабельности именно основного текста сайта, ведь именно в нем содержится важная для посетителя информация

• Длина строки: количество символов в строке текста — пожалуй, главнейший фактор, влияющий на читабельность. Чересчур широкий текст зачастую очень сложно воспринимать. Но не стоит увлекаться и делать текст слишком коротким: «прыганье» со строчки на строчку каждую секунду дает нагрузку на зрение и также вредит качеству понимания текста. Истина, как говорится, где-то посередине.
• Межстрочный интервал: интервал между строками играет не менее важную роль. Если вех и низ букв будет соприкасаться с буквами в предыдущей и следующей строчке, текст просто сольется в одно нечитабельное нечто!
• Начертание шрифта: шрифты стилей простой serif и sans serif являются самыми оптимальными для восприятия, в то время как шрифты в витиеватом, рукописном и других незаурядных стилей бывает очень сложно разобрать.
• Отступы и выравнивание: подобно межстрочному интревалу, интервал вокруг и между объектами также влияет на качество восприятия текста читателем.
• Цвет и контрастность: необходимо следить за тем, чтобы цвет шрифта выглядел контрастно на фоне текста. Естественно, мало кто сможет с легкостью прочитать что-то, напечатанное зеленым шрифтом на зеленом же фоне. Именно по этой причине многие дизайнеры останавливаются делают выбор в пользу светлого шрифта на темном фоне либо наоборот — темного шрифта на светлом. Контраст между ними повышает читабельность текста.

FAQ

Что такое индекс читабельности?

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

Как этот индекс считается?

Большинство формул, предназначенных для расчета индекса удобочитаемости, используют несколько основных правил:

1. Короткие предложения обычно легче понять, чем длинные.
2. Простые и короткие слова намного легче понять, чем длинные и труднопроизносимые.
3. Общеизвестные слова легче понять, чем узкоспециализированные термины или устаревшие слова.

Почему удобочитаемость так важна?

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

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

Какое значение читабельность имеет для SEO?

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

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

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

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

Разбавляйте текст изображениями

Скучно читать статью или смотреть страницу, в которой нет ни одной картинки. Хорошей идеей будет разбавлять текст визуальными пояснениями либо просто изображениями по теме. Читать станет гораздо приятней. Картинки любят все, а уж качественные и с душой подобранные (а может даже с внесенными своими изменениями) — что и говорить.

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

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

Мои советы помогут сделать текст удобочитаемым:

Используйте подчеркивание для гиперссылок. Пользователи должны зрительно выделять ссылки на фоне общего текста.
Установите оптимальный межстрочный интервал (интерлиньяж): Этот интервал задает расстояние между строками. В моем примере задано значение 1.5 — это множитель размера шрифта для параграфа. Допустимо указывать значение межстрочного интервала в пикселях или других размерных величинах, применяемых в таблицах стилей CSS.
Отделяйте основную часть контента от вспомогательных блоков (навигация, комментарии и т.д)

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

Не гонитесь за числом символов в своих статьях

Ваши мысли укладываются в пару абзацев? Оставляйте как есть! Если раньше для меня препятствием становилось ограничение числа символов на добавление статьи в Оригинальные тексты, то теперь все ограничения сняты и можно не беспокоясь подтвердить свое авторство в Яндексе даже на небольшие по объему фрагменты.
Используйте контрастные цветовые гаммы для текста и фона на котором он расположен. Это правило не только поможет сохранить зрение читателей, но и защитит от некоторых фильтров ПС. Не забывайте, что технология сокрытия текста, путем использования одинакового цвета для фона и шрифта, расценивается поисковыми системами как спам. Классическим сочетанием являются черный и белый цвет, но никто не запрещает использовать и другие.

Обязательно размещайте в начале статьи изображение. В большинстве случаев его цель состоит в том, чтобы привлечь внимание. Ну а дальше — по необходимости. Подкрепляйте свои слова схемами, графиками, диаграммами, скриншотами. Старайтесь избегать обтекания текста вокруг картинки.
Не желательно размещать рекламные блоки в середине статьи между абзацами — это сильно отвлекает. Что Вам важнее — донести информацию до пользователя в полном объеме или сбить его с толку, подсунув рекламу? Поверьте, не этого ищут люди, приходящие на сайт с поиска.
При выделении участков текста курсивом или жирным не изменяйте у них цвет — не заставляйте читателей думать что это ссылка. Тоже самое касается и других элементов дизайна, которые могут вводить в заблуждение. Рекомендую воспользоваться инструментом Вебвизор (отчет доступен в Яндекс Метрике) и посмотреть на какие участки пользователи кликают, но ожидания становятся ложными и действия после клика не происходит.
Используйте иерархию в своих документах, применяйте семантические заголовки чтобы структурировать данные и разделить информацию на логические блоки. Не спамьте в заголовках ключевыми словами, иначе нарветесь на санкции за переоптимизацию.

Ничто так не пугает посетителя как один блок сплошного текста. При письме на бумаге каждый абзац обычно состоит из 4 — 5 предложений. В сети получили распространение более короткие абзацы из 2 или 3 предложений. Я привык использовать пустые строки между ними, чтобы визуально отделить друг от друга и облегчить удобочитаемость.
В большинстве случаев лучшим вариантом будет выравнивание текста по левому краю. Выравнивание по ширине не уместно, т.к. при чтении с монитора глазам необходимо за что-то зацепиться, чтобы перевести взгляд на следующую строку; неровный край справа при левом выравнивании позволяет это сделать. Выравнивание по центру вообще, на мой взгляд, под сомнением и применяется в редких случаях.
По назначению используйте маркированные и нумерованные списки. За примером далеко ходить не нужно. Например, эта статья называется «15 правил…» то вполне логично использовать нумерованный список, нежели маркированный.
Используйте комфортный для чтения с экрана шрифт, желательно без засечек. Times New Roman — не лучший выбор. Контент основной части сайта должен иметь одинаковый тип и размер шрифта. Использование одних заглавных букв в предложениях не допустимо — читабельность текста резко снижается.

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

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

Как проверить читабельность и удобочитаемость текста?

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

Чем тяжелее на слух озвучить текст, тем сложнее читателю сразу вникнуть в смысл предложений. Если речь не идет о технических текстах, следует избегать сложных оборотов речи, синтаксических конструкций. Уникальный текст должен привлекать своей новизной, а не отпугивать длинными и труднопроизносимыми словами. Вы можете финально прочитать текст и самостоятельно: возможно, вы сами заметите недочеты. А еще, попробуйте прочитать текст с конца: этот прием помогает выявить те огрехи, которые не бросаются в глаза при первом прочтении.