5 способов улучшить читабельность сайта


Содержание

Оценка читабельности: что это такое, почему это важно, и как получить хорошую оценку в каждом посте

Если вы похожи на большинство людей в интернете, вы не будете читать этот пост слово в слово. На самом деле, всего 16% людей читают контент слово в слово. Оценка читаемости Yoast СЕО является, отчасти, ответом на эти данные.

В то время как существует множество различных инструментов и тестов, которые предназначены для измерения оценки читаемости контента, функция Yoast СЕО – это та, с которой знакомы большинство пользователей WordPress.

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

Вот почему вам нужен читаемый контент

Читаемость приблизительно определяется как “насколько легко кому-то прочитать фрагмент контента”.

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

По этой причине читаемый контент – это все, что делается для улучшения юзабилити вашего сайта. Нильсен Норман Груп (Nielsen Norman Group) на самом деле изучил эту проблему с помощью достоверных данных и обнаружил, что два наиболее значительных фактора, способствующих удобству использования, когда дело доходит до читабельности контента:

  1. Лаконичный текст – просто меньше слов.
  2. Сканируемый макет – хорошее использование подзаголовков, списков, полужирного шрифта и многого другого.

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

Нил Патель и Брайан Дин из “Backlinko” доводят эту концепцию до крайности, почти исключительно в параграфах одного предложения:

Влияет ли читабельность на СЕО?

Это Google, поэтому единственный способ узнать истинный ответ – спросить инженера Google. Но, помимо загадочного твита, нет никаких доказательств того, что читаемость напрямую влияет на СЕО.

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

  • Подобрать более естественные входящие ссылки
  • Иметь более низкий показатель отказов и больше проведенное время на странице
  • Чаще делитесь в социальных сетях

Что такое показатель читабельности Yoast?

Быстрая переподготовка для непосвященных:

По умолчанию есть две вкладки в поле Meta Yoast СЕО, которые прикреплены к каждому сообщению. У вас есть вкладка СЕО по умолчанию, которая непосредственно ориентирована на измерение того, насколько хорошо оптимизирован ваш текст для ключевого фокусного слова (а также меньшую функциональность, такую как ключевое содержимое).

Затем у вас есть вкладка “Читаемость”:

Она ранжирует ваш контент по множеству критериев, чтобы получить простой рейтинг, основанный на той же шкале, что и СЕО-анализ Yoast. То есть:

  • Хорошо
  • OK (нормально)
  • Требуется улучшение

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

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

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

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

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

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

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

Как получить хороший показатель читабельности Yoast

Хорошо … так как же вы можете улучшить свой показатель читабельности в Yoast, чтобы перейти от “OK” или “Требуется улучшение” к “Хорошо”?

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

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

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

Совет 1: Разбивайте предложения на переходные слова

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

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

Видите, как делаю это я?

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

Просто следите, чтобы вы не заходили слишком далеко и превращали ваш контент в хаотичный беспорядок. Модерация – это ключ.

Совет 2: Не используйте только заголовки H2, но и подзаголовки H3

Поскольку Yoast накажет вас за ввод более 300 слов без подзаголовка (а поскольку подзаголовки действительно делают ваш текст более читабельным), вам нужно научиться любить заголовок H3.

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

Совет 3: Не позволяйте использовать пассивный голос*


*Про пассивный голос я писал в этой статье – 5 советов по улучшению контента вашего блога

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

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

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

Совет 4: Используйте самые простые слова

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

Это определенно противоречивая концепция (некоторые люди называют ее “тупой”). Но более короткие слова просто легче понять.

Если вы хотите автоматизировать этот процесс, Hemingway Editor также может предложить более простые альтернативы сложным словам (не тестировался на русском тексте):

Заключение – действительно ли Yoast СЕО – все, что вам нужно для читабельного контента?

Нет – Yoast обрабатывает ваш контент, но есть и другие аспекты читабельности, которые следует учитывать. В первую очередь – ваш выбор дизайна.

Давайте посмотрим на гиперболический пример – если вы сделаете весь текст на своем сайте 10pt Comic Sans, людям будет трудно его читать, не так ли? Даже если вы получите идеальный результат по оценке читаемости Yoast, ваш выбор дизайна будет сдерживать ваш контент.

Для действительно оптимальной читаемости рассмотрим дополнительные вопросы, такие как:

  • Выбор читаемого шрифта
  • Убедитесь, что теги заголовков имеют соответствующий размер (H1 – самый большой и начинает уменьшается от него)
  • Обеспечение того, чтобы ваш CSS отображался жирным шрифтом и курсивом (некоторые темы не делают этого по какой-то странной причине)

Сочетайте эти советы с хорошим показателем читабельности Yoast, и вы сделаете свой сайт еще более полезным и читабельным!

Создание сайтов в Киеве, Харькове

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

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

Основные этапы разработки сайтов от компании Artjoker

