Какое соотношение символов и текста допустимо

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

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

Основные выводы:

• Оптимальная длина строки для основного текста составляет 50–75 символов.
• Более короткая или длинная строка может ухудшить удобство восприятия информации.
• Широкомасштабное тестирование показывает, что длина строки текста влияет на усвоение пользователями сути описания продукта или услуги.

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

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

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

В статье мы обсудим:

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

1. Общие принципы, которые касаются длины строки и удобства восприятия текста

Различная длина строки в конечном итоге влияет на удобство восприятия текста, размещенного на сайте.

Правильное количество символов в каждой строке является ключом к улучшению усвоения текста.

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

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

Он пришел к выводу, что оптимальная длина строки для основного текста составляет 50–60 знаков, включая пробелы («Типография», Э. Рудер).

Согласно другим источникам допустимо использование до 75 символов.

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

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

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

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

2. Как чрезмерно длинные строки текста вызывают негатив со стороны пользователей сайтов электронной коммерции

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

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

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

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

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

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

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

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

3. Оптимальная длина строки текста для обеспечения удобства восприятия на сайтах электронной коммерции и вопросы доступности

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

В директиве 1.4.8 Руководства по обеспечению доступности веб-контента (WCAG) указано, что строки текста должны содержать менее 80 символов (или менее 40 символов, если текст написан на китайском, японском или корейском языке) для того, чтобы любой пользователь мог прочитать текст.

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

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

Описание динамика на сайте B&H Photo разъясняло его функции в формате, удобном для чтения, включая блоки текста и маркированные списки. Когда дело доходит до мобильного UX, длина строки вряд ли будет проблемой в альбомном режиме из-за узкого окна просмотра. А вот длина строки в книжном формате может неправильно отображаться, если она содержит более 80 символов.

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

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

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

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

Однако важно помнить, что длина строки — это только один из компонентов удобства восприятия текста.

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

• Высота строки (т.е. расстояние между строками текста): 1,5em (т.е. она должна быть в 1,5 раза больше размера шрифта).
• Расстояние между абзацами: 2em.
• Расстояние между словами: 0,16 em.
• Расстояние между буквами (т. е. трекинг): 0,12 em.

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

10 правил типографики в интерфейсах

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

Хорошее оформление сайта делает процесс чтения простым, и, наоборот, плохое оформление лишь отталкивает пользователя. Как отметил в своей статье Оливер Райхенштайн «Веб-дизайн на 95% состоит из типографики»:

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

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

Правило №1. Используйте минимальное количество шрифтов

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

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

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

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

Правило №2. Старайтесь использовать стандартные шрифты

Некоторые сервисы, например Google Web Fonts и Typekit, предоставляют различные шрифты, которые могут привнести в дизайн вашего сайта что-то новое, свежее и неординарное. Они очень просты в применении. Возьмем к примеру Google:

• Выберите любой шрифт, например Open Sans.
• Сгенерируйте код и вставьте его в свой HTML.
• Готово!

Что же может пойти не так?

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

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

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

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

Правило №3. Ограничьте длину строк

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

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

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

Для мобильных устройств следует придерживаться длины строки в 30-40 символов. Ниже приведен пример двух сайтов, просматриваемых с мобильных устройств. На первом сайте количество символов в строке составляет 50-75, что является приемлемым только для печати документа или его просмотра с экрана компьютера. На втором сайте количество символов в строке 30-40 — это оптимальный вариант.

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

Правило №4. Выбирайте гарнитуру, которая одинаково хорошо выглядит в любом размере

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

Гарнитура Roboto от Google.

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

Шрифт Vivaldi будет очень сложно читаться на маленьком экране.

Правило №5. Используйте шрифт с четко различимыми символами

Некоторые шрифты затрудняют восприятие похожих друг на друга букв, особенно таких как «i» или «L» (как в примере ниже). Эту же проблему может вызвать и слишком близкое расположение букв друг к другу. Например, «r» и «n», если их написать очень близко, напоминают букву «m». Поэтому при выборе шрифта обязательно проверяйте его в разных контекстах, чтобы убедиться, что он не вызовет проблем у пользователей.

Правило №6. CAPS — не всегда хорошо

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

Правило №7. Не минимизируйте расстояние между строками

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

Правильный интерлиньяж улучшает читабельность. Картинка от Microsoft.

Как отмечает Дмитрий Фадеев, правильное использование пробелов между параграфами на 20% процентов улучшает понимание прочитанного материала и помогает пользователю легче «переварить» текст, который не перегружен лишними деталями.

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

Правило №8. Убедитесь, что вы используете достаточно контрастные цвета

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

