Как сделать текст читаемым

Содержание
  1. 8 невероятно простых способов улучшить текст, не изменяя его содержания
  2. Нетерпеливые искатели
  3. Будьте лаконичны
  4. 1. Деление на абзацы
  5. 2. Емкие подзаголовки
  6. 3. Маркированные списки
  7. 4. Сопроводительные надписи
  8. 5. Релевантные ссылки
  9. 6. Ключевое форматирование
  10. 7. Используйте силу и мощь цифр
  11. 8. Спросите мнения читателей
  12. Читабельность текста: что это и как повысить этот показатель?
  13. Дизайн/шрифты
  14. Итог по дизайну и шрифтам
  15. Оформление статьи
  16. Дополнительные советы и фишки
  17. Как сделать текст на сайте максимально читабельным
  18. Используйте шрифты без засечек для основного текста
  19. Используйте иерархию
  20. Помните о контрасте
  21. Делайте отступы между абзацами и между строк
  22. Разбавляйте текст изображениями
  23. Пишите цепляющие заголовки
  24. Как сделать тексты на сайте удобными для чтения?
  25. Какой текст удобно читать?
  26. Советы по оформлению текста:
  27. 3.1. Основной заголовок
  28. 3.2. Каталог товаров или список услуг
  29. 3.3. Список преимуществ
  30. 3.4. Призыв к действию
  31. 3.5. Акции
  32. 3.6. Шаги/схема работы
  33. 3.7. Оплата и доставка
  34. Читабельность текста: что это такое и как её улучшить
  35. Составление заголовка
  36. Тип шрифта
  37. Выбор кегля шрифта (размера)
  38. Исключение верхнего регистра
  39. Оптимальная длина предложений
  40. Чередование длинных и коротких предложений
  41. Разбивка на абзацы
  42. Акцент на важной мысли и употребление цитат
  43. Использование списков
  44. Длина статьи
  45. Способ выравнивания
  46. Подытожить сказанное
  47. Необходимость вычитки
  48. 5 способов сделать текст читабельным
  49. Виды текстов
  50. Способ 1. Работа со шрифтом
  51. Способ 2. Применение принципов контраста
  52. Способ 3. Работа с изображениями
  53. Способ 4. Структурирование текста
  54. Способ 5. Инфографика

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

Как сделать текст читаемым

Слово – ваше главное оружие. Нужно подобрать правильные слова, чтобы привлечь желаемую аудиторию.

Вы корпели над ними до изнеможения, оттачивая каждую фразу. И вот, наконец, нажимаете кнопку “Опубликовать”, и что же?

Никто их не читает.

Нет наплыва посетителей, ноль комментариев, нет сообщений в Твиттере, никто не делится вашими статьями на .

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

Думаете, вам нужно потратить еще 10 000 часов, совершенствуя свои писательские навыки? Возможно, совсем и нет.

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

Нетерпеливые искатели

Якоб Нельсон в своем судьбоносном исследовании потребительских свойств Всемирной сети 1997 года показал, что 79% пользователей практически не читают ее содержимое, а, просто пробегают его глазами.

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

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

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

Будьте лаконичны

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

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

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

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

1. Деление на абзацы

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

Некоторые же абзацы пускай состоят только из одного предложения.

2. Емкие подзаголовки

Еще перед написанием текста, составьте основной заголовок и подзаголовки.

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

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

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

3. Маркированные списки

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

4. Сопроводительные надписи

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

5. Релевантные ссылки

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

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

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

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

6. Ключевое форматирование

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

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

7. Используйте силу и мощь цифр

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

Если не верите, просмотрите одним глазком “Популярные статьи” справа на странице. Вы получите мини-консультацию на тему, как использовать цифры (и иные приемы), чтобы придать посту привлекательности.

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

8. Спросите мнения читателей

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

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

Источник: http://www.azoogle.ru/uluchshit-tekst/

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

Как сделать текст читаемым

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

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

И раз это так важно, разберем все подробнее.

Дизайн/шрифты

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

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

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

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

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

Кстати, мы немного затронули размер шрифта. Как вы думаете, каким он должен быть? Во многих макетах я вижу, что у основного шрифта размер 10-14 пикселей. Но мое мнение (и не только мое), что минимум должно быть 16 пикселей. Буквы должны быть очень четко видны, человек со здоровым зрением не должен дополнительно напрягать глаза, чтобы что-то разглядеть.