Разработка сайта с нуля — процесс трудоемкий и требующий максимальной ответственности и профессионализма со стороны разработчиков и менеджеров. Основные этапы разработки сайта от Artjoker:

  • бизнес-анализ и составление технического задания
  • внедрение: дизайн, верстка, программирование и наполнение контентом
  • контроль (тестирование на всех технических этапах) и запуск в сеть (размещение на хостинге)

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

1 этап — Формирование технического задания на изготовление сайтов

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

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

2 этап создание сайта — Разработка дизайна под ключ

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

3 этап разработки сайта — Верстка

Создание, разработка сайта Харьков, Киев от команды Artjoker следующим этапом предполагает внедрение технологий, в частности, верстку. Можно использовать разные типы верстки: фиксированную, резиновую или адаптивную. Своим клиентам мы советуем адаптивную, ведь именно она позволяет сделать ресурс максимально удобным для использования не только на ПК, но и на различных мобильных устройствах, что сегодня особенно актуально.

4 этап — Программирование

Далее приступаем к программированию, в процессе которого происходит так называемая «магия», ведь не посвященному в особенности технологий веб-разработки может показаться, что специалист и правда колдует над проектом. На этом этапе происходит создание всех страниц и обеспечение функциональности всех элементов. Все, зафиксированные в техническом задании модули, внедряются, а верстка прикручивается к админке. По согласованию с заказчиком, мы разрабатываем сайты на CMS (админке) MODx, а интернет-магазины — на Magento или расширенной собственными доработками и модулями MODx E-commerce.

5 этап — Наполнение контентом

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

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

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

Разработка сайтов под ключ ведется на базе CMS:

Почему стоит доверить изготовление сайта студии разработки веб сайтов Artjoker?

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

Обращаясь к нам за созданием сайта или интернет-магазина вы получаете:

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

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

Где заказать сайт под ключ дешево?

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

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

Цукерберг рекомендует:  Web - Как автоматизировать Telegram бота


Свяжитесь с нашим менеджером прямо сейчас и мы поможем вам прокачать свой бизнес в сети!

Как улучшить читабельность текста?

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

Сразу же оговорюсь, в статье речь идёт преимущественно об оформлении больших массивов текста (например, статей или публикаций), а не о:

  • повышении уровня конверсии или продвижении;
  • написании рекламных продающих текстов;
  • сложных интерфейсах приложений или сервисов.

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

Современные тренды

Большинство статей на эту тему написаны более 4–5 лет назад. В случае, если мы говорим о веб-дизайне и эстетике, это довольно большой срок, учитывая, что новые тренды врываются в нашу жизнь каждые 2–3 года.

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

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

Шрифты с засечками и без

Бытует мнение, что шрифты с засечками ( Times New Roman, Georgia, Garamond) ужасно сказываются на читабельности текста. Советую вам забыть об этом раз и навсегда. Дизайнеры всего мира так и не смогли прийти к общему решению этого вопроса.

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

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

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

Когда использовать шрифты с засечками, а когда — без?

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

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

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

Измеряемые характеристики текста

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

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

Размер шрифта — кегль

Несколько лет назад самым распространённым размеров шрифта для обычного текста был 12–14px — данные значения считались оптимальными для оформления текстов статей. На сегодняшний день многие издания стали иначе подходить к оформлению своих материалов. Существует два способа указания размеров шрифта:

  • фиксированное значение — сегодня, на мой взгляд, рекомендуемым значением является 18–22px в зависимости от ресурса и его аудитории;
  • указание размера в процентах — в данном случае размер шрифта рассчитывается браузером в зависимости от указанного системного значения.

Как видите, наметилась чёткая тенденция к увеличению размера шрифтов на сайтах, регулярно публикующих статьи и прочие объёмные материалы. Например, размер данного текста составляет около 18px на стандартном мониторе (может изменяться в зависимости от устройства).

Высота строки

На мой взгляд, высота строки — один из ключевых параметров, влияющих на восприятие текста. Здесь всё просто — интерлиньяж (так по-другому называют эту характеристику) должен быть в 1.5–1.8 раз больше размера самого текста.

То есть, если размер шрифта на вашем сайте равен 18px, то высоту строки необходимо указать в районе от 27px до 32px.

Разметка текста, вёрстка

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

Длина строки

С годами дизайнерам, редакторам и другим специалистам в области оформления текста удалось установить, что оптимальная длина строки составляет 60–80 символов. Если строка окажется длиннее, вероятнее всего, читатель будет вынужден совершать намного больше движений глазами, а вследствие чего — уставать быстрее.

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

Размер абзацев и расстояние между ними

Количество предложений и строк в одном абзаце также имеет важное значение. Старайтесь размещать в одном абзаце не более 4–5 предложений. Это поможет вам сконцентрировать внимание читателей на главной мысли, и облегчить восприятие всего текста.

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

Дополнительные элементы

