Заголовки даются абсолютно каждой странице и кратко отражают ее суть. Для оформления заголовков ввели специальные HTML-теги — Title и H1. Каждый из них имеет свою функцию и каждый одинаково важен для успешного SEO-продвижения сайта. Зачастую пользователи принимают решение о том, посетят ли они ресурс и останутся ли на странице, опираясь только на заголовок. А роботы используют заголовки для определения релевантности страниц запросу и их ранжирования в поиске. Поэтому нужно сделать так, чтобы каждый тип заголовка работал со 100%-ой эффективностью.

Начнем с Title — это тег заголовка страницы, который находится в самой верхней части HTML-документа в директиве head (относится к метаданным). С него поисковый робот начинает знакомство с контентом и по его содержимому отличает одну страницу от другой. Поэтому на сайте не должно быть двух и более страниц с одинаковыми заголовками Title: для каждой страницы — уникальный. Визуально мы можем видеть содержимое Title во вкладке браузера при наведении мышью, в списке сохраненных закладок, а также в заголовке сниппета в поисковой выдаче.

Рис. 1. Содержимое Title участвует в формировании заголовка сниппета

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

Тег H1, в отличие от тега Title, отвечает за отображение заголовка контентной части страницы: статьи, раздела каталога, карточки товара и т.д. (Рис 2). Люди часто попадают на сайт, минуя поисковую выдачу, и только из заголовка H1 могут быстро узнать о чем идет речь на странице. Поэтому поисковые машины придают ему не менее важное значение и проверяют на уникальность и семантическое соответствие.

Рис. 2. Содержимое H1 выступает заглавием контента страницы

Вебмастера и владельцы сайтов часто допускают ошибку, используя тег H1 в качестве стилистического приема — выделения разных смысловых частей текста. Это грубая ошибка, ведь назначение H1 — передать роботу главный смысл текущей страницы, а несколько заголовков H1 сильно “размоют” ее релевантность. Для подзаголовков и структурирования текста следует использовать теги H2, H3 и так далее (допустимо до H6).

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

Для Title (как служебного тега и основы заголовка сниппета) можно использовать точное вхождение ключа, причем ставить его в начале текста, например «Обучение контекстной рекламе онлайн, бесплатные курсы». Также допускаются словоформы: «Обучаем контекстной рекламе с нуля», «Специалист по контекстной рекламе — курсы обучения». Единого рецепта тут не существует. Чтобы выбрать оптимальный вариант для каждого конкретного запроса, можно провести исследование ТОП10 выдачи по нему (отдельно в Яндекс и Google): выписать в таблицу результаты заголовков сниппетов и установить, какие типы вхождений преобладают.

Дополнительно к основному ключу в Title можно прописать другие слова, запрашиваемые с ним в связке, но при этом релевантные контенту вашей страницы. Найти их помогут поисковые подсказки или «подсветка» слов в результатах поиска (Рис. 3).

Рис. 3. Кроме основного запроса в поиске «подсвечиваются» и дополнительные слова

Важно знать. Длина отображаемой части Title в результатах поиска составляет примерно 60 символов, и более длинная фраза будет сокращаться автоматически (отсекается конечная или центральная часть). Это может сделать заголовок неинформативным и непривлекательным, поэтому рекомендуется придерживаться в Title длины фразы в 60-70 знаков.

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

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

Для главной страницы сайта можно использовать три шаблона Title: «сфера деятельности + название компании», «краткое описание + название компании», «перечисление товаров или услуг + название компании». Для повышения кликабельности сниппета используем мотивирующие слова. В H1 указываем только суть деятельности:

Вариант 1:

• Title «Смотреть фильмы онлайн бесплатно в хорошем качестве без регистрации — ivi.ru»
• H1 «Бесплатный онлайн-кинотеатр ivi.ru»

Вариант 2:

• Title «Строительство коттеджей Москва: проектирование, фундамент, инженерия, ремонт — Строй-сип»
• H1 «Строительство каркасных домов и коттеджей под ключ»

На страницах разделов каталога прописываем в заголовок Title категорию товаров или услуг с добавлением слов-триггеров типа «купить», «недорого», «цена», «с доставкой». Для повышения конверсии рекомендуется использовать конкретные цифры: цена, количество, размеры и т. д. В заголовке H1 называем только группу товаров (по типу как таблички-указатели в обычном магазине).

• Title «Квадрокоптеры с камерой купить от 2345 рублей с доставкой по России – Магазин дронов»
• H1 «Квадрокоптеры с камерой»

В Title карточки товара прописываем его полное название, суть предложения, а также товарную категорию и краткую информацию для пользователя. В H1 — только название (модель) вместе с идентификатором раздела.

• Title «Купить лазерный принтер HP ABC700 black: характеристики, фото, отзывы, обзор товара – Магазин цифровой техники»
• H1 «Лазерный принтер HP ABC700 black»

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

• Title «Выбор дивана — видеообзор всех известных моделей»
• H1 «Как выбрать диван: тестируем модели»