Анатомия лонгрида
Используйте нашу формулу, чтобы создать красивый лонгрид, от которого невозможно оторваться. Мы разобрали его на составляющие, чтобы вы могли использовать все возможности для эффектной подачи контента.
Элементы лонгрида и советы по контенту
1
Обложка
Первое, что видит посетитель сайта — это обложка. Она должна быть эффектной и лаконичной. Изображение, заголовок и краткое описание — ничего лишнего
1.1 Заголовочный комплекс
Комбинация заголовка, подзаголовка и названия рубрики. Заголовок выполняет контактную функцию — «цепляет», побуждает прочитать материал, а подзаголовок — информативную: поясняет о чем статья.
Комбинация заголовка, подзаголовка и названия рубрики. Заголовок выполняет контактную функцию — «цепляет», побуждает прочитать материал, а подзаголовок — информативную: поясняет о чем статья.
2
Текст
Основной текст статьи должен быть оформлен максимально просто. Его главная цель — быть удобным для чтения.
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 Кнопки шаринга
В конце лонгрида поставьте кнопки «Поделиться в соцсетях», чтобы люди делились статьей и привлекали на ваш сайт больше посетителей.
В конце лонгрида поставьте кнопки «Поделиться в соцсетях», чтобы люди делились статьей и привлекали на ваш сайт больше посетителей.
2.15 Авторы
Информация об авторе текста и ссылки на источники изображений.
Информация об авторе текста и ссылки на источники изображений.
3
Навигация
Используйте навигацию, чтобы читателю было удобно ориентироваться. Обозначьте в начале статьи содержание с якорными ссылками и возможность почитать другие статьи в конце.
3.1 Содержание
Если лонгрид большой, разместите в начале содержание с основными разделами и поставьте на них якорные ссылки.
Если лонгрид большой, разместите в начале содержание с основными разделами и поставьте на них якорные ссылки.
3.2 Читайте также
Дайте возможность читателю перейти на предыдущую или следующую статью. Предложите почитать материалы на похожие темы или вернуться на главную.
Дайте возможность читателю перейти на предыдущую или следующую статью. Предложите почитать материалы на похожие темы или вернуться на главную.
3.3 Форма подписки
Добавьте форму, чтобы читатель мог подписаться на рассылку о новых статьях.
Добавьте форму, чтобы читатель мог подписаться на рассылку о новых статьях.
3.4 Подвал
Поставьте логотип компании, копирайт и укажите ссылки на основные разделы вашего сайта или на соцсети.
Поставьте логотип компании, копирайт и укажите ссылки на основные разделы вашего сайта или на соцсети.
Расскажите друзьям об анатомии лонгрида