Помимо описанных выше приёмов имеется ряд других способов, существенно упрощающих восприятие информации на странице.

  • Заголовки — перед началом написания статьи пропишите чёткую структуру разделов и подразделов. Таким образом вы сделаете проще жизнь и себе, и вашим читателям;
  • Списки — для того, чтобы повысить удобство восприятия и запоминаемость информации используйте списки: нумерованные или обычные, с маркерами;
  • Изображения — разбавьте скучные абзацы парой-тройкой изображений, иллюстрирующих то, о чём вы говорите. Многим пользователям Интернет намного проще пробежаться по картинкам, нежели вчитываться в тяжёлые длинные абзацы;
  • Полужирное начертание — в рамках одного абзаца или раздела вы можете выделить полужирным начертанием главную мысль, чтобы ещё больше повысить удобство восприятия информации, излагаемой в ваших публикациях.

Что в итоге?

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

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


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

Читабельность текста от плагина Yoast SEO

Сначала давайте разберемся, что такое — Читабельность. Ни один словарь в интернете не дал вразумительного ответа. Поэтому я буду ориентироваться на свое мнение.

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

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

Где мы это все видим.

  1. В расширении дополнительной части плагина, которая находится прямо под постом. Как видите рядом с вкладкой «горит» оранжевый свет. Это означает, что «светофор» плагина дает нам предупреждение — Не все пункты выполнены — Проверьте свои ошибки и недочеты! Наша задача добиться «зеленого» цвета светофора.
    расширение

» data-medium-file=»https://i0.wp.com/altacademic.ru/wp-content/uploads/2020/07/rasshirenie.jpg?fit=300%2C137&ssl=1″ data-large-file=»https://i0.wp.com/altacademic.ru/wp-content/uploads/2020/07/rasshirenie.jpg?fit=585%2C267&ssl=1″ />
В блоке — Опубликовать (Правый верхний угол) Это сделано, я думаю, для того. что бы при публикации очередной раз напомнить Вам о недоработках в тексте. Так как нажимая клавишу — Опубликовать — Вы обязательно заметите красный, либо желтый цвет. опубликовать

Теперь давайте откроем эту вкладку.

Текст на ней возможно будет на английском языке — просто переведите на русский. Читаем сверху вниз.

1. «Текст не содержит подзаголовков. Добавьте хотя бы один подзаголовок.»
Отмечен красным цветом. Конечно! Я же еще ни одного заголовка не выделила.
А как мне это сделать?
Я должна разбить текст на логические отрезки и хотя бы один из них выделить «Заголовком »
заголовок 2

«Светофор» загорелся зеленым светом

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

3. » 8,8% от предложения содержат более 20 слов , которые меньше или равна рекомендованной чем на 25%.» Что означает — оптимально — Ваши предложения должны содержать не более 20 слов. И таких предложений в моем тексте всего — 8,8%. При допуске — в 25%. Что тоже считается хорошим тоном.

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

Еще обратите внимание на кликабельную ссылку в этом пункте — 20 слов. Пройдя по ней Вы попадете в Академию Yoast SEO, где Вам подскажут требования к тексту.

требования

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

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

Совет 2Короткие предложения
Мы об этом уже говорили — предложения должны быть короткими, не более 20 слов. Предложения, в которых слов больше, не должно быть более 25% текста.

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

Совет 4Используйте слова связки
Это такие как «потому что», «так как», «значит», «следовательно», «итого». Эти слова помогают
создать связный, логично выложенный текст.

Совет 5Редактируйте текст, для более корректного изложения.
А точнее — не используйте часто одни и те же слова. Постарайтесь придать Вашему тексту немного
художественности и стиля

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

Это основная задача читабельности Вашего поста.

Readability (читабельность) — необходимый шаг к успешному ранжированию сайта

Больше полезных статей, кейсов и мануалов. Подпишись на обновления!

Сегодня пойдет речь о читабельности текстов, которая хоть и косвенно, но все же влияет на ранжирование сайта.

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

Google Analytics — > Поведение — > Контент сайта — > Все страницы:

Необходимая колонка – «Средняя длительность просмотра страницы». Как видно из принтскрина, пользователь провел на странице максимум 10 секунд, т.е. зашел, бегло просмотрел страницу и вышел. Что это значит?

Есть множество причин, по которым пользователи так быстро покидают страницу/сайт. Самые частые — это:

  1. Нерелевантная запросу пользователя страница (недостаточно информации, нет цен, страница совсем о другом, высокие цены и прочее)
  2. Долгая загрузка контента
  3. Некорректное отображение страницы
  4. Плохая читабельность предоставляемого контента (шрифт, структура, информативность, цвет и т.д.)

И именно самый последний пункт очень часто недооценивается, а иногда и вообще игнорируется. Итак, что же из себя представляет читабельность (readability)? Посмотрим, что об этом «думает» Google:

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

Влияние readability на ранжирование сайта

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

У вас не будет второго шанса произвести первое впечатление

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

  1. время пребывания на странице;
  2. глубина скроллинга страницы;
  3. показатель отказов;
  4. социальные сигналы.