С размером понятно, я думаю. Осталось обсудить сам шрифт, каким он должен быть. Для чтение оптимальными являются стандартные шрифты без засечек: Arial, Times New Roman, Tahoma, Verdana. Мое мнение в этом вопросе таково, что лучше не мудрить и поставить в качестве основного шрифт из числа стандартных.

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

Итог по дизайну и шрифтам

Я не говорю, что сообщил вам какую-то сверх полезную информацию — вы и сами могли догадываться о тех вещах, о которых я написал. Но повторение — мать учения. Подведем итог:

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

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

Размер шрифта должен быть побольше. Не 10-12 пикселей, а 16. А в идеале в начале каждой записи нужно сделать кнопки, кликая по которым читатель сам бы смог установить размер шрифта, удобный для него.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Для чтение лучше всего подойдет один из стандартных шрифтов без засечек

Оформление статьи

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

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

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

Абзацы. Ну это понятно, не будете же вы писать весь текст в одном абзаце, верно? Хотя пару раз мне встречался такой текст. Это полный ужас. Но просто использовать абзацы мало. Нужно еще и контролировать кол-во содержимого внутри. Желательно не допускать, чтобы в абзаце было более 5-7 строк текста. Иначе его уже трудно воспринимать.

Списки. Где нужно — маркированные, в другом месте — нумерованные. Списки отлично улучшают внешний вид записи, привлекают внимание. Конечно, тут кое-что зависит и от дизайнера (какое он разработал оформление) потому что лично мне сильно не нравится дизайн, который есть для списков в html по умолчанию. И то он лучше, чем вообще не использовать списки.

Цитаты. Они оформляются отлично от обычного абзаца, поэтому позволяют тоже разбавить текст. Если есть возможность, стоит их использовать. Хотя бы иногда. Заодно это позволяет сделать сам текст интереснее.

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

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

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

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

Дополнительные советы и фишки

Как еще улучшить читабельность? Может помочь внедрение некоторых дополнительных стилей. Например, первую букву текста можно оформить не так, как все остальные. Это можно сделать в css с помощью псевдоэлемента :first-letter. Такой эффект часто встречается в книгах.

Также можно самый первый абзац начать с красной строки (свойство text-indent). Нужно обращать внимание и на такой показатель, как междустрочный интервал. Его нужно отрегулировать так, чтобы было максимально комфортно читать. Это уже более глубокая тема, которая заслуживает исследования с вашей стороны (вбейте в поисковик “вертикальный ритм текста”). Это если хотите копнуть глубже.

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Источник: https://webformyself.com/chitabelnost-teksta-chto-eto-i-kak-povysit-etot-pokazatel/

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

Как сделать текст читаемым

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

Так как же сделать так, чтобы ваш текст захотели читать? Вот несколько советов.

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

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

Поэтому, работая с текстом в макете, дизайнеру нужно ставить себя на месте пользователя и задавать себе такой вопрос: «Хочу ли я это читать? Приятно ли мне потратить 5, 10, 15 минут на чтение этого текста?».

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

Используйте шрифты без засечек для основного текста

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

В вебе читать не любят. Даже можно сказать так: мы не читаем сайты, мы просматриваем их.

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

Используйте иерархию

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

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

Помните о контрасте

Контраст является ключевым фактором для того, чтобы текст легко читался.

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

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

Делайте отступы между абзацами и между строк

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

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

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

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

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

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

Пишите цепляющие заголовки

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

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

П.С.

Источник: http://vilchinskaya.com/kak-sdelat-tekst-na-sajte-maksimalno-chitabelnym/

Как сделать тексты на сайте удобными для чтения?

Как сделать текст читаемым

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

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

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

Какой текст удобно читать?

Чтобы понять, как сделать текст удобным для чтения, давайте вспомним, как же мы читаем. При чтении наши глаза не переходят последовательно с буквы на букву, а делают небольшие скачки по строке, захватывая по 2-4 слова за 1 раз. В случае повседневных текстов (новости, газеты, письма на электронной почте, сообщения в соцсетях или Скайпе) взгляд перескакивает и на соседние абзацы.

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

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

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

