+7(499)-938-42-58 Москва
+7(800)-333-37-98 Горячая линия

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

Содержание

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

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

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

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

Совершенствуйте свои навыки, получайте больше знаний и становитесь настоящим профессионалом!

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

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

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

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

  1. Составляйте общий заголовок для статьи. Выделяйте его стилем «Заголовок 1», чтобы при публикации на интернет-ресурсе он отображался более ярким и жирным шрифтом.
  2. Делайте текст структурированным, разбивайте его на абзацы по 3-6 предложений, формируйте подзаголовки, которые будут разделять статью на несколько смысловых блоков.
  3. Более читабельным ваш текст сделают также различные списки (маркированные или нумерованные). И опять же, чтобы эти списки правильно отображались на сайте, пользуйтесь специальными функциями Microsoft Word.
  4. Пишите статью одним шрифтом. Если по каким-то причинам вы увидели, что один абзац получился одним шрифтом, а второй — другим, то выделите в конце весь текст и примените к нему единый шрифт.

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

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

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

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

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

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

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

Особенности проверки текста

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

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

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

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

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

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

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

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

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

Советы по улучшению читаемости

Кроме вышеописанных требований, при написании текста стоит также обращать внимание на такие рекомендации:

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

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

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

Источник: https://mynetmoney.ru/chitabelnost-teksta/

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

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

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

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

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

Заголовок – это мощнейший инструмент создания интересного контента. В процессе 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

Какие тексты удобно читать пользователям в Интернете? 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 Выравнивание текста

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

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

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

https://www.youtube.com/watch?v=xFaGZ4OzbdQ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: http://mexboy.ru/?p=3225

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

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

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

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

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

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

Чтобы понять, как сделать текст удобным для чтения, давайте вспомним, как же мы читаем. При чтении наши глаза не переходят последовательно с буквы на букву, а делают небольшие скачки по строке, захватывая по 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/

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/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

П.С.

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

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

    Добавить комментарий

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.