Как результат, поисковые системы станут ваш сайт ранжировать выше к необходимому ТОПу.

Что важно знать о показателе отказов?

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

По умолчанию Google Analуtics присваивает высокий показатель отказа страницам, где не было взаимодействия пользователя с контентом. Акцентируем ваше внимание на том, что под взаимодействием здесь подразумевается – переход по ссылке на другую страницу.

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

  • просмотр видео;
  • клик по изображению для его увеличения;
  • клики по кнопкам «Заказать», «Рассчитать стоимость», поделиться в соц.сетях и т.д.

А для блогов и страниц с большим контентом, в качестве события может быть ещё настроен скроллинг или использование вот такой кнопки:

Как улучшить readability страниц сайта?

Используйте изображения

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

Не бойтесь использовать большое количество мультимедийного контента (например, на каждые 100 слов). Главное, чтобы изображения были качественные и по теме.

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

  1. Указывайте источник изображения
  2. Используйте фотобанки. Там вы найдете большое количество бесплатных изображений на разную тематику и без надобности указывать авторские права.

Хороший сервис, например, pixabay.com.

Заголовки и подзаголовки

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

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

Не делайте заголовки слишком длинными и тем более в две строки.

Хороший пример по структуре и иерархии заголовков:

Списки

Для оформления веб-страницы хорошо использовать нумерованные и маркированные списки.

Во-первых, они привлекают внимание;

Во-вторых, структурируют текст

В-третьих, данные в виде списка усваивается лучше

Шрифт (Font)

Для веб страниц идеальный шрифт – это шрифт без засечек sans serif fonts. К таким относятся:

Использование таких шрифтов облегчит чтение текста с экранов различных устройств. Протестировать каждый из шрифтов вы можете здесь: webfont-test.com

Ни в коем случае, НЕ ПИШИТЕ ПРЕДЛОЖЕНИЯ ЗАГЛАВНЫМИ БУКВАМИ. Такой текст скорее вызовет у пользователей желание уйти со страницы.

Размер шрифта (Font size)

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

Цукерберг рекомендует:  Создаём приложения на Unity с использованием дополненной реальности (SDK Vuforia)

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

Один из простых способов узнать, какой шрифт используется на вашем сайте — установить расширение для Chrome — WhatFont Tool.

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

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

Длина строки и предложения

Оптимальное число слов на строке — от 9 до 12 слов. Это примерно между 50-60 символами c пробелами. Строки, превышающие данную метрику, затрудняют фокусировку на информации и смысл прочитанного может потеряться.

Контрастность (Contrast ratio)

Контрастность или contrast ratio — это соотношение цвета шрифта и цвета фона.

Согласно руководству WCAG 2.01, контрастность между шрифтом и фоном должна быть минимум 4,5:1, чтобы текст был разборчивым и четким.

Показатель контрастности может принимать значения от 1:1 (отсутствует контрастность) до 21:1 (максимальная контрастность, чёрный цвет на белом фоне). Упомянутое руководство выдвигает следующие требования к контрастности текста:

  • 3:1 — минимальная контрастность. Используется для шрифтов больших размеров (уровень АА)
  • 4,5:1 — минимальная контрастность для обычного текста (уровень АА)
  • 7:1 — повышенная контрастность для обычного текста (уровень ААА)

Более подробную информацию вы можете найти в самом руководстве.

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


Также, полезным инструментом может оказаться и msfw.com. Здесь необходимо в соответствующих полях указать используемый цвет шрифта и фона. После нажатия на кнопку “Calculate”, слева вы увидите, какое соотношение цветов используется у вас на ресурсе.

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

И еще пару сервисов, которые могут вам пригодится: раз, два.

Вертикальный ритм

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

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

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

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

Неразрывные пробелы

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

На первый взгляд незначительные изменения могут улучшить читаемость текста. Подробнее с реализацией можно ознакомиться в статье А. Ёжикова здесь habrahabr.ru

Заключение:

Мы очень часто недооцениваем то, как представлен текст на сайте. И иногда именно из-за плохой читабельности контента, теряем пользователей.

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

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

Хорошие статьи в продолжение:

А что вы думаете по этому поводу? Давайте обсудим в комментариях!

7 доказанных способов улучшения удобочитаемости веб-сайта и повышения конверсий

Вот что: никто не читает тексты.

Учитывая, что человеческий охват внимания становится меньше, чем у золотой рыбки (восемь секунд против девяти), писать привлекательные тексты — сложная задача. Согласно прошлым исследованиям, опубликованным Nielsen Norman Group, 79% пользователей просто просматривают любую новую страницу, и только 16% читают слово за словом. Пользователи находят время читать только 28% текста.

И, конечно же, если пользователи не поймут ваше предложение, они не будут иметь с вами дело. А без текста они его не поймут. Замкнутый круг!

Итак, вот проблема и решение, в двух частях:

