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

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

основных принципа улучшения читабельности текста при вёрстке

1. Выделите важные части статьи

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

2. Разбейте статью на небольшие функциональные блоки

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

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

3. Добавьте в статью картинки

Картинки привлекают внимание и отлично разбавляют текст. Информацию, поданную на фотографии или зарисовке, воспринимать проще.

Заголовок

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

Яндекс и Google придерживаются позиции, что заголовок должен помочь пользователю сориентироваться по тематике страницы. Поэтому стоит включить в него ключевое слово. Специалист по SEO Сергей Кокшаров () говорит, чем ближе ключевик к началу, тем лучше для ранжирования. От выделения тегом зависит название вкладки со статьей. Многие CMS, например WordPress, автоматически помещают заголовки в тег H1, но лучше перепроверить.

Хороший пример — заголовок статьи Texterra о гифках:

Еще один хороший пример — статья Likeni о биткойнах:

Несколько примеров неудачных заголовков:

Вывод

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

Правила повышения читабельности сайта

Можно выделить несколько простых правил, следуя которым ваш интернет-сайт будет пользоваться популярностью среди подобных сетевых ресурсов:

1. Шрифт по умолчанию для больших текстов.

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

Читайте также:  Обновление iOS 12: ошибки, их решение, ответы на вопросы

2.  Максимальное использование свободного пространства.

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

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

Не слишком большая ширина строки и свободное пространство с двух сторон колонки текста обеспечивает глазам более комфортный переход с конца одной строки на начало новой. Одним из главных правил набора текста для чтения с монитора является включение в одну строку не более 10-15 слов при общей ширине полосы текста не более 75 знаков вместе с пробелами. Стандартная ширина колонки текста при этом должна составлять примерно 50% от всей ширины окна интернет-браузера.

3. Оптимальное межстрочное расстояние.

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

4. Четкий цветовой контраст.

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

5. Минимальное использование текста в картинках и другой графике.

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

Замечательный магазин , спонсор этого поста.

Также по теме:

  1. 16 px кегль в Вебе