Здесь красным отмечен путь первого (оценочного) взгляда.
Желтым выделены куски текста, в которых пользователь нашел свои зацепки.

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

Таким образом, все правила по оформлению текста вытекают из трех основных принципов:

  • Важные части текста должны быть выделены. Именно по ним будет скользить взгляд при беглом просмотре страницы. Это заголовки, призывы к действию, акции, цены и т.п.
  • Текст должен быть разбит на небольшие блоки. От 1 до 3 абзацев в блоке. Каждый блок предваряется заголовком. Такой блок посетитель сможет охватить взглядом за 2-3 скачка. Наиболее важные блоки должны быть расположены в начале страницы.
  • В тексте должны быть картинки. Воспринять информацию с картинки гораздо проще, чем из пары предложений текста. Кроме того, интересная картинка поможет удержать внимание пользователя.

Теперь перейдем к конкретным советам.

Советы по оформлению текста:

  • Используйте шрифты без засечек. Например, Arial, Tahoma, Open Sans, Verdana.
  • Рекомендуемый размер шрифта – 14-16 пикселей.
  • Не злоупотребляйте курсивом и жирным шрифтом.
  • Для выделения цветом используйте 1-2 основных цвета, не больше.
  • Соблюдайте иерархию заголовков. Самый важный заголовок – самый большой по размеру. Остальные – меньше.
  • Используйте чуть разреженный межстрочный интервал (верстальщику: line-height:1.3).
  • Для открывающих и закрывающих кавычек используйте символы « »
  • Поставьте отступы между абзацами текста.
  • Выровняйте текст по левому краю по одной линии.
  • Оформите ссылки как ссылки. Сделайте их другого цвета (например, синего) и подчеркните. При наведении курсора мыши можно убирать подчеркивание либо менять цвет ссылки на более яркий.
  • Оформите кнопки как кнопки =) Как правило, кнопка прямоугольная (могут быть закругленные края), она выделяется цветом фона, у нее может быть тень. При наведении курсора кнопка меняет цвет.

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

Текст оформлен по правилам

Тот же текст, но правила не соблюдены

Остается лишь не потерять эту структуру при размещении текста на сайте.

Посмотрите на два примера верстки одного и того же текста:

Текст слабо структурирован (взгляду практически не за что зацепиться)

Текст с четкой структурой (заголовок → список товаров →

список преимуществ → призыв к действию)

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

В своих текстах мы используем 9-10 основных блоков, из которых собирается текст. Рассмотрим чуть подробнее некоторые из них.

3.1. Основной заголовок

Основной заголовок – это самый крупный текст на странице, выравниваем его по центру, отбиваем отступами от основного текста.

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

3.2. Каталог товаров или список услуг

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

Если названия товаров длинное, то можно расположить их по два на строчку (и использовать картинки поменьше):

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

3.3. Список преимуществ

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

Либо можно выделить фоном заголовки преимуществ:

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

3.4. Призыв к действию

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

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

3.5. Акции

Одна-две коротких фразы, предваряемых словом «Акция» или «Внимание». Выделяем эту информацию (цветом, размером, рамкой или фоном), например:

Хорошо привлекают внимание картинки:

3.6. Шаги/схема работы

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

Если всего 2-3 шага, можно разместить их в одну строку и разделить стрелками:

Либо такой вариант (для небольшого числа шагов с короткими текстами):

Это наглядно покажет клиенту, что схема действий проста и понятна.

3.7. Оплата и доставка

Это важная информация, которую пользователь будет целенаправленно искать на странице. Можно добавить иконки (не слишком яркие), чтобы облегчить пользователю поиск. Сами способы оплаты и доставки вставляем как список (с маркерами) – по маркерам легко происходит распознавание «много/мало».

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

Возникают затруднения при размещении текстов? Напишите нам – поможем.

P.S. О том, как еще можно повысить удобство сайта, я также рассказываю на вебинаре «Повышаем продажи с заботой о пользователях: 30 приемов».

Источник: https://1PS.ru/blog/sites/kak-sdelat-tekstyi-na-sajte-udobnyimi-dlya-chteniya/

Читабельность текста: что это такое и как её улучшить

Как сделать текст читаемым

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

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

Составление заголовка