1) Как мы можем заставить наших пользователей читать текст на веб-сайте?

Обеспечивая хорошую читабельность.

2) Как мы можем гарантировать, что текст на сайте хорошо читается?

Это именно то, о чем пойдет речь в этой статье.

Но сначала давайте поймем, о чем мы говорим.

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

Согласно Nielsen Norman Group, тремя ключевыми качествами эффективного текста являются:

Разборчивость: ясность визуального дизайна и типографики.

Считываемость: сложность слов и структура предложения.

Понимание: простота понимания текста и правильные выводы.

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

Читаемость — это легкость, с которой читатель может понять письменный текст. Читаемость конкретного текста зависит от контента (например, сложности его синтаксиса) и типографии (например, размер шрифта, высота строки и длина строки).

Фактически, в Википедии конкретно говорится: «Разборчивость — это компонент удобочитаемости».

Можно с уверенностью сказать, что читаемость — это разборчивость и понятность. Чтобы избежать двусмысленности, мы будем использовать термин «удобочитаемость сайта», когда мы говорим об этом всеобъемлющем значении, и просто «удобочитаемости», когда мы ссылаемся на «сложность слов и структуру предложения» в тексте.

# 1 Быстро определите ключевые точки

Когда пользователи начинают читать ваш текст, они делают быстрый анализ затрат и выгод в своих головах:

Стоимость: Сколько времени и усилий я потрачу, пока буду читать эту веб-страницу?

Преимущества: Какую полезную информацию / решение я извлеку из этой веб-страницы?

Если воспринимаемая выгода перевешивает воспринимаемую стоимость, они читают. Как сделать так, чтобы преимуществ было больше?

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

Метод APP — согласие, проблема, предварительный просмотр

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

# 2 Оценка читаемости

Посмотрим правде в глаза, непросто объективно судить о том, насколько «читаемый» текст. Но есть стандартизированные инструменты, которые помогут вам объективно сравнить версии тестов на удобочитаемость. Они вычисляют сложность слов и структуру предложения. Большинство тестов предоставляют вам либо численный балл, либо уровень оценки, который определяет, насколько легко / сложно читать ваш текст.


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

Вот несколько инструментов для измерения читаемости:

Также вы можете использовать Главред. Он определяет, насколько текст соответствует инфостилю, но также поможет сделать предложения проще и понятнее. Ориентируйтесь на оценку в 7 и выше баллов.

# 3 Используйте слова, которые понимают ваши пользователи

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

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

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

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

Увидели разницу? Второе предложение имеет смысл для большей части целевой аудитории, чем первое.

# 4 Измерение понимания пользователями

Рассмотрим следующие предложения:

Он махнул руками

Он отказался от своих прав

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

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

# 5 Обратите внимание на типографику

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

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

Smashing Magazine рекомендует использовать 16 пикселей или более для чтения пользователями с удобного расстояния в 28 дюймов от экрана.

Выбор правильного шрифта важен. Шрифты Sans Serif в этом отношении лучше, чем шрифты с засечками. Основная цель — разборчивость. Если вы используете шрифты Serif, не берите их просто для эстетики; используйте те, которые не портят читабельность веб-сайта.

Давайте посмотрим на образец сканирования текста читателями:

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

Оптимальный диапазон для длины строки составляет от 45 до 75 символов. Если линия слишком широкая, пользователь может не сфокусироваться от начала до конца. Если строка слишком короткая, пользователь может дважды прочитать одни и те же слова (удвоение).

Сканирование текста становится легким с оптимальной длиной и высотой линии. Чтение становится менее напряженным для человеческого глаза.

# 6 Сделайте текст удерживающим

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

Шесть принципов успеха:

  • Простота: Как обсуждалось ранее, избегайте сложностей в языке и структуре.
  • Неожиданность: Сделайте свою копию интересной. Сюрпризы могут быть интересной информацией или удивительными данными, интересными фактами.
  • Конкретность: будьте конкретны, используйте статистику и цифры. Не используйте неопределенные прилагательные и длинные абзацы.
  • Достоверность: давайте ссылки на первоисточники.
  • Эмоция: использование эмоций в вашем тексте сделает его ближе к читателю.
  • Рассказ: Ты помнишь, что случилось с Питером Пэном? Дюймовочкой? Потому что это рассказы. Но рассказывать можно не только сказки.
# 7 Используйте изображения для привлечения внимания

Знаете ли вы, что изображения можно эффективно использовать, чтобы обратить внимание пользователя на текст на веб-страницах? Вот пример, который все видели:

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

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

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

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

Какие тексты удобно читать пользователям в Интернете? 10 правил удобочитаемости!

При поддержке: Сервис хранения бэкапов от 1$ и до 500Gb. Промо-код: BACKUP99 – скидка 99% на первый месяц. Топ-1 на zapili.net!