• Для текста с мелким шрифтом соотношение контрастов между текстом и его фоном должно быть не менее 4.5:1
• Для текста с крупным шрифтом (шрифт 14 жирный/18 нежирный и выше) соотношение контрастов между текстом и его фоном должно быть не менее 3:1

Соотношение контрастов текста и его фона не отвечает рекомендациям, поэтому его трудно прочитать

Соотношение контрастов текста его фона отвечает рекомендациям, поэтому его легко прочитать

Дальтонизм — это весьма распространенное заболевание, особенно среди мужчин (8% мужчин не могут различать цвета). Поэтому рекомендуется использовать дополнительные инструменты, помимо цвета, для выделения важной информации. Также старайтесь не использовать красный и зеленый в написании текста — при дальтонизме человек чаще всего не различает именно их.

Правило №10. Не используйте мигающий текст

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

Заключение

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

Задача типографики —
выгодно подчеркнуть контент

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

Оптимальная длина SEO текста на странице сайта

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

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

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

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

• Уникальным не менее чем на 95%. Переписывание с некоторыми изменениями, а тем более копирование понравившегося контента, недопустимо;
• Полезным. Вы должны дать своим посетителям полную информацию, и предупредить максимум возникающих вопросов;
• Ключевые слова не должны превышать допустимой нормы, но и слишком малое их количество поисковики не оценят. Нужно придерживаться оптимальной частоты ключевых слов.
• Правильно структурированным. Заголовки и подзаголовки, абзацы, списки, рисунки, таблицы – всё это облегчит легкое чтение и задержит пользователей на странице;
• Оптимальная длина определяется в каждом конкретном случае индивидуально.

Чтобы понять, какой объём текста должен быть на каждой странице сайта, остановимся на этом более подробно.

Укажите ваш сайт и получите рекомендации по написанию текстов для него.

Как определить оптимальный для SEO текстов объём

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

Определить оптимальную длину можно, только выполнив анализ текстов конкурентов, которые лидируют в выдаче.

Как это сделать:

1. Выделите целевые ключевые слова для данной страницы.
2. Найдите ТОП-10 конкурирующих сайтов по этим запросам. Обязательно делайте это в режиме инкогнито в браузере, через приоритетную поисковую систему (Яндекс или Гугл).
3. Посмотрите, какого объёма контент находится на этих страницах, например, с помощью онлайн знакосчиталки от Advego.

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

В каких случаях и чем полезны для продвижения длинные SEO тексты на страницах сайтов

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

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

Что вам даст SEO текст большой длины, размещённый на страничке сайта:

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

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

А какой длины SEO тексты вы размещаете на страницах своего сайта? И какие из них работают на продвижение наиболее оптимально?

Всё об оптимальной длине SEO-текста

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

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

Как длина текста влияет на SEO

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

В выдаче встречаются лонгриды на 50 000 символов и страницы с карточками товаров, которые бывают очень короткими — 100–250 символов.

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

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

В посте Convert Monster «130 факторов ранжирования: полный список» автор советует писать тексты длиннее 2000 слов.

Короткие тексты тоже могут попасть в топ выдачи. Например, статья «Как заработать на квартиру в пределах МКАДа», опубликованная в «Тинькофф Журнале». Статья состоит всего из одного слова, но Гугл показывает ее на первой странице выдачи по запросу «Как накопить на квартиру в Москве».

Если текст длинный из-за большого количества «воды» и ключевых слов — его позиция в поиске будет понижена.

Анастасия Арнакова

Тексты какой длины нравятся людям

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

Известный маркетолог Ниль Патель проанализировал 327 своих статей. Он поделил их на две категории: до 1500 символов и больше. Длинные тексты получили больше репостов и лайков.

Чтобы выяснить, статьи какой длины больше всего нравятся людям, маркетологи Smile Bright Media Inc исследовали по 400 публикаций на Хабрахабре, Geektimes и Spark, а также колонки брендов на сайте vc.ru. Они разделили объем текстов, которые публикуют ресурсы, на 5 групп:

• короче пяти тысяч знаков: небольшие анонсы и обзоры;
• от пяти до 10 000 знаков: краткие выжимки из исследований;
• от 10 000 до 15 000 знаков: материалы с подробной проработкой;
• от 15 000 до 20 000 знаков: небольшие лонгриды;
• свыше 20 000 знаков: лонгриды.

В ходе исследования эксперты обнаружили, что аудитория Хабрахабра и Geektimes, предпочитает материалы с подробной проработкой от 10 000 до 15 000 символов. Бизнес-аудитория vc.ru и пользователи Spark.ru любят лонгриды.

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