Читатель намерен провести с вами много времени добровольно, если у вас хороший контент. Длинные тексты хорошо заходят даже в соцсетях, если правильно подать их аудитории.
Дарья Тамилина
Дата публикации: 21 янв 2020
Дата обновления: 1 окт 2024
8 минут
Маркетинговый свет не сошелся клином на видео и картинках: как показывает практика нашего блога, люди готовы читать длинные тексты. Мы уже писали об особенностях сочинения лонгридов, но работа над ними не ограничивается писательским трудом. Поэтому сегодня хочу поговорить о способах их верстки на сайтах и о том, как можно улучшить читаемость длинных постов в соцсетях.
Лонгриды на сайте
Очевидно, что огромный текст без всякой структуры читать трудно. При публикации лонгрида нужно сделать простую и понятную конструкцию из букв. Это важно как на уровне абзацев, так и на уровне отдельных символов.
Общий вид текста
Русский язык – тяжелый для веб-форматов. Переносы тут не приняты, а длинные слова то создают огромные дыры в конце строк, то вываливаются из общего массива. 
Почитать в таком режиме пару абзацев – не страшно. Но в длинном тексте прыжки по строчкам вызывают раздражение, глаза быстрее устают, сконцентрироваться труднее.
Переносы слов, которые принято делать в печатных книгах, не только экономят бумагу, но и создают ровное текстовое полотно. Увы, в цифровом мире переносы не приняты. В качестве альтернативы можно менять трекинг (расстояния между всеми буквами) и кернинг (расстояния между конкретной парой символов). Но нужно ли? 
Трекинг и кернинг надо применять в меру, и лучше не пытаться с их помощью выровнять весь текст.
Адекватным образом вы никогда не превратите русскоязычный текст на сайте в благопристойную прямоугольную простынку. Остается принять этот косяк как данность и использовать другие возможности оформления по максимуму.
Во-первых, текст делится на абзацы. Всегда.
В цифровом мире приняты так называемые швейцарские абзацы, в них кусочки текста отделяются друг от друга пустой строкой. В бумажных книгах для отделения абзацев делают красную строку, ради экономии места, но на сайтах этот прием использовать не стоит: выравнивание из-за них будет смотреться небрежно не только с правой, но и с левой стороны.
Используйте маркированные списки, если в тексте идет перечисление равнозначных блоков информации. Благодаря спискам самое важное не затеряется в общем массиве.
Нумерованные списки нужны, только если вы упоминаете последовательные пункты – иначе цифры запутают читателя. Делайте акценты с помощью жирных и курсивных начертаний. Главное – определитесь для себя, для какого рода информации вы используете каждое начертание и не путайте их. Часто жирным выделяют главное, а курсивом – второстепенное (или цитаты, например).
Также для выделения информации можно использовать втяжку: размещать целый абзац с отступом от левого края. Это часто делают для списков, цитат, лирических отступлений. 
Вопрос об акцентах остро стоит, если вы размещаете текст на сайте сплошным полотном: тогда глаз будет цепляться за списки, начертания и втяжку.
Но иногда текст размещают в несколько колонок – тогда важнее не переборщить с акцентами и сделать структуру понятной. Поэтому колонки всегда делаются по сетке: вы должны выбрать минимальный модуль, который везде будет повторяться. 
Главный хребет текста – это заголовки.
Если у нас несколько колонок, мы должны четко понимать, который заголовок к чему относится. Иначе в длинном тексте мы не поймем, где продолжать чтение. Поэтому заглавие всего текста должно охватывать все колонки, как в примере выше.
А вот совсем плохой пример для сравнения: 
На самом деле на сайтах делают колонки гораздо реже, чем на бумаге. Опять же из-за рваных окончаний строчек! Колонки узкие, разрывы более явные и от них рябит в глазах. Поэтому в большинстве случаев сплошной текст – это более выигрышный формат.
Работа с символами в тексте
С общим видом текста разобрались. Теперь к деталям — в которых, помимо дьявола, кроются шрифты, «коридоры», висячие строки, висячие предлоги и целых три разновидности пробелов. Начнем со шрифтов. Они бывают с засечками и без. Считается, что для чтения хороши засечки, но сейчас и рубленые шрифты спокойно используются в статьях. Шрифт – это настроение вашего текста.
А еще у шрифта есть кегль (размер), и обычно его варьируют в районе 12-14 pt, чтобы чтение не вызывало трудностей.
Подробнее о тонкостях типографики читайте в нашей статье.
Выбором шрифта и кегля дело может ограничиться: раньше книжки печатали на века, а сейчас контент выходит регулярно, и тонкости верстки отходят на второй план. Но если вы делаете важный текст, который будет долго висеть на сайте, можно и заморочиться. Вычистить висячие строки, например. Это коротенькие слова, которые остаются в конце абзаца. 
Еще бывают висячие предлоги, союзы и знаки препинания. 
Кстати, есть три вида пробелов – обычные ставятся между словами, короткие обрамляют знак тире, а неразрывные помогают избежать косяков, которые я показала выше. Вряд ли вашим читателям важно обрамление тире, а вот висячие символы подправить можно. Убрать «коридоры». Их получить искусственным образом очень трудно, так что картинки не будет. Но вы можете столкнуться с тем, что пробел в одном и том же месте стоит в трех-четырех строчках подряд, образуя большую вертикальную дырку. Это «коридор», его можно убрать, покрутив кернинг. Даже если у вас нет времени вникать во все тонкости, чтобы превратить абзацы в произведение искусства, просмотрите готовый текст. Вдруг вас раздражает большое белое пятно, образовавшееся из пробелов, или отдельный предлог в конце строчки, из-за которого трудно понять смысл фразы? Всегда можно что-нибудь придумать. Но помните, что после редактуры хотя бы одного слова вся картина уже изменится, потому что слова сдвинутся. Дальше можно креативить: менять цвет текста, фона, наклонять и двигать строки. Главное – текст должен читаться без затруднений. Для этого должно быть соблюдено как минимум три правила:
- Буквы всегда должны быть значительно темнее или светлее фона (лучше темнее);
- В заголовках не должны разрываться слова;
- Для вертикальных надписей лучше наклонить на 90 градусов строку, а не печатать буквы в столбик: русские буквы очень разные по ширине и плохо смотрятся в вертикали.
Чтобы научиться интуитивно отличать хорошую верстку от плохой, попробуйте пройти тест по ссылке. Никаких академических знаний он вам не даст, но даст общее представление о хорошей читаемости текста.
В этой статье говорится о нашей услуге
Лонгриды в соцсетях
Во «ВКонтакте» можно верстать статьи, почти как на сайтах, но иногда длинные тексты пишут и в формате обычных постов. А в соцсети-с-картинками и вовсе нет выбора. Возможности структурирования текста в постах очень ограничены, но они есть.
Эмодзи в длинном посте могут служить в качестве маркеров. Маленькие картинки позволяют выделить самое важное, показать заголовки или отделить куски текста друг от друга.
Впрочем, не едиными эмодзи жив SMM-щик. Обычное разделение на абзацы тоже актуально для соцсетей, хоть и работает по-другому: в постах абзацы гораздо короче, чем на сайтах, так легче читать. Иногда абзацными отступами выделяется и вовсе одно слово — получается подобие подзаголовка. И, поскольку, жирных / курсивных начертаний в постах нет, КАПС ЖИВ! Он подходит для заголовков или самых важных фраз.
Иллюстрации в лонгриде
Современные лонгриды отличаются от романов Льва Николаевича – прежде всего, это мультимедийные конструкции. Должна сказать по опыту автора, что подбирать картинки – это сложно. Легко, только когда вам есть, что демонстрировать. Но иллюстрации нужны периодически, для структурирования текста, развлечения читателя, акцентирования вашей мысли. Кажется, что привлечь внимание можно рандомной картинкой.
Милые и смешные картинки, мемы и комиксы хороши только тогда, когда вы можете их притянуть к содержанию. Хотя бы за уши. Поэтому Керри с ноутбуком за работой — пойдет, а Керри без ноутбука отвлекает.
Идеально, когда картинки не просто служат для структуры, а раскрывают содержание статьи. Вы можете проиллюстрировать то, о чем говорите, показать примеры, схемы и графики. Очень важно, чтобы везде были релевантные подписи, и не было ненужной информации, о которой вы не говорите. Это частая беда, когда графики приходится скачивать из интернета.
Выбирая иллюстрации, приходится думать еще и о технических аспектах: детали большой картинки со смартфона можно не разглядеть, а гифки могут не загрузиться при медленном интернете.
Среди потока картинок и односложных фраз, популярность лонгридов — настоящее чудо. Читатель намерен провести с вами много времени, добровольно. Длинные тексты хорошо заходят даже в соцсетях, если правильно подать их аудитории.
Нужна помощь с контентом для VK ? Обращайтесь к нам за услугами Контент-маркетинга.
Как оформить лонгрид в ворде
Вместе с нашими опытными экспертами, менее чем за 1 час, вы сможете оценить удобство и функциональность конструктора именно под ваши задачи.
ПОПУЛЯРНЫЕ ВОПРОСЫ О SCROLL
Посмотрите на самые популярные вопросы о нас. Возможно мы уже ответили здесь и на ваши вопросы. Если ответ не найден, напишите нам, позвоните или закажите звонок.
Scroll – это российская компания?
Scroll (ООО Скролл) — это облачное решение, которое входит в реестр IT-компаний РФ, свидетельство о государственной регистрации программы для ЭВМ № 2023686111. Хранилища данных расположены на территории РФ.
Как я могу протестировать Scroll?
Регистрация в конструкторе Scroll бесплатная. Вам доступен демо-доступ на 14 дней, 3 проекта и возможность добавить дополнительного редактор для теста совместной работы над проектами.
Смогу ли я использовать аккаунт после окончания демо-доступа?
Да, сможете. По окончании демо-доступа будет ограничен только раздел Экспорт. Сам редактор и созданные вами проекты мы бережно храним до вашего возвращения к работе над ними.
Как я могу оплатить доступ к сервису?
Оплатить сервис вы можете двумя способами, банковской картой или по счёту. Функционал оплаты находится в Меню конструктора в разделе Аккаунт-Подписка-Управление подпиской
Для запроса счёта вы можете воспользоваться соответствующей кнопкой в разделе Аккаунт-Подписка-Управление подпиской или написать нам на почту sales@scroll-tool.ru
Кто такой владелец аккаунта?
Владелец аккаунта – это пользователь, на чью почту зарегистрирован аккаунт в Scroll. Владелец такой же редактор, но с функционалом управления аккаунтом. Владелец имеет права на добавление новых редакторов, экспертов, распределяет права на редактирование уже созданных проектов или выдает права на экспорт в различные системы СДО, управляет оплатой, корзиной и настройками интеграций.
Входит ли владелец аккаунта в число редакторов, указанных в тарифах?
Да, владелец имеет права на редактирование любого проекта, сценария или тренажёра. Например, если в тарифе Бизнес указано 3 редактора, то владельца аккаунта тоже стоит учитывать в их числе.
Лонгриды это одна “бесконечная” страница текста с картинками?
Нет, формат Лонгрид это скорее механика изучения содержания материала. Пользователь не перелистывает ограниченные по высоте слайды вправо и влево, а “скролит” страницу вверх и вниз. Это современная и привычная механика изучения контента в социальных статьях или информационных интернет изданиях, где размещаются статьи. Проекты в Scroll можно разделить на разделы, и ограничивать, фокусировать внимание учеников внутри каждого раздела, используя соответствующие контентные блоки.
Форматы контента, создаваемого в Scroll могут быть как в формате текста, изображения, так и в формате аудио или видео. Наличие интерактивных контентных блоков, конструктора диалоговых тренажёров создают пространство для вовлечения и удержания внимания ученика на изучаемом материале.
Что такое поведенческие тренажёры и где их можно создать в Scroll?
Поведенческие тренажёры это новый формат интерактивных онлайн-курсов, доступный для создания широкой аудитории без сложных настроек и навыков работы в профессиональных конструктор онлайн-курсов, как Articulate Storyline.
Поведенческие тренажёры это визуализация рабочей или жизненной ситуации через текстовое описание или снятый видеоролик, в конце которого ученик может выбрать один из нескольких вариантов, как он бы поступил в предлагаемых обстоятельствах. В зависимости от выбранного варианта, ученику предлагается следующая сцена, отражающая последствия его выбора с набором следующих вариантов.
В каждой сцене можно настроить, эмоции оппонента, баллы, обратну связь и много другое
Можно ли приобрести диалоговые тренажёры отдельно от конструктора лонгридов?
Да, возможно. На сайте в разделе Тарифы и внутри меню конструктора в разделе Аккаунт-Подписка-Управление подпиской для каждого пользователя есть возможность собрать свой аккаунт включив в него или выключив из него, функционал конструктора лонгридов, диалоговые тренажёры и дополнительных редакторов.
Общество с ограниченной ответственностью "Скролл"ИНН: 9710099833ОГРН: 1227700395515
Анатомия лонгрида
Используйте нашу формулу, чтобы создать красивый лонгрид, от которого невозможно оторваться. Мы разобрали его на составляющие, чтобы вы могли использовать все возможности для эффектной подачи контента.
Элементы лонгрида и советы по контенту
Обложка
Первое, что видит посетитель сайта — это обложка. Она должна быть эффектной и лаконичной. Изображение, заголовок и краткое описание — ничего лишнего
1.1 Заголовочный комплекс Комбинация заголовка, подзаголовка и названия рубрики. Заголовок выполняет контактную функцию — «цепляет», побуждает прочитать материал, а подзаголовок — информативную: поясняет о чем статья.
Текст
Основной текст статьи должен быть оформлен максимально просто. Его главная цель — быть удобным для чтения.
2.1 Лид Лид идет после обложки и кратко описывает содержание статьи. Он вовлекает в чтение и помогает понять, о чем пойдет речь.
2.2 Параграф Основной текст должен быть максимально простым. Главная цель верстки — чтобы лонгрид было удобно читать.
2.3 Персона Иногда в статье важно выделить имя автора или эксперта. Добавьте фотографии и краткую информацию о них в начале лонгрида.
2.4 Подзаголовок Подзаголовки структурируют весь материал и влияют на решение читателя, стоит ли материал внимания.
2.5 Список Используйте блоки с нумерацией, это придаст порядок и разбавит однородный текст.
2.6 Ключевая фраза Выделяйте важные фразы в тексте, они заинтересуют читателя и побудят прочитать статью полностью.
2.7 Прямая речь Отдельно выделяйте цитаты приглашенных экспертов. Добавьте их фотографии, чтобы текст смотрелся живее.
2.8 Карточка Краткое и емкое объяснение термина или понятия.
2.9 Таймлайн Используйте таймлайн, если важно показать хронологию событий или порядок действий.
2.10 Тултип Используйте небольшие подсказки, чтобы кратко объяснить смысл слова или дать ссылку на статью.
2.11 Изображение Используйте качественные фотографии с хорошим разрешением, сбалансированной резкостью, яркостью, контрастом и цветом. Не забудьте о подписях — при беглом просмотре читатель лучше поймет, о чем статья.
2.12 Галерея Используйте галерею, чтобы показать несколько фотографий одновременно. Можно сделать слайдеры или комбинацию из нескольких фотографий.
2.13 Видео Видео — хороший способ показать, как работает механизм, или объяснить главную идею. Размещайте видео в одну или несколько колонок. Используйте их отдельно или на фоне в обложке.
2.14 Кнопки шаринга В конце лонгрида поставьте кнопки «Поделиться в соцсетях», чтобы люди делились статьей и привлекали на ваш сайт больше посетителей.