Пока отдыхал на Бали, дочитал книгу Тима Эша, которую рекомендовал Дмитрий Сатин на ашмановской конференции – Landing Page Optimization в русском переводе издательства Манн, Иванов и Фербер. Перевод немного корявый, но общие мысли, которые хочет донести до читателя Тим, понятны и чертовски интересны. Постепенно буду публиковать в раздел Юзабилити сайтов интересные фрагменты книги в виде тезисов в моей интерпритации.

Сегодня пост по оформлению текста для максимального удобство его прочтения (читабельности).

#1 Начертание шрифтов

Используйте шрифты без засечек (еще их называют Sans Serif или рубленные). Классическими примерами являются Arial, Verdana, Tahoma и другие. На экранах мониторов, имеющих гораздо меньшее разрешение, чем печатные материалы, засечки на краях букв мешают чтению. Классический шрифт с засечками, который ухудшает читабельность – Times New Roman.

#2 Размеры шрифтов

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

#3 Разнообразие шрифтов

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

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

#4 Выравнивание текста


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

За примерами далеко ходить не надо, взгляните на тексты газетных интернет-изданий:

Уж они то знают толк в читабельности. У всех контент выравнен только по левому краю!

#5 Не используйте верхний регистр

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

#6 Длина строк

Колонки текста, имеющие ширину более 50-70 символов читать трудно. Не зря газетчики не делают строки длинными и печатают тексты в несколько колонок.

Также стоит предусмотреть возможность верстки, препятствующей произвольному удлинению строк текста на широких мониторах.

#7 Контрастность текста

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

#8 Тексты ссылок

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

#9 Подчеркивания в тексте

Не используйте подчеркивание в обычном тексте. Как уже говорилось выше оно «забронировано» за гиперссылками. Подчеркнутый текст будет вводить в заблуждение пользователей, они захотят кликнуть по нему. Для выделения текста лучше использовать другие методы (выделение жирным, курсивом).

#10 Фоновый цвет и графика

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

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

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

******
Перед публикацией поста проверил тексты на блоге на предмет читабельности по этому списку и обнаружил, что как минимум 3 пункта (под номерами 4, 6 и 7) у меня не выполнены. Есть куда стремиться.

А у вас как обстоят дела с удобочитаемостью текста?

P.S.: На днях мой блог взломали и опубликовали спамный пост от моего имени. Спешу принести всем читателям извинения, если этот пост попал в их RSS ленту. Впредь команда Сео Пресс постарается не допускать этого.

P.P.S. Да и еще тема со спектральной примесью, когда один и тот же сайт два раза присутствует в ТОП 10 за счет попадания в Спектр по некоммерческому интенту, похоже оказалась обычным глюко-багом Яндекса. По крайней мере, такой картины в выдаче уже не наблюдается.

Близкое по теме

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

Комментарии:

В свое время писала у себя на сайте статью о читабельности. Почти ничего не забыла, кроме выключки по левому краю. А это очень важный пункт. Многие веб-мастера такую выключку почему-то не любят, считая, что тексты получаются «лохматыми» И центруют. А именно центрованная «портянка» визуально вообще никак не воспринимается…

Цукерберг рекомендует:  #rfrfirf - Указатели ....

Хотелось бы отметить, что большие абзацы затрудняют чтение и ухудшают восприятие. Думаю, что можно и делать выравнивание по ширине, если разбивать на небольшие абзацы. Собственно, чему следует автор блога/статьи.

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

Автору спасибо, за статью «лойс» =)

Добрый день, спасибо за полезный материал.

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

Рекомендуется выравнивать тексты только по левому краю.
а на самом сайте выравнивание по ширине.

Насчет шрифтов без засечек я бы поспорил =) Не зря большинство книг печатаются именно с ними.

Благодарю автора за полезные тонкости в печатании статей.

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

Пропустил ошибку: у газет есть своя причина для (коленчатой) колоночной структуры.

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

Разбивка текста на абзацы, размер которых удобен для восприятия. Использование внутренних заголовков с разными настройками шрифта для расстановки акцентов. Использование маркированных, нумерованных списков. Всё это способствует более удобной для восприятия структуре текста. Можете сами убедиться на примере одного из последних моих текстов:
http://gnblider.ru/arenda-gnb-oborudovaniya-i-uslugi-spetsialistov-po-bureniyu-arenda-burovyih-ustanovok-gnb-apparatov-dlya-svarki-pnd-trub-ilososov/
— коммерческий SEO текст для продвижения страницы по запросам: аренда ГНБ, аренда буровых установок, аренда илососа, и огромного списка других коммерческих запросов на тему ГНБ – горизонтального направленного бурения.
Не смотря на то, что текст перенасыщен ключами, он довольно легко воспринимается за счёт удобной структуры.

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