Заголовок – это мощнейший инструмент создания интересного контента. В процессе HTML-разметки и SEO-оптимизации текстового наполнения особое внимание уделяется корректно составленным и читабельным заголовкам.

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

Тип шрифта

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

Удобочитаемость текста не зависит строго от гарнитуры. Так, изменив гарнитуру в этой статье с Arial на Times New Roman вы с легкостью продолжите чтение и не будете испытывать неудобств.

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

При публикации текста рекомендуется использовать один либо два вида шрифта. Абзацы и строки не должны «прыгать» перед глазами.

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

Выбор кегля шрифта (размера)

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

  • фиксирования на определенном уровне (как правило, от 18 до 22 px исходя из тематики интернет-портала и потенциальной аудитории);
  • процентного соотношения (в соответствии с системным значением и автоматическим расчетом браузера). Для лучшей читабельности стоит отдавать предпочтение более крупным шрифтам, позволяющим пользователям со слабым зрением комфортно воспринимать текст.

Исключение верхнего регистра

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

Оптимальная длина предложений

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

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

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

Чередование длинных и коротких предложений

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

Разбивка на абзацы

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

Акцент на важной мысли и употребление цитат

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

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

Выделяя ключевые слова, учитывайте следующие нюансы:

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

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

Использование списков

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

Длина статьи

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

Для обычного текста, предназначенного для широкой аудитории, оптимальная величина составляет от 8000 до 10000 символов. Такой объем оптимален с точки зрения восприятия и анализа поисковыми системами.

Способ выравнивания

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

Подытожить сказанное

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

Необходимость вычитки

После написания текста и окончательного форматирования следует оценить его читабельность в несколько этапов:

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

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

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

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

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

***

Читайте оригинал статьи у нас в блоге, ставьте лайки и подписывайтесь на канал! Дальше — ещё полезнее и интереснее. ;)

Источник: https://zen.yandex.ru/media/id/592e13568e557dedf24362f6/5c2a009c70c93f00a9a90eae

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

Как сделать текст читаемым

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

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

Но сначала давайте разберемся с типами интернет-текстов и их назначением.

Виды текстов

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

  — Продающий текст

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

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

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

— SEO-текст

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

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

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

Переходим к читабельности.

Способ 1. Работа со шрифтом

  • выбор шрифтов,
  • междустрочное расстояние,
  • расстояние между буквами

Выбирайте google fonts — гугловские шрифты будут одинаково отображаться на всех устройствах и всегда выглядят хорошо. Я бы посоветовал использовать шрифты Ubunta, Roboto или Open Sans — у них в гарнитуре большое количество вариантов начертания.

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

Чтобы понять, как это выглядит, взгляните на пример.

Способ 1.png

Способ 1 1 .png

Способ 1 2 .png

Способ 2. Применение принципов контраста

  • размер
  • насыщенность
  • структура

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

Заголовок задается с помощью bold, подзаголовок с помощью regular, а содержание текстового блока с помощью light — это разные способы начертания одного и того же шрифта. Насыщенность — это когда заголовок раздела черный, как свежий кофе, а подзаголовок или текстовый блок серый, как ваше серое вещество.

Способ 2.png

Способ 2 1.png

Способ 3. Работа с изображениями

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

Если вы далеки от веб дизайна и программирования, то можете использовать такой удобный (и бесплатный) сервис, как Tilda. Этот конструктор создан специально для того, чтобы красиво преподносить большие текстовые объемы и делать их более простыми для восприятия.

Многие решения по работе с изображениями вы можете посмотреть и скопировать из Tilda.

Способ 3.png

Способ 3 1.png

Способ 3 2.png

Способ 3 3.png

Способ 4. Структурирование текста

  • выделение главных мыслей,
  • структурирование текста с помощью заголовков и подзаголовков,
  • разбивка на абзацы,
  • создание маркированных списков

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

Способ 4.png

Способ 5. Инфографика

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

Вот несколько примеров, чтобы вам стало понятней, о чем речь.

Способ 5.png

Способ 5 1.jpg

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

Просто мы в этом знаем толк. Как волк в поросятах.

Источник: https://iq-adv.ru/blog/5-sposobov-sdelat-tekst-chitabelnym/

Интересные факты
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: