Метатеги сайта: полный гайд (Title, Description, H1-H6)

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

Что такое метатеги

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

Метатеги можно условно поделить на два типа.

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

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

Список основных метатегов

Основы SEO: сниппет страницы и CTR

Главное, на что влияют SEO-метатеги — сниппет страницы в выдаче. Когда пользователь вводит запрос, поисковый движок предлагает ему набор наиболее подходящих результатов. Каждый из них представлен в виде кликабельного заголовка и краткого описания, отражающего содержание страницы.

Так сниппет выглядит в Google

Так сниппет выглядит в Яндексе

От качества сниппета зависит его CTR (Click-through rate) — соотношение между теми, кто увидел ссылку, и количеством переходов по ней. Этот показатель относится к поведенческим факторам, которые влияют на позиции в результатах поиска.

Если раньше для сниппетов использовались данные метатегов Title и Desription, то сейчас поисковики формируют эти блоки самостоятельно, исходя из собственных представлений о контенте страниц. Опыты показывают, что Google переписывает до 76% заголовков и сохраняет не больше 37% оригинальных описаний. Яндекс использует похожий механизм.

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

Title

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

Title на вкладках браузера

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

Оптимизировать Title можно с помощью ключевых слов и кратких и понятных формулировок. Чем эффективнее оформлен заголовок, тем выше будет CTR страницы, а для поисковых ботов это станет сигналом о ее релевантности.

Как заполнить тег Title

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

Готовый Title нужно добавить в код страницы в секции head.

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

Title для коммерческих страниц

Для Title коммерческой страницы можно использовать такую формулу:

Основной ключ + бренд + хвост или дополнительный ключ + коммерческая фраза + гео-привязка.

Пример: «Болгарка Makita аккумуляторная – купить в Казани».

Такой заголовок содержит основной ключ в виде категории товара («болгарка») и уточняющих хвостов, сужающих поиск по бренду и характеристикам. «Купить» — коммерческая фраза, призыв к действию, отражающий намерения пользователя. Гео-привязка к городу, региону или метро помогает в ранжировании по локации пользователя.

Title для SEO-контента

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

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

Апрельская подборка лучших моделей наушников — в январе она уже устареет

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

Почему Google или Яндекс переписывают Title

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

Title главной страницы этого интернет-магазина собрал несколько «грехов» из списка ниже. Попробуйте найти, какие именно ошибки допустили авторы заголовка.

Найдёте, что не так?

Слишком длинный или короткий заголовок. Длина от 20 до 70 знаков — среднее значение символов, которые используют поисковики в заголовках сниппетов. Все, что длиннее, может быть обрезано, а более короткие варианты не дают достаточно контекста. Google часто усредняет длину Title, чтобы заголовки выглядели равномерно.
Нерелевантный или неточный заголовок. То, что написано в Title, должно иметь отношение к контенту страницы, иначе поисковики посчитают его бесполезным и подставят тот, который покажется им более подходящим. Это критически важно и для пользователей — если Title не оформлен и вызывает путаницу, шансы на заветный клик невелики.
Повторяющиеся Title для разных страниц. Дублирование контента является пессимизирующим фактор для поисковиков — они опускают такие страницы в выдаче. Даже для товаров в больших каталогах рекомендуется прописывать отличающиеся друг от друга заголовки, чтобы и роботы, и пользователи не путались в контенте и товарах.
Низкочастотный брендовый запрос в начале заголовка. Если название компании никому не известно, оно ничего не скажет пользователям. На первое место лучше вывести основной ключ, а бренд поместить в конце.
Перенасыщение ключами. Слишком много ключевых слов в заголовке выглядит как спам. Алгоритмы к таким злоупотреблениям относятся негативно, а пользователи — с подозрением, ведь переспам не выглядит как естественный язык.
Неуместное указание региона. Как правило, локация в Title пригодится только если вы целенаправленно продвигаетесь в конкретном регионе или пишете тематический городской контент. Для интернет-магазинов с доставкой по всей России или обычных контент-блогов информация о расположении будет лишней.
Капслок, эмодзи и другие способы выделить текст. Владельцы сайтов могут прибегать к БОЛЬШИМ БУКВАМ, |разделителям| и ✨эмодзи✨, чтобы привлечь внимание пользователей визуальным разнообразием. Представители Google не раз подчеркивали, что такие элементы не влияют на ранжирование, а сейчас алгоритмы все чаще удаляют их из заголовков. Исключение — круглые скобки, в которых можно уточнить контекст или объяснить значение терминов.

Что случится, если Title не понравится Google

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

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

Заголовок стал проще, но теперь коротко и ясно отражает суть магазина

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

SEO-анализ заголовка показывает, как изменить Title для увеличения эффективности

Актуальные тенденции и рекомендации по использованию Title

Интеграция искусственного интеллекта (ИИ) в анализ Title. Современные поисковые системы активно используют ИИ, чтобы оценивать релевантность и качество Title. Поэтому важно создавать заголовки, которые точно отражают содержание страницы и соответствуют запросам аудитории.
Оптимизация под голосовой поиск. С ростом популярности голосовых помощников стоит адаптировать Title под разговорные запросы. Например, использовать естественные фразы и вопросы, которые пользователи могут произносить при поиске информации голосом.
Учет факторов E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness). Поисковые системы уделяют особое внимание экспертности, авторитетности и надежности источников. В Title рекомендуется указывать авторов с соответствующей квалификацией и опытом, а также подчеркивать надежность и достоверность информации.
Адаптация под мобильные устройства. С учетом роста мобильного трафика важно, чтобы Title корректно отображался на различных устройствах и не обрезался, обеспечивая полное восприятие информации пользователями.