Я – полиграфист. И немного занимаюсь сайтами ))
Так что хорошо знакома с правилами традиционной верстки (оформл. текстов), они во многом перекочевали с бумаги «на экран».
Про узкие колонки: настолько узкие, как в примере – разумеется, неудобны (как и слишком широкий текст). Ну так они и не подходят под предложенное «правило №6″: в них даже менее 30 символов! Поэтому и не комфортно! Еще, кстати, нужно уточнить: самая удобная ширина строки – если без пробелов она 55 символов (ну, от 50), а считая пробелы – то до 75- 80 -ти.
В своем блоге Вы подобрали, возможно интуитивно, очень удобную ширину, она у Вас близка к книжной – удобной и самой привычной нам с детства.
В газетах – вынуждены были делать узкие колонки.
1) Материал там часто краткий (новости, объявления – изначально газеты из них и состояли гл. обр.), попробуйте-ка его размазать по широкой колонке: ну, новость в 2 строки будет – красиво?!
2) Кучу материалов разного объема и их заголовки надо было разместить (сверстать) более-менее красиво и аккуратно на широком листе. С сеткой и неск-х колонок это сделать проще и удобнее. – Сравните с сайтами, где много новостей, анонсов. Там много узких колонок и это нормально.
О выравнивании. Вообще, первый раз слышу, что «неровные правые края текста увеличивают скорость чтения»… Ну, допустим… Ровные – тоже не уменьшают, проверьте на себе! А выглядят аккуратнее. Но в верстке – сложней, тем более на сайтах! Так что честь и хвала Вашему блогу!
Выключка влево – это больше мера вынужденная; техническая издержка интернета (и некоторых бумажных изданий, которые надо делать быстро и дешево, переносы расставлять/проверять некогда и это доп. работа/оплата). Но смотрится, зачастую – не очень. Вот на листовках она, чаще всего, хороша. И соотв., на интернет-странице, (или ее части) где недлинный текст – на просторе. И симпатично выровнен влево.
А длинный текст – приятнее с полной выключкой.

Семь шагов к повышению читабельности вашего контента

Время чтения: 7 минут Нет времени читать? Нет времени?

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

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

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

Ваши читатели не читают


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

Специалист Microsoft Билл Хилл описал данный нейрофизиологический феномен в исследовании «Магия чтения» еще в 1999 году. Компания Microsoft и господин Хилл потратили на изучение процесса чтения с экрана компьютеров более 15 лет. По их данным, люди читают тексты, распознавая серийные паттерны.

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

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

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

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

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

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

  1. Дайте вашему тексту возможность дышать — правильно выбирайте межстрочный интервал. Оставьте между строками достаточно места для того, чтобы ваши читатели легко сканировали и распознавали визуальные формы слов. Убедитесь в том, что в настройках по умолчанию в вашем текстовом редакторе или визуальном редакторе CMS установлен достаточный интервал. Обратите внимание на буквы, части которых выступают над или под строкой (к ним относятся все заглавные, б, у, ц, щ, р). Выступающие линии букв не должны наползать на соседние строки, чтобы читатель легко распознавал зрительные паттерны слов.
  2. Используйте заглавные буквы с осторожностью. Заголовки и подзаголовки, написанные ИСКЛЮЧИТЕЛЬНО ЗАГЛАВНЫМИ БУКВАМИ, уменьшают читабельность вашего текста. Дело в том, что все слова, написанные заглавными буквами, имеют одинаковый визуальный паттерн. Это заставляет читателя перестраиваться с распознавания образов на чтение слов по буквам. Кроме того, использование одних заглавных для написания заголовков и подзаголовков увеличивает площадь, занимаемую материалом, что неприемлемо для печатных изданий. Используйте комбинацию заглавных и прописных букв, создавая заголовки разного уровня. Оставьте слова только из заглавных букв для логотипов, а еще лучше – избавьтесь от таких слов вовсе.
  3. Избегайте длинных строк на странице. Строки, которые тянутся от левого до правого края страницы, утомляют читателя, так как его глаза вынуждены несколько раз «перепрыгивать» поперек страницы от одной группы слов к другой. Более того, слишком длинные строки могут обмануть зрение читателя, заставив его вернуться к уже прочитанному или вовсе «заблудиться» в тексте. Если мысль нельзя выразить коротко, старайтесь использовать сложноподчиненные предложения. Глаз читателя нуждается в смысловых паузах, проще читать от запятой до запятой, нежели текст целиком без смысловых пауз.
  4. Создайте контрасты между текстом и «пустотой» на каждой веб-странице. В онлайне тексты на всю ширину монитора читать неудобно. Пустое пространство слева и справа обеспечивает необходимый контраст, облегчающий восприятие контента. Также вы можете добиться контрастности с помощью заголовков и подзаголовков, которые выделяются жирным шрифтом и большим кеглем.
  5. При верстке страницы избегайте фотографий и инфографики, вставленных непосредственно в текст без окружного фона. Читатель сбивается с ритма, пытаясь распознать текст, обтекающий фотографии и прилегающий к иллюстрации максимально близко.
  6. Используйте короткие подзаголовки. Подзаголовок должен выступать в качестве тизера, который заставляет аудиторию прочитать нижеследующий абзац. Идеальный подзаголовок умещается на одной строке.
  7. Редактируйте текст, чтобы избежать появления в нем «вдов и сирот». Речь идет о ситуации, когда одно или несколько слов оказываются изолированными в верхней или нижней части страницы или колонки. Читатель прилагает дополнительные усилия, чтобы прочитать эти слова, что сбивает его с ритма. Иногда достаточно просто переставить несколько слов в предложении, чтобы его окончание не «вылазило» со строки. Во время верстки следите, чтобы названия компаний и имена располагались на одной строке. Достаточно поместить имя и фамилию человека на разных строчках, чтобы сбить читателя с ритма.

