Наша цель на сегодня: разобраться в том, как писать и оформлять статьи. Естественно, одним материалом мы не сможем научить вас готовить идеальный контент: помимо чисто механических моментов есть слог, стиль, авторский почерк, которые также влияют на популярность авторов в сети. Для того, чтобы стать настоящим экспертом в этой области (как и в любом другом деле), нужен опыт: рано или поздно у любого автора появляется своё «звучание». Главное — больше читать других и чаще практиковаться.
Сегодняшний материал будет состоять из следующих частей:
- Подготовка текста: каким он должен быть, чтобы его хотелось прочитать
- Оценка качества текста: основные показатели
- Типографика: структура и оформление
- Разметка: делаем контент видимым для поисковиков
На все эти темы уже написано немало статей, и каждый раздел мы сопроводим ссылками на материалы, которыми сами с удовольствием пользуемся.
Подготовка текста
Надеемся, у вас уже есть платформа, на которой вы будете размещать ваши тексты (например, на WordPress). Также, будем считать, что тематика блога тоже выбрана. Далее идём по плану:
- Составляем контент-план — список тем, на которые вы будете писать контент. При планировании плана публикаций вы должны отталкиваться от следующих моментов: 1) какие темы будут востребованы у аудитории, 2) есть ли у вас временные ресурсы, чтобы подготавливать и размещать статьи несколько раз в неделю. Начните с одной широкой темы (например, общей тематики блога) и разбивайте её на более мелкие. Например:
Каждую ячейку можно разбить на ещё десяток подтем — и контент-план готов. Также нам очень понравился подход Leadmachine в статье «Чего хотят читатели? Составляем семантическое ядро для блога»: отталкиваться от семантического ядра (списка поисковых запросов) и на его основании готовить темы, на которые точно будет спрос. Вывод: выбираем темы и в календаре строим план публикаций по датам.
- Раскрываем тему. Детализация зависит от подготовленности аудитории, но если вы целитесь в поисковый трафик, то готовьтесь разжёвывать информацию предельно понятно — ведь за такими инструкциями пользователи и идут в интернет. Представьте, что вы пытаетесь объяснить что-то человеку, который впервые слышит о предмете разговора. Начинающих предпринимателей учат составлять презентации для инвесторов так: «Расскажите презентацию своей бабушке или младшей сестре, сделайте это так, чтобы они вас поняли». Заменяйте сложную терминологию простой, объясняйте специфические термины (даже если вам они кажутся очевидными), не пропускайте шаги.
Начинайте с основ и только потом переходите к более сложным вещам (не забывая давать отсылки к более ранним материалам). Можно сказать «SEO — это поисковый трафик», а можно объяснить, что это «когда пользователи что-то ищут через Google или Яндекс, задача владельца сайта — оказаться на первых позициях первой страницы поиска, чтобы на него заходило больше людей». Звучит не так благозвучно и профессионально, но намного понятнее для неподготовленной публики.
- Дробим темы на подтемы. Лучше написать меньше, но подробно, чем «растекаться мыслью по древу» и пытаться закрыть большой вопрос общим материалом. Идите от частного к общему: сначала разобрать мелкие моменты темы, а затем сделать обзорный материал и подборкой ссылок на готовые статьи.
- Конкретизируем. Постарайтесь исключить из своих материалов такие слова, как «хороший», «эффективный», «качественный», «экономичный» — общие характеристики не дают читателям представления о том, чем же на самом деле описываемые продукт или сервис хороши. Пишите конкретно: не «Шри Ланка дешевле, чем Испания», а «Неделя в 5* отеле обойдется вам в $300 против $1000», не «Помада X лучше, чем Y», а «В отличие от Y, помада X не сушит, не скатывается и держится 3-5 часов», не «Камера в iPhone лучше, чем в Xiaomi», а «Вот сравнение фотографий в портретном режиме при разном освещении в примерно одинаковых флагманских моделях». Дайте возможность читателям самим принять решение, что же лучше, основываясь на ваших экспериментах и исследованиях.
- Структурируем по смыслу. Не забываем, что у любого материала должны быть завязка, основная часть и развязка. В нашем случае это может быть проблема, описанная во вступлении, подробная инструкция или обзор в основной части и логичный финал (вывод, призыв к действию, ссылки на материалы по теме, анонс грядущего контента).
Оценка качества текста: основные показатели
Рассмотрим основные параметры, по которым вы можете трезво оценить качество текста.
- Уникальность. Пожалуй, основной параметр — если ваш текст не уникален, в топ ему не выйти. Мы говорим не про уникальность темы, а про оригинальность самого содержания. Это значит, что нельзя брать чужие материалы и размещать их на своём ресурсе. Также нельзя делать буквальный рерайт (то есть переписывание чужого текста), сохраняя структуру, но заменяя отдельные слова на синонимы. Если вы понимаете, что плохо разбираетесь в теме, возьмите несколько источников, выберите самую важную и полезную информацию и перескажите своими словами. Целевой показатель — не ниже 80%, при этом оставшиеся 20% должны содержать ссылки на источники. В идеале уникальность должна быть 100% (и если вы пишете всё сами, добиться абсолютной оригинальности будет не сложно).
Сервисы проверки уникальности текста: https://content-watch.ru/text/, https://text.ru/, https://advego.com/antiplagiat/. Их очень много, некоторые из них платные или имеют ограничение по количеству знаков в статье — попробуйте разные и выберите тот, с которым вам будет удобнее работать.
- Заспамленость (тошнота) текста. Частое упоминание ключевых слов может сыграть с вами злую шутку. Вам кажется, что они сделают текст более видимым для поисковиков, но в реальности читатели уйдут с сайта, не дочитав и первый абзац. «Хотите купить кровать? Чтобы купить кровать нужно обратить внимание на несколько моментов. Итак, когда вы решили купить кровать, обратите внимание на матрас. Ведь при покупке кровати это один из самых важных параметров!», — согласитесь, уже на этом моменте вы понимаете, что вряд ли найдёте в статье что-нибудь полезное. Ключевые слова превращаются в бесполезный мусор, концентрация пользы в материале сходит на минимум. Не забывайте, что текст должен быть в первую очередь для людей, а не для поисковых машин.
На сервисе text.ru во вкладке «SEO-анализ текста» необходимо кликнуть на иконку открытого глаза, чтобы программа оценила текст по параметрам «Вода», «Заспамленность», «Смешанные слова» и выделила критические моменты
Сервисы оценки заспамленност и тошноты текста: https://text.ru/, https://istio.com/, https://advego.com/. Они используют разные индексы оценки заспамленности (где-то нормой будет 5%, а где-то 50%), поэтому тестируйте их и выбирайте тот, который будет для вас удобнее и понятнее.
- Вода. Если в университете от нас требовали определённое количество знаков, из-за чего курсовые и дипломные работы буквально заливались лишними сложными оборотами, то в ремесле копирайтера вода — это зло. Наверное, лучше Максима Ильяхова никто не объяснит, что из себя эта вода представляет. Мы же обобщим: всё, что можно уточнить — уточняем, а что можно убрать — убираем.
Сервисы оценки воды в тексте: https://text.ru/, https://glvrd.ru/, https://istio.com/. В них есть подсказки, какие слова стоит перефразировать или вообще убрать, чтобы сделать материал информативнее.
- Читаемость. Этот параметр показывает, насколько пользователям будет сложно читать ваш текст. Люди намного проще воспринимают простые короткие предложения. Читая текст, мы невольно делаем паузы на месте запятых и тире. Чем больше их будет, тем чаще мы будет «запинаться», и тем сложнее нам будет читать. Чем больше вы будете перегружать текст излишними вводными и деепричастными оборотами, тем сложнее он будет для восприятия. Сравните: «Играя на площадке, сильно раскачавшись на качелях, мальчик упал, разбив колено» и «Мальчик сильно раскачался на качелях, упал и разбил колено». По смыслу они абсолютно идентичны, но второе воспринимается легче.
Сервисы оценки читаемости текста: https://glvrd.ru/. Рекомендуем пользоваться Главредом — во вкладке «Читаемость» спорные моменты подсвечиваются и снабжаются понятными комментариями. Хорошим результатом будет читабельность >,8 баллов.
- Индексы Флеша и Фога. Ещё один параметр читаемости, который рассчитывается из количества слов в предложении и их длины. Конечно, они не оценивают содержание с качественной точки зрения, но сигнализируют, если текст нужно упростить. Не гонитесь за научностью статей: помните, что ваш материал должен понять даже школьник.
Сервис подсчёта индекса Флеша и Фога онлайн: https://sd1.su/online-service/text-index.php. Рекомендуем держаться в рамках 50-70 по индексу Флеша и 5-9 по Фогу.
- Грамматика. Наверное, это очевидно, но всё-таки повторим: следите за орфографией и пунктуацией. Опечатки, описки, редкие ошибки в действительно сложных моментах простительны, если смысл текста от этого не меняется. Но если у читателя будет дергаться глаз от того, что вы постоянно путаете «-тся» и «-ться» и ставите запятые случайным образом, он просто не будет читать ваш текст. Если вы не уверены в том, насколько грамотны ваши тексты, нанимайте редакторов и корректоров, которые в режиме правок укажут вам, что следует поправить.
Сервисы проверки грамматики. Встроенные в редакторы текста, онлайн (Google Документы) и офлайн (Word).
Со временем ваши тексты будут становиться всё лучше, но на первых порах лучше прогоняйте каждую статью через сервисы оценки качества — со временем у вас появится насмотренность, вы будете замечать чужие ошибки и критически относиться ко всему, что вы читаете, и уж тем более пишете. Меньше занимайтесь «украшательством» текста — делайте упор на информативность и упрощение. И напоследок советуем пройтись по чеклисту для редактора от Максима Ильяхов — он даст понимание того, какие требования у читателей сегодня есть к текстам в интернете.
Типографика
Типографика текста — это придание материалу структуры. Ваша задача — разместить текст на сайте таким образом, чтобы читатель с первого взгляда понял, о чём материал, мог в нём ориентироваться и не цеплялся взглядом за мелкие недочёты.
- Разделяйте по смыслу. Используйте заголовки, подзаголовки, абзацы, чтобы разбить монолит текста на разные по смыслу части. Одна мысль — один абзац. Максим Ильяхов называет это гигиеной текста и отлично объясняет, как её добиться.
- Списки и таблицы. Не пренебрегайте ими. Если вам нужно привести однородные показатели, заключайте их в списки или таблицы (в случае, если у данных есть несколько характеристик). Если вам сложно сделать таблицу в редакторе на сайте, сделайте её в Word’e или Excel’e и разместите картинкой.
- Добавляйте картинки. Иногда проще один раз показать, чем долго и подробно расписывать. Избегайте изображений, не несущих смысла (стоковые фотографии и иллюстрации на любую общую тему), но активнее используйте принсткрины (снимки экрана), схемы, нарисованные в простейших редакторах (тот же Paint, draw.io), собственные снимки. Пусть они будут не такими красивыми, как в крупных изданиях, но вызовут у пользователей больше доверия. Если вы хотите, чтобы оригинал (большой размер) картинки открывался по клику, сделайте так, чтобы картинка открывалась в отдельной вкладке — так вы не будете уводить читателя со страницы статьи.
Пример плохого использования фотографии. Кто этот мужчина? Как он относится к бизнесу, к США и к содержанию статьи в целом? Что эта фотография должна донести до нас и почему она занимает половину видимой части страницы, хотя на её месте мог бы быть полезный контент?
Хороший пример: в статье про Неаполь используются не стоковые фото, а снимки из Instagram-аккаунта туриста, который умеет неплохо фотографировать на телефон. Они более живые и настоящие, они показывают реальность и им пользователи верят намного больше.
Шрифты. Правил использования шрифтов много, но мы остановимся на главном: используйте в тексте максимум три разных шрифта: один для заголовка, один для подзаголовков и один для основного текста. При этом для заголовка и подзаголовков можно использовать один и тот же шрифт, но разного размера (кегля). Если вам нужно что-то выделить, используйте стандартные инструменты: жирное или курсивное начертание (наклонный текст). Подчёркивание использовать не рекомендуется — выделенный текст можно перепутать с ссылкой, также не рекомендуется выделять важные мысли БОЛЬШИМИ БУКВАМИ: у читателя может сложиться впечатление, что вы на него кричите. Для того, чтобы подобрать шрифты, прочитайте обзор сервиса подбора шрифтовых пар, но особо не мучайтесь с выбором: на первых порах подойдут и стандартные бесплатные шрифты от Google, часть из которых, скорее всего, будет предустановлена на той сайт-платформе, которой вы пользуетесь. Поиграться с подбором шрифтов можно на сайте Fontjoy.
И помните главное правило: даже если у вас много возможностей для форматирования текста, это не значит, что необходимо использовать ВСЁ И СРАЗУ.
- Выравнивание. Используйте выравнивание основного текста по левому краю — не по ширине и не по центру. Исключение — короткие фразы (например, цитаты), который вам нужно выделить в отдельном блоке — тогда выравнивание по центр более-менее оправдано.
- Знаки препинания. Конечно, если вы поставите вместо длинного тире дефис, а вместо кавычек-ёлочек — кавычки-палочки, на понимание вашего текста это не повлияет. Скорее всего, читатели даже не заметят таких нюансов, но ведь именно в деталях состоит визуальная красота текста. Попробуйте Типограф от «Студии Лебедева»: с его помощью вы сможете привести текст к общепринятым правилам типографики (что, однако, не делает их единственно правильными).
- Единообразие. Это основное правило типографики. Установите для себя правила, которым вы будете придерживаться во всех материалах. Посмотрите редакционные политики популярных изданий: TextTerra, Т—Ж, Cossa. Вы не обязаны следовать им на 100% (как минимум потому, что местами они отличаются). Но почерпните для себя правила, которые помогут «причесать» текст на вёрстке и сделать его одинаковым во всех статьях с точки зрения формы. Не пугайтесь! Список правил, которые вам нужно соблюдать, уместится на одну страницу. Вот пример краткого списка правил, которые мы составили для сайта Академии ещё полтора года назад. Как видите, в них нет ничего сложного, а сами правила занимают меньше одной станицы А4.
- Стандартные настройки редактора. Лучшее враг хорошего: перед тем, как менять стандартные настройки встроенного в CMS редактора и фантазировать на тему своего собственного уникального дизайна, трезвым взглядом оцените то, что есть: если встроенные возможности решают задачу «разместить текст так, чтобы его было удобно читать» — не стоит тратить время на их перенастройку, хотя бы на первых порах.
- Перечитывайте материал после публикации. Проверяйте ссылки и изображения, посмотрите, как выглядит статья на мобильном устройстве — будет обидно, если читатель уйдёт с сайта из-за того, что у него что-то не сработало или «поехала» вёрстка.
Рекомендуем прочитать несколько статей по теме. Они дадут вам представление о том, какая бывает типографика:
- Что такое типографика
- 25 правил типографики
- Статьи с обучающего блога Tilda
- «Ководство» Артёмия Лебедева
- Справочник издателя и автора (только для перфекционистов)
Относитесь к этим материалам критически и выбирайте те советы, которые подкреплены логикой (а не только вкусовщиной авторов и модой).
Разметка
Вы сделали красивую, структурированную статью? Поздравляем, читатели это увидят и оценят. Теперь пришло время сделать так, что эту структуру увидели поисковики. Для этого ваш текст необходимо разметить метатегами — отметками в виде кода, которые будут сигнализировать поисковикам, на что обратить внимание. Дело в том, что без разметки поисковые боты не будут видеть заголовки, подзаголовки и вообще структуру текста, а значит, не будут понимать, что же всё-таки в нём главное.
Чтобы увидеть разметку, достаточно зайти на страницу и зажать на клавиатуре Сtrl + U
Хорошие новости: если вы не пишете сайт самостоятельно, а пользуетесь готовой CMS (например, WordPress), то разметить контент сайта будет несложно. Вот основные метатеги, которые вам в этом помогут. Приведите свой сайт и статьи к необходимым минимальным требованиям — этого вполне хватит, чтобы он стал конкурентоспособным в более-менее узкой теме.
- Description. В переводе с английского «описание», за что этот тег и отвечает. В описании мы указываем, чему посвящена страница или пост. На главной странице в Description указываем, чему посвящён весь сайт. Например, в статье «Создаём Telegram-канал: пошаговая инструкция» Description такой: «Учимся создавать Телеграм-канал: подбираем ботов, делаем правильную разметку, размещаем кнопки реакции и ссылки, учимся нагонять аудиторию». Старайтесь уместить его в 100-140 знаков — большое описание не помещается полностью на превью. На самом сайте описания не будет видно, но оно появится в виде превью в поиске и при размещении в соцсетях.
Description отображается в виде краткого содержания статьи — небольшого превью в поисковой выдаче
Мы добавляем описание через плагин Yoast SEO для WordPress:
Описание размещается в графе Meta description. Плагин даёт подсказки и оценивает качество контента с точки зрения SEO.
Keywords. Ключевые слова. Несколько слов, которые будут входить в поисковые запросы пользователей в том или ином виде. Они описывают содержание статьи в тезисах. В статье про Telegram мы добавили ключевые слова «телеграм канал, создать телеграм канал, создание телеграм канала, telegram канал, telegram, заработок в telegram, телеграмм, заработок в телеграмме, телеграмм канал».
В нижней части страницы (сразу под статьёй) находится блок Keywords, куда можно через запятую внести ключевики — слова, на основе которых строятся поисковые запросы пользователей
- Title. Название статьи в том виде, в котором его будут видеть поисковики. Может отличаться от того, как его будут видеть пользователи. Title (как и Description) будет подтягиваться в результаты выдачи в поисковиках и в посты в социальных сетях. Его также можно заполнить через плагин Yoast SEO в графе SEO title.
- h1. Самый главный заголовок статьи, который видят пользователи. Может быть только один на странице (иначе поисковик не поймёт, какой же из заголовков главный, или решит, что вы пытаетесь его обмануть и «заспамить» страницу ключевыми словами). В стандартных настройках редактора основной заголовок (главная тема статьи) автоматически становится уровня h1, и настраивать вручную его не нужно.
- h2-h6. Подзаголовки на странице. Уточняют основное содержание статьи для поисковиков и её структуру — для читателей. Например, в этой статье заголовок «SEO-трафик для контентных проектов: часть 2» имеет уровень h1, а подзаголовкам («Подготовка текста», «Оценка качества текста: основные показатели» и т.д.) присваивается уровень h2. Сделать это можно через обычный редактор текста в WordPress. В обновлённом интерфейсе это выглядит следующим образом:
Среди всех блоков вы находите раздел «Заголовок» и добавляете новый блок, куда вписываете его текст.
При клике на блок заголовка появляется выбор: какой уровень ему присвоить, H2, H3 или H4
Alt. Картинки также должны индексироваться поисковиками. Те должны видеть, что ваша статья проиллюстрирована релевантными картинками, и для этого их нужно разметить атрибутом alt. Пользователь будет видеть текст только в том случае, если у него в браузере отключён просмотр картинок (или они не загрузились). При этом картинки будут участвовать в поиске по изображениям, а это дополнительный трафик.
Когда вы загрузите через стандартный редактор нужную картинку, справа откроется окно с настройками. Вам нужно заполнить Alt (Альтернативный текст), то есть кратко описать, что изображено на этой картинке.
Это базовые вещи, которые необходимо знать, чтобы ваш контент хотелось читать. Конечно, и SEO, и типографика, и копирайтинг — сложные вещи, в которые можно погружаться очень и очень глубоко. Но даже базовых знаний хватит, чтобы вывести блог в топ выдачи: главное — уникальный контент и интересная подача.
В заключительной части цикла материалов про SEO для контентных проектов речь пойдёт о монетизации. Как размещать ссылки, какие инструменты для веб-мастеров есть у Admitad, с какими офферами стоит работать через контентные проекты и многое другое. Подписывайтесь на обновления!