Description

Description — небольшой текст, размещенный под заголовком сниппета. Он описывает суть контента на странице и более подробно раскрывает Title. Description прописывается внутри тега head, а на самой странице пользователи его не видят.

Description отображается под заголовком сниппета черным шрифтом

Как и в случае с title, поисковики любят переписывать Description. Часто оригинальный текст становится всего лишь руководством к действию, а текст для сниппета робот находит в основном тексте. Поэтому не стоит оставлять этот тег пустым, чтобы алгоритмы лучше понимали содержание страницы и не подтягивали что попало.

Как заполнить тег Description

Создайте краткое описание страницы, суммирующее ее контент и задачи.
Средняя длина текста — 150-170 символов. Держитесь в этих рамках, чтобы описание не обрезалось.
Используйте основные ключи, по которым страница должна попадать в выдачу. Здесь их может быть сразу несколько, но избегайте переспама.
Не дублируйте Title и не копируйте Description с других страниц — текст должен быть оригинальным.
Можно добавить специальные символы и эмодзи — здесь они останутся на месте и разнообразят текст.

Description сайта цветочного магазина с эмодзи

Как оформить Description для различных задач

Разместите
тендер бесплатно

Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.

Заполнить заявку 13230 тендеров
проведено за восемь лет работы нашего сайта.

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

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

Описание сайта городского новостного портала

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

Описание сайта строительной компании

Для интернет-магазинов Description стоит прописать более детально. Как и в Title, здесь должны присутствовать:

Несколько ключевых слов. Это могут быть категории товаров, бренды, услуги.
«Хвосты» – наиболее популярные слова используемые в связке с ключами.
Коммерческие фразы: «купить», «заказать», «цена», «доставка».
Географическая привязка — город, регион, если область работы компании ограничена.

Описание интернет-магазина техники

Проверить готовность описания страницы можно в инструменте для SEO-анализа.

SEO-анализ описания даст рекомендации по улучшению метатега Description

Как повлиять на Description в сниппетах

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

Так, например, Google показывает сайт по одному из возможных запросов.

Описание в сниппете PR-CY

Ниже я совсем немного изменил формулировку, но результат стал совсем другим.

Другой вариант описания в сниппете PR-CY

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

nosnippet — запрещает Google подтягивать в сниппет какой-то фрагмент страницы;
max-snippet:[number] — задает максимальную длину описания в символах;
data-nosnippet — запрещает показывать в выдаче содержимое тегов span, div и section.

Яндекс тоже позволяет убрать из сниппета контент страницы. Для этого в том же теге robots нужно указать noindex для конкретного фрагмента. Также в сниппет можно добавить дату публикации — для этого ее можно прописать в адресе страницы или пометить тегом article:published_time внутри контента.

Инструмент для генерации мета-тегов поможет вам быстро создать эффективные и привлекательные title, description и H1. Просто введите фрагмент текста страницы, ее описание или ключевые слова — ИИ сделает все остальное. Не забудьте проверить полученный результат!

Как использовать инструмент для генерации мета-тегов

Заголовки H1-H6

H1-H6 — это прописанные в HTML-коде заголовки, которые формируют в тексте иерархию идей и позволяют органично структурировать контент.

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

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

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

Как оформить заголовки H1-H6

Разметить структуру статьи можно сразу несколькими способами, которые зависят от того, как выглядит ваша система управления контентом. Обычно задать уровень заголовка можно через меню визуального редактора, HTML-тегами или с помощью символа # в markdown-разметке.

Заголовок H1

H1 — главный заголовок, который транслирует основную идею контента пользователям и читателям. Это короткий текст объемом от 10 до 60 символов, в котором нужно выразить суть коммерческой страницы или статьи, добавив ее основной ключ. Он должен быть самым большим по размеру и находиться в начале контента, обычно — сразу после меню навигации и баннеров, если они присутствуют на сайте.

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

Сейчас Google все чаще предпочитает подставлять в сниппеты заголовки H1 вместо чересчур «сеошных» Title. Рекомендую делать оба заголовка одновременно информативными и человечными, чтобы они были взаимозаменяемы без ощутимых потерь.

Остальные заголовки

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

Теги H3-H6 будут полезны, когда нужно более подробно раскрыть информацию в H2 или сделать краткое отступление. Каждый из последующих уровней должен находиться внутри предыдущего — H3 дополняет H2, H4 глубже раскрывает H3, и так далее. Не перепрыгивайте через ступени, иначе это нарушит восприятие текста.

Заголовки для разных типов сайтов

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

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

Ошибки в заголовках H1-H6

Слишком длинные или слишком короткие заголовки.
Отсутствие H1 — основной заголовок должен передавать суть страницы читателю.
Ссылки в Н1 — поисковые боты сочтут это за манипуляцию.
Несколько H1 на странице, если это не оправдано структурой материала.
Нарушение логики — неправильная последовательность уровней заголовков разрушает структуру материала.
Избыточное форматирование — заголовки должны соответствовать общему стилю страницы и дополнять ее дизайн.
Использование крупного жирного шрифта вместо тегов — оформляйте заголовки с помощью кода.
Неинформативность — заголовки должны быть емкими и передавать содержание последующего текста.
Неестественность языка — избегайте перенасыщенности ключевыми словами в ущерб читаемости.
Слишком большое количество заголовков — избыток H2-H6 поисковый робот может посчитать спамом.

Как проверить заголовки на странице

Проверить наличие и корректность тегов H1-H6 можно в сервисе проверки заголовков. Он покажет тег Н1, их количество на странице, а также другие теги, которые формируют структуру контента.