Подписка по РСС Мой твитер

  • Твитнуть Поделиться Поделиться Отправить Запинить
    • текст
    • типографика
    • читабельность
  • Формула читабельности Флеша

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

    Читайте также:  71 команда Linux на все случаи жизни. Ну почти

    Фрейзер П. Сейтел (Fraser P. Seitel), управляющий партнер Emerald Senior Counseling, главный консультант PR-агентства Burston-Marsteller.

    В ряде своих работ покойный Рудольф Флеш (Rudolf Flesch) инсценировал борьбу человека с помпезностью и мрачностью текстов. По мнению Флеша, любой может стать писателем. Он считает, что люди, пишущие так, как говорят, смогут писать лучше. Другими словами, если бы люди были менее склонны затуманивать тексты 25-центовыми словами, а использовали бы больше простых слов, то и коммуникаторы могли бы общаться лучше, и получатели сообщений могли бы лучше их понимать.

    При ответе на письмо подход Флеша выглядит следующим образом: «Благодарю за предложение, Том. Я обдумаю его и отвечу, как только смогу». Противоположность подходу Флеша выглядела бы следующим образом: «Ваше предложение было получено; после тщательного изучения мы поставим Вас в известность о результатах». Видите разницу? При подготовке текстов для Интернета такое прямолинейное написание материала — единственно возможный подход. Существует бесчисленное множество примеров того, как афоризмы Флеша оправдывают себя на практике.

    Немногие бы знали Шекспира наизусть, если бы его произведения состояли из таких предложений: «Должен ли я в своих поступках руководствоваться чувствами, или же лучше бездействовать и тем самым прекратить свое существование?» Произведения Шекспира выдержали проверку веками благодаря таким фразам, как «Быть или не быть?»

    Ученый, привыкший к научному жаргону, с большой охотой написал бы: «Флора и фауна данного района показала 100%-ный уровень смертности». Но насколько проще (и уж точно понятнее) написать: «Вся рыба вымерла».

    Один из составителей текстов выступлений президента Франклина Рузвельта однажды написал: «Мы стремимся к построению более всеохватывающего общества». Рузвельт заменил эту фразу на следующую: «Мы создадим страну, ни один житель которой не останется в стороне».

    Даже самая известная из всех книг — Библия — начинается с простого предложения, которое вполне могло бы быть написано ребенком: «В начале сотворил Бог небо и землю».

    Флеш предложил семь рекомендаций, соблюдение которых позволит сделать текст читабельным.

    1. Используйте допустимые сокращения.

    2. По возможности составляйте предложения без использования слова «что».

    3. Используйте местоимения «я», «мы», «они» и «вы».

    4. Ссылаясь на какое-то понятие, выраженное существительным, повторите само слово или используйте соответствующее местоимение; не стоит искать красочную замену.

    5. Используйте краткие, ясные предложения.

    6. В параграфе должен освещаться только один вопрос.

    7. Пишите на языке, понятном читателю.

    По мнению Флеша, текст хорош тогда, когда в нем нет ненужных отклонений от темы. Другими словами, в сфере PR составители текстов для Интернета или других средств массовой информации должны помнить следующие прописные истины:

    Читайте также:  Apple перекрасила iOS 13 в чёрный цвет и простилась с iTunes

    Избегайте громоздких слов.

    Избегайте лишних слов.

    Избегайте клише.

    Избегайте латинских выражений.

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

    Будьте конкретными.

    Будьте проще.

    Будьте краткими.

    Будьте организованными.

    Будьте убедительными.

    Будьте понятными.

    Наряду с Флешом некоторые другие специалисты в области коммуникаций занимались тем, как сделать письменные тексты удобочитаемыми. Многие разработали свои собственные инструменты оценки читабельности. Наиболее известным из них является «Индекс туманности Ганнинга» (Gunning Fog Index), разработанный Робертом Ганнингом (Robert Gunning). Он оценивает легкость чтения текста с точки зрения количества слов и их сложности, количества законченных мыслей и средней длины предложений. Хороший текст не может вводить в заблуждение или быть неясным. Он должен быть понятным.

    Как Yoast СЕО определяет ваш показатель читабельности?

    На вкладке «Читабельность» Yoast СЕО делается попытка объединить эту концепцию в единую оценку, просмотрев 6 различных проверок читабельности:

    • Длина предложения — если более 25% ваших предложений больше 20 слов, вы потеряете очки.
    • Длина абзаца — если ваши абзацы длиннее 150 слов, вы потеряете очки.
    • Использование подзаголовков — если вы пишите более 300 слов без подзаголовка, вы потеряете очки.
    • Пассивный голос — если более 10% ваших предложений написаны пассивным голосом(!), вы потеряете очки.
    • Переход слов – если вы не используете переход слова типа «и», «ведь» и т. д. по крайней мере, в 30% предложений вы потеряете очки.
    • Легкость чтения — если вы пройдете ниже 60 в тесте на легкость чтения Flesch, вы потеряете очки.

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

    Как Yoast СЕО определяет ваш показатель читабельности?

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

    Тест на легкость чтения Flesch вычисляет оценку на основе количества слов в предложении, а также количества слогов на слово. С помощью этого теста более высокие оценки считаются более легкими для чтения.

    Результаты и метод расчета приведены ниже в таблице из Википедии:

    Использование команды diff

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

    line1 line11 line22 line3 line4 line5

    Тогда, выполнив команду

    diff file1 file2

    будет получен следующий вывод:

    2c2,3 < line2 — > line11 > line22 3a5,6 > line4 > line5

    Здесь выражение «2c2,3» говорит о том, что второй строке (line2) в файле file1 соответствуют изменения в file2 в виде строк «line11» и «line22». Запись «2,3» означает диапазон строк в file2, содержащих изменения относительно строки №2 в file1. Запись «3c5,6» говорит о том, что после строки №3 оригинального файла в его изменённой версии (file2) были добавлены строки № 5 и №6, т. е. «line4» и «line5».