Как оформить статью на сайте? 10 элементов, без которых вашу статью не прочтут

Опубликовать статью на сайте — это не просто скопировать и вставить предложения из текстового редактора.

Люди читают тексты хаотично, наши глаза сканируют страницу по Z-траектории и останавливаются там, где интересно. Именно к таким выводам пришли исследователи из Nielsen Norman Group.

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

Что вы узнаете:

Основные элементы для оформления статей на сайте

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

1. Заголовок и подзаголовок

Заголовок — первое, что бросается в глаза читателю. Вспомните сцену из фильма «Матрица», когда среди толпы в черных костюмах появляется девушка в красном. Именно её мы замечаем сразу, она выделяется и приковывает внимание.

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

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

Чего еще не хватает нашему примеру? Правильно, подзаголовков.

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

С их помощью мы добиваемся сразу трех целей:

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

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

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

2. Структура статьи

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

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

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

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

3. Оглавление и быстрые ссылки на важные блоки

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

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

Вот несколько причин, почему нужно оглавление и быстрые ссылки в статье:

Экономит время.

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

Повышает информативность.

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

Помогает SEO.

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

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

4. Понятный и читаемый текст

На первую годовщину свадьбы мы с мужем поехали в путешествие по Европе. И как-то одним чудесным утром мне нестерпимо захотелось апельсинового фреша. Мы выбрались из нашей уютной римской квартиры и начали искать. Заходили в кофейни и магазинчики на районе, спрашивали «Do you have fresh orange juice?» и ловили взгляды полные непонимания. Синьоры разводили руками и что-то щебетали на итальянском. Стоит ли говорить, что в то утро я так и не выпила апельсинового фреша?

Я веду к тому, что ваша задача написать статью на понятном и доступном языке.

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

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

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

Вот несколько советов, как писать простые и читаемые статьи:

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

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

5. Фото, картинки и иллюстрации

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

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

Картинки в статье выполняют несколько важных функций:

1. Привлекают внимание.

Люди в первую очередь обращают внимание на визуальные элементы. Иллюстрации помогают сделать текст более привлекательным и интересным.

2. Помогают читателю лучше понять и запомнить информацию. Они могут сделать сложные темы более понятными и наглядными.

3. Делают текст более интересным. Иллюстрации оживляют текст и делают его более интересным для чтения. Они могут добавить в текст юмор, красоту или информативность.

4. Помогают с SEO-продвижением. Поисковые системы учитывают наличие иллюстраций при ранжировании сайтов. Поэтому статьи с иллюстрациями будут иметь более высокие позиции в поисковой выдаче.

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

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

6. Цитаты

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

Будьте осторожны с цитатами, они опасны. Используйте этот прием только тогда, когда вы уверены: цитата уместна и интересна.

«Будьте осторожны с цитатами, они опасны»

Какие цитаты можно использовать в статье:

Важная мысль из статьи.
Высказывание известного человека по теме.
Цитирование данных и фактов, например, цифры или исследования

Главное в этом деле знать меру и не перегружать статью обилием цитат. Достаточно 1-2 на лонгрид.

7. Ссылки на авторитетные ресурсы

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

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

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

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

Есть несколько вариантов, как оформить ссылки в статье.

Вариант 1. Из контекста понятно, куда ведет ссылка. Избегайте вариантов, когда ссылка оформлена через слово «здесь», «ссылка», и так далее.

Плохо	Хорошо
Узнайте подробнее здесь	Узнайте как получить маткапитал на сайте пенсионного фонда России.
Мое портфолио находится тут	Мое портфолио на странице «Обо мне»

Вариант 2. Зашейте пользу, выгоду или преимущество для читателя.

Плохо	Хорошо
Советы для сухой кожи	Как защитить кожу во время отопления
Адвокат отвечает	Как выселить бывшего мужа. Отвечает адвокат

Вариант 3. В конце статьи, оформив через фразы «См.также», «Полезные ссылки», «Ссылки».

8. Блок автора

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

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

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

9. Превью статьи (картинка)

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

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

При выборе превью-картинки:

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

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

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

10. Meta-теги: Title & Description

Meta-теги Title и Description – это элементы HTML-кода, которые не отображаются на странице, но играют важную роль в SEO.

Title (Заголовок) – это текст, который отображается в результатах поиска и в верхней части браузера.

Description (Описание) – это краткое описание содержания страницы, которое также отображается в результатах поиска.

Meta-теги Title & Description:

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

При написании Title & Description:

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

Пример:

Title: Как написать SEO-оптимизированный текст

Description: В этой статье вы найдете советы по написанию текста, который будет хорошо ранжироваться в поисковых системах.

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

Еще несколько советов для качественного оформлении статьи

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

Также обратите внимание на следующее:

Проверьте, как смотрится ваша статья на смартфоне. По данным Яндекс.Метрики 72% посетителей моего сайта читают контент с мобильных устройств. Я уверена, даже вы сейчас читаете этот пост со смартфона.
Следите за качеством картинок. Желательно использовать формат webp, потому что он весит меньше и страница загружается быстрее.
Используйте списки, они облегчают восприятие информации.
Сделайте текст читаемым. Используйте короткие предложения и абзацы. Избегайте сложных слов и канцеляризмов. Добавляйте воздух в оформление статьи.

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