Станьте экспертом по читабельности контента

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

Анализируйте печатные издания в контексте семи шагов к повышению читабельности контента. Интернет-изданиям еще очень далеко до популярных оффлайновых СМИ с точки зрения верстки и визуализации информации.

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

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

5 способов улучшить читабельность текста

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

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

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

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

3. Разделение текста на блоки
Очень неприятно читать сплошной текст, который не разделен абзацами и подзаголовками. Даже визуально, он кажется громоздким и тяжелым для чтения. Если хотите, чтоб ваши тексты нравились читателям – постарайтесь их правильно структурировать, разделять абзацами и под темами.

4. Ширина и выравнивание текста
Необходимые элементы структурирования текста. Ширина строки, должна вписываться в формат сайта, и быть примерно стандартной (600 на 640 пикселей), это же правило касается и выравнивания строки. Как правило, оно делается по левому краю или по ширине. Повторюсь – ширина и выравнивание строки должны соответствовать формату сайта и красиво вписываться в окружающие текст элементы.

5. Шрифты текста
Рекомендуется использовать стандартные шрифты и размеры букв, а всякого рода декоративные символы, можно красиво вставить в заглавие текста. Чтение нестандартных текстов – крайне тяжелое занятие.

Но самое главное в текстах – это их содержимое! Ведь, как бы ни был оформлен текст, если он уныл и не интересен, то его все равно никто не будет читать.

Читабельность текста от плагина Yoast SEO

Сначала давайте разберемся, что такое — Читабельность. Ни один словарь в интернете не дал вразумительного ответа. Поэтому я буду ориентироваться на свое мнение.

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

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

Где мы это все видим.

  1. В расширении дополнительной части плагина, которая находится прямо под постом. Как видите рядом с вкладкой «горит» оранжевый свет. Это означает, что «светофор» плагина дает нам предупреждение — Не все пункты выполнены — Проверьте свои ошибки и недочеты! Наша задача добиться «зеленого» цвета светофора.
    расширение

» data-medium-file=»https://i0.wp.com/altacademic.ru/wp-content/uploads/2020/07/rasshirenie.jpg?fit=300%2C137&ssl=1″ data-large-file=»https://i0.wp.com/altacademic.ru/wp-content/uploads/2020/07/rasshirenie.jpg?fit=585%2C267&ssl=1″ />
В блоке — Опубликовать (Правый верхний угол) Это сделано, я думаю, для того. что бы при публикации очередной раз напомнить Вам о недоработках в тексте. Так как нажимая клавишу — Опубликовать — Вы обязательно заметите красный, либо желтый цвет. опубликовать

Теперь давайте откроем эту вкладку.

Текст на ней возможно будет на английском языке — просто переведите на русский. Читаем сверху вниз.

1. «Текст не содержит подзаголовков. Добавьте хотя бы один подзаголовок.»
Отмечен красным цветом. Конечно! Я же еще ни одного заголовка не выделила.
А как мне это сделать?
Я должна разбить текст на логические отрезки и хотя бы один из них выделить «Заголовком »
заголовок 2

«Светофор» загорелся зеленым светом

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

3. » 8,8% от предложения содержат более 20 слов , которые меньше или равна рекомендованной чем на 25%.» Что означает — оптимально — Ваши предложения должны содержать не более 20 слов. И таких предложений в моем тексте всего — 8,8%. При допуске — в 25%. Что тоже считается хорошим тоном.

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

Еще обратите внимание на кликабельную ссылку в этом пункте — 20 слов. Пройдя по ней Вы попадете в Академию Yoast SEO, где Вам подскажут требования к тексту.

требования

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

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

Совет 2Короткие предложения
Мы об этом уже говорили — предложения должны быть короткими, не более 20 слов. Предложения, в которых слов больше, не должно быть более 25% текста.

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

Совет 4Используйте слова связки
Это такие как «потому что», «так как», «значит», «следовательно», «итого». Эти слова помогают
создать связный, логично выложенный текст.

Совет 5Редактируйте текст, для более корректного изложения.
А точнее — не используйте часто одни и те же слова. Постарайтесь придать Вашему тексту немного
художественности и стиля

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

Это основная задача читабельности Вашего поста.

Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих