Метатеги сайта: полный гайд (Title, Description, H1-H6)
Что такое метатеги
Метатегами называется часть HTML-разметки сайта, в которой хранится ключевая информация о странице. В основном эти данные используют поисковые алгоритмы для определения релевантности страниц, но часть метатегов видна и обычным пользователям.
Метатеги можно условно поделить на два типа.
- SEO-метатеги — отвечают за то, как сайт отображается в выдаче и насколько успешно он взаимодействует с алгоритмами.
- Технические — с их помощью можно настроить визуальное отображение страницы и прописать подсказки для поисковых ботов.
Оптимизированные метатеги косвенно влияют на продвижение — они не гарантируют первые места в поиске, но без них вам будет гораздо сложнее ранжироваться. Чем лучше прописаны все данные, тем эффективнее будет сниппет страницы — ее краткое представление в поисковике, через которое пользователи попадают на сайт. А правильная настройка технических тегов обеспечит корректное поведение поисковых роботов и исключит проблемы во время сканирования сайта.
Список основных метатегов Главное, на что влияют SEO-метатеги — сниппет страницы в выдаче. Когда пользователь вводит запрос, поисковый движок предлагает ему набор наиболее подходящих результатов. Каждый из них представлен в виде кликабельного заголовка и краткого описания, отражающего содержание страницы. Так сниппет выглядит в Яндексе От качества сниппета зависит его CTR (Click-through rate) — соотношение между теми, кто увидел ссылку, и количеством переходов по ней. Этот показатель относится к поведенческим факторам, которые влияют на позиции в результатах поиска. Если раньше для сниппетов использовались данные метатегов Title и Desription, то сейчас поисковики формируют эти блоки самостоятельно, исходя из собственных представлений о контенте страниц. Опыты показывают, что Google переписывает до 76% заголовков и сохраняет не больше 37% оригинальных описаний. Яндекс использует похожий механизм. Тем не менее, метатеги все еще остаются важной частью SEO-продвижения. Правильно заполненные Title и Description подскажут алгоритмам ключевую информацию и станут основой для сниппета, даже если робот их перепишет. Title — это заголовок страницы. Он рассказывает о ее тематике и содержании, когда пользователь видит сниппет перед тем, как перейти по ссылке. Title отображается в названии вкладки в браузере и помогает понять, где именно на сайте мы находимся. Title на вкладках браузера Данные из этого метатега также могут подтягиваться в превью страницы для мессенджеров и соцсетей, но главную роль — хоть и с описанными выше нюансами — они играют в поисковой выдаче. Оптимизировать Title можно с помощью ключевых слов и кратких и понятных формулировок. Чем эффективнее оформлен заголовок, тем выше будет CTR страницы, а для поисковых ботов это станет сигналом о ее релевантности. Готовый Title нужно добавить в код страницы в секции head. Эффективный заголовок должен быть коротким и доносить суть с первого взгляда. Это касается и коммерческих страниц, нацеленных на прямые продажи, и контента в вашем блоге. Для Title коммерческой страницы можно использовать такую формулу: Основной ключ + бренд + хвост или дополнительный ключ + коммерческая фраза + гео-привязка. Пример: «Болгарка Makita аккумуляторная — купить в Казани». Такой заголовок содержит основной ключ в виде категории товара («болгарка») и уточняющих хвостов, сужающих поиск по бренду и характеристикам. «Купить» — коммерческая фраза, призыв к действию, отражающий намерения пользователя. Гео-привязка к городу, региону или метро помогает в ранжировании по локации пользователя. В заголовках для SEO-контента важно наиболее полно отразить тему материала, используя релевантные ключевые слова. Популярностью продолжают пользоваться руководства, сравнения и подборки — дайте читателям понять, какой формат их ждет по ссылке. Также в заголовках можно использовать дату, если это подходит по тематике материала. Например, так может выглядеть актуальная подборка моделей наушников. Апрельская подборка лучших моделей наушников — в январе она уже устареет В этом случае важно убедиться, что вы регулярно обновляете материал или пишете новый контент ему на замену. В обратном случае вы можете потерять позиции в выдаче из-за устаревания контента, а читатели предпочтут более свежие публикации. Даже если следовать всем рекомендациям, в сниппете может отобразиться не прописанный вами заголовок, а версия от поискового бота. На это влияет сразу несколько факторов, одни из которых связаны с типичными ошибками, а другие — со специфическими требованиями поисковиков. Title главной страницы этого интернет-магазина собрал несколько «грехов» из списка ниже. Попробуйте найти, какие именно ошибки допустили авторы заголовка. Найдёте, что не так? Поисковые алгоритмы стремятся показывать пользователям максимально подходящую им информацию. Для этого механизмы анализируют не только заголовок, но и весь контент страницы. Если роботам покажется, что Title не отвечает нужным критериям, они сформируют новый на основе ключевых слов или заголовка H1 на самой странице. Выше я использовал пример Title со страницы обувного магазина, в котором есть несколько ошибок: использовано слишком много символов, присутствует переспам ключами и капс, а акцент сделан на не самый логичный набор брендов. Вот так сниппет выглядит после того, как за дело взялся Google: Заголовок стал проще, но теперь коротко и ясно отражает суть магазина Вмешательство алгоритмов в оформление сниппетов вовсе не означает, что новый вариант принесет больше кликов или улучшит ваши позиции. Чтобы с большей вероятностью попасть в топ выдачи, оптимизируйте Title под ваши задачи. Проверить рейтинг заголовка можно с помощью инструмента для SEO-анализа. SEO-анализ заголовка показывает, как изменить Title для увеличения эффективности Description — небольшой текст, размещенный под заголовком сниппета. Он описывает суть контента на странице и более подробно раскрывает Title. Description прописывается внутри тега head, а на самой странице пользователи его не видят. Description отображается под заголовком сниппета черным шрифтом Как и в случае с title, поисковики любят переписывать Description. Часто оригинальный текст становится всего лишь руководством к действию, а текст для сниппета робот находит в основном тексте. Поэтому не стоит оставлять этот тег пустым, чтобы алгоритмы лучше понимали содержание страницы и не подтягивали что попало. Description сайта цветочного магазина с эмодзи В зависимости от того, с каким ресурсом или контентом мы работаем, меняются и цели, которые должен выполнять Description. На информационных и новостных сайтах можно описать ресурс в целом, вывести список разделов или последние новости. Описание сайта городского новостного портала Цель Description для корпоративных сайтов — описать деятельность компании и дать представление о том, какие услуги она предоставляет своим клиентам. Описание сайта строительной компании Для интернет-магазинов Description стоит прописать более детально. Как и в Title, здесь должны присутствовать: Описание интернет-магазина техники Проверить готовность описания страницы можно в инструменте для SEO-анализа. SEO-анализ описания даст рекомендации по улучшению метатега Description В отношении Description поисковые системы настолько же своенравны, как с Title. Робот может посчитать, что страница в целом релевантна запросу, но использует для сниппета не содержимое тега, а фрагмент контента. Поэтому пользователи могут видеть разные сниппеты одной и той же страницы даже для очень близких ключей. Так, например, Google показывает сайт по одному из возможных запросов. Описание в сниппете PR-CY Ниже я совсем немного изменил формулировку, но результат стал совсем другим. Другой вариант описания в сниппете PR-CY Чтобы этого не происходило, можно технически ограничить контент, доступный для алгоритма. В справке Google описаны параметры тега robots, которые влияют на содержимое сниппета: Яндекс тоже позволяет убрать из сниппета контент страницы. Для этого в том же теге robots нужно указать noindex для конкретного фрагмента. Также в сниппет можно добавить дату публикации — для этого ее можно прописать в адресе страницы или пометить тегом article:published_time внутри контента. Инструмент для генерации мета-тегов поможет вам быстро создать эффективные и привлекательные title, description и H1. Просто введите фрагмент текста страницы, ее описание или ключевые слова — ИИ сделает все остальное. Не забудьте проверить полученный результат! Как использовать инструмент для генерации мета-тегов H1-H6 — это прописанные в HTML-коде заголовки, которые формируют в тексте иерархию идей и позволяют органично структурировать контент. Разделы и секции делают контент более удобным и понятным для пользователя. Для поисковых систем такая структура упрощает анализ информации и способствует более точной выдаче. Иногда поисковики могут взять один из заголовков со страницы вместо Title для сниппета, если посчитают его более релевантным запросу. Заголовки различных уровней особенно актуальны сейчас, когда поисковики активно используют ИИ для формирования результатов выдачи. Грамотно и логично структурированный контент работает как разметка и помогает искусственному интеллекту находить нужные цитаты для краткого пересказа. По этим причинам заголовки можно считать чуть ли не самым важным мета-элементом вашего контента, к которому стоит отнестись с большим вниманием. Разметить структуру статьи можно сразу несколькими способами, которые зависят от того, как выглядит ваша система управления контентом. Обычно задать уровень заголовка можно через меню визуального редактора, HTML-тегами или с помощью символа # в markdown-разметке. H1 — главный заголовок, который транслирует основную идею контента пользователям и читателям. Это короткий текст объемом от 10 до 60 символов, в котором нужно выразить суть коммерческой страницы или статьи, добавив ее основной ключ. Он должен быть самым большим по размеру и находиться в начале контента, обычно — сразу после меню навигации и баннеров, если они присутствуют на сайте. Традиционно принято делать Title и H1 разными по содержанию. Основная цель Title — удачно представить страницу в поиске, а H1 — сообщить информацию реальному читателю. Поэтому многие Title прописаны с максимумом ключевых слов и обладают структурой, оптимизированной скорее для роботов, чем для людей. Сейчас Google все чаще предпочитает подставлять в сниппеты заголовки H1 вместо чересчур «сеошных» Title. Рекомендую делать оба заголовка одновременно информативными и человечными, чтобы они были взаимозаменяемы без ощутимых потерь. H2 важен для создания иерархии и выделения разделов. Этот тег можно использовать для подзаголовков и обозначения секций. Например, в этой статье с помощью H2 оформлены разделы про различные метатеги. H2 визуально меньше, чем H1, но достаточно крупный для того, чтобы подчеркнуть важность информации и переход от одной мысли к другой. Теги H3-H6 будут полезны, когда нужно более подробно раскрыть информацию в H2 или сделать краткое отступление. Каждый из последующих уровней должен находиться внутри предыдущего — H3 дополняет H2, H4 глубже раскрывает H3, и так далее. Не перепрыгивайте через ступени, иначе это нарушит восприятие текста. Главная задача заголовков — сделать коммуникацию простой и помочь вам донести нужную информацию до пользователей и поисковых систем. На сайтах разной направленности можно использовать разную структуру H1-H6, чтобы лучше отразить задачи вашего контента. Проверить наличие и корректность тегов H1-H6 можно в сервисе проверки заголовков. Он покажет тег Н1, их количество на странице, а также другие теги, которые формируют структуру контента. Инструмент для проверки тега H1 и структуры контента В следующей статье расскажу о других метатегах: alt-тексты, robots, canonical, viewport и не только.
Основы SEO: сниппет страницы и CTR
Title
Как заполнить тег Title
Title для коммерческих страниц
Title для SEO-контента
Почему Google или Яндекс переписывают Title
Что случится, если Title не понравится Google
Актуальные тенденции и рекомендации по использованию Title
Description
Как заполнить тег Description
Как оформить Description для различных задач
Как повлиять на Description в сниппетах
Заголовки H1-H6
Как оформить заголовки H1-H6
Заголовок H1
Остальные заголовки
Заголовки для разных типов сайтов
Ошибки в заголовках H1-H6
Как проверить заголовки на странице
