Как заполнить тег: h1, seo title, description. Правильные мета теги: описание, примеры

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

Можно сказать, что это условно «служебная» текстовая информация, касающаяся вашей страницы в интернете. Её считывают поисковые системы, чтобы точнее понять содержание страницы и сформировать её представление в поиске. Но у разных полей разные задачи: не каждое из них влияет на ранжирование.

Почему эта информация условно «служебная»? Потому что пользователи тоже видят её на разных этапах взаимодействия с вашим сайтом: например, заголовок на вкладке браузера и описание в результатах поиска. Соответственно, для них она также должна быть понятной и актуальной.

Сразу уточним термины. В разговоре о SEO часто объединяют title, description и H1 под названием «мета теги». Технически description — метатег описания, title — отдельный элемент заголовка документа, а H1 — видимый заголовок самой страницы. Разберём, что писать в каждом из этих полей и где проверить результат.

Одно другому не противоречит: служебная информация и основной текст должны помогать посетителям понять полезность страницы. При этом весь алгоритм ранжирования нельзя свести к заполнению нескольких полей. В руководстве Google по SEO прямо объясняется: приёмов, автоматически выводящих сайт на первое место, нет.

Есть и поле meta keywords. Здесь поисковики расходятся: Google не использует keywords ни для индексирования, ни для ранжирования. А справка Яндекса говорит: «Может влиять на соответствие страницы поисковым запросам». Поэтому утверждать, что keywords одинаково игнорируют все системы, неправильно.

Мы советуем сначала разобраться с содержанием страницы, её заголовком и анонсом. Наличие keywords в админке само по себе не делает это поле обязательным первым шагом. И его не стоит путать с подбором ключевых фраз: понимать, как люди ищут вашу тему, полезно независимо от заполнения keywords.

Что будет со страницей на которой НЕ прописаны мета теги?

Таких страниц в интернете немало. Отсутствие description не означает, что страница невидима поисковикам: текст описания может быть взят из её содержимого. Но если страница действительно интересна и полезна посетителям, это всё равно не позволяет заранее обещать ей хорошие позиции. Представление в выдаче и место в поиске — разные вопросы.

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

Зачем же самим усложнять себе жизнь, когда можно сделать её проще? Прописав понятные title и description страницам сайта, вы помогаете поисковику представить их содержание пользователю. Однако это не гарантирует ускорения ранжирования или более высоких позиций по интересующим ключевым запросам. Поисковая система сама выбирает текст результата с учётом запроса.

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

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

Какие мета теги и где нужно заполнять?

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

Ниже показана схема полей элемента инфоблока. Названия взяты из пользовательской документации 1С-Битрикс: «Шаблон META TITLE», «Шаблон META KEYWORDS», «Шаблон META DESCRIPTION» и «Заголовок товара». Последнее название используется в общей справке для заголовка страницы просмотра элемента.

В 1С-Битрикс настройки SEO элемента по умолчанию наследуются от инфоблока или раздела. Чтобы задать персональное значение, в документации предлагается отметить опцию «Изменить для этого элемента» рядом с нужным полем. А то, как заголовок попадёт в H1, зависит от шаблона сайта. Поэтому после сохранения проверяйте открытую страницу.

Название страницы и её «Символьный код» — отдельные данные. Код может участвовать в адресе страницы; автоматическая транслитерация названия зависит от настроек. Это не перевод на английский и не замена title. Для изменения SEO-заголовка не нужно заодно менять существующий URL: сначала проверьте, какое именно поле вы редактируете.

При размещении текста, помимо его названия, рекомендуется проверить заголовок H1, title и description. Но речь не о трёх одинаковых мета тегах для лучшего ранжирования: H1 относится к тексту страницы, title называет документ, description кратко его описывает. Схема ниже показывает назначение полей, а не копирует интерфейс админки.

1. Первый мета тег — H1

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

Вот наглядный пример, чтобы не запутаться: возьмём один и тот же текст из нашего блога об оформлении футера. В карточке статьи можно написать «Как оформить футер или подвал сайта», а на внутренней странице раскрыть тему: «Что разместить в подвале сайта». Это учебные варианты формулировок; схема показывает их расположение, а не текущий вид страниц блога.

Базовый «заголовок» в карточке подбирают так, чтобы он хорошо звучал и заинтересовал пользователей, которые уже находятся на сайте. Но делать его любым, лишь бы цеплял, не стоит: название должно объяснять, куда ведёт ссылка. Если заголовок обещает примеры, проверьте, что в статье они действительно есть.

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

Какая оптимальная длина мета тега H1?

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

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

Откройте страницу на узком экране и прочитайте заголовок вслух. Не потерялось ли главное за уточнениями? Понятно ли, о какой услуге или статье речь? Видно ли, какой заголовок основной? Это редакционная проверка; в справке Google рекомендуется явно выделять главный заголовок страницы.

Как лучше заполнить мета тег h1?

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

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

• Можно взять один базовый запрос и добавить к нему подходящие расширения. Например, для запроса «ведение бухгалтерской отчётности» итоговый H1 может выглядеть так: «Ведение бухгалтерской отчётности для ООО и ИП в Москве на аутсорсинге». Но только если услуга действительно охватывает эти организации и этот регион. Не добавляйте уточнения ради количества.
• Допустимо разбить H1 на несколько коротких предложений, если они раскрывают суть текста. Пример: «Как правильно установить вытяжку на кухне? Какую вытяжку лучше выбрать?» Оставляйте оба вопроса, когда материал действительно отвечает на оба. Если статья только об установке, вопрос о выборе лучше убрать.
• Можно написать базовый запрос, а после двоеточия — расширения, которые его раскрывают: этапы, сроки, стоимость, типы работ. Пример: «Ремонт квартир в Екатеринбурге: этапы, сроки, сколько стоит за м² со стройматериалами и без стройматериалов». Это учебная формулировка; используйте её логику только для страницы, где такие сведения действительно есть.

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

2. Второй мета тег — Seo Title

Это тоже заголовок той же самой страницы, но технически title — отдельный элемент в служебной части HTML. Его посетители могут увидеть уже в другом месте:

• в названии вкладки в самом верху открытого браузера;
• в заголовке результата поисковой выдачи, если поисковик выберет этот текст.

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

Какая оптимальная длина мета тега Seo Title?

У SEO title нет фиксированного лимита в 50 символов или 13–15 слов. В документации Google указано, что длина элемента не ограничена, а видимый заголовок результата при необходимости сокращается под ширину устройства. Из сокращения нельзя делать вывод, что остальные слова «не считаются поисковиком».

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

Как лучше заполнить мета тег Seo Title?

Принцип составления близок к H1: точно назвать содержание страницы. Но не обязательно, чтобы оба заголовка были разными и использовали разные обороты, слова-синонимы или другие поисковые запросы. Если одна формулировка хорошо подходит для обеих задач, не нужно искусственно её переделывать. Различия полезны тогда, когда помогают яснее представить материал.

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

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

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

3. Третий мета тег — Description

Это описание сути текста или страницы в одном абзаце. Оно может выводиться в поисковой выдаче под заголовком, но поисковик вправе выбрать другой фрагмент. Рекомендуется писать своими словами и не подгонять каждое предложение под поисковые запросы. Цель — объяснить человеку, что он найдёт после перехода, а не получить условный «третий вариант» ключей для ранжирования.

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

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

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

Считать description прямым бонусом к позициям Google неверно: поисковик официально объяснял, что не использует этот метатег в ранжировании. Его задача — дать подходящее описание результата. И это не отменяет необходимости писать полезный текст на самой странице, из которого тоже собирается сниппет.

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

Как правильно прописать мета теги — живой пример

Возьмём одну из статей нашего блога, посвящённую оформлению футера или подвала сайта. Разберём название для списка статей, заголовок открытой страницы, title и description. Для каждого поля посмотрим исходную формулировку и подумаем, как сделать её яснее.

• Базовый заголовок: Как оформить футер или подвал сайта.

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

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

• H1: Какая информация должна быть размещена в подвале сайта? Что писать в подвале сайта?

Оба вопроса про одно и то же. Как учебный вариант он понятен, но мы бы убрали повтор: «Что разместить в подвале сайта: полезные блоки и примеры». Здесь сохранена тема, а уточнение объясняет, чего ждать от материала. Формулировку «и примеры» оставляем только при наличии самих примеров в тексте.

Далее составляем ещё один вариант заголовка по тем же принципам. Он будет использоваться в элементе SEO title, но без придуманного лимита в 15 слов. Старый вариант остаётся хорошим поводом для редакционной проверки:

• SEO Title: Идеи по оформлению футера сайта. Примеры красивых футеров и подвалов.

Его можно сделать компактнее: «Футер сайта: что разместить в подвале и как его оформить». Это тот же материал с понятной темой в начале. Нет необходимости добавлять несколько синонимов только для отличия от H1. Проверьте также, не повторяется ли такой title у другой статьи про футер.

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

• Исходный Description: Что такое футер сайта? Какую информацию, элементы и блоки целесообразно в него добавить? Как соблюсти баланс между полезным наполнением и стильным дизайном? Как сделать подвал продающим элементом сайта?

Здесь сохранены вопросы старого примера, но последний обещает рассказ о продажах. Если в статье речь об оформлении и удобстве, лучше описать именно это: «Разбираем, какую информацию и блоки разместить в футере сайта, как оформить навигацию и сохранить баланс между полезным наполнением и дизайном». Так анонс объясняет содержание без обещания роста продаж.

Мы получили согласованные формулировки: в карточке — название статьи, на странице — её главный вопрос, в title — компактное обозначение темы, в description — содержание разбора. Это удобный способ проверить смысл полей. Он не требует ни набора всех ключей, ни обязательного различия между каждой парой заголовков.

Перед завершением пройдитесь по короткому списку:

1. Откройте страницу и убедитесь, что H1 описывает её основную тему и читается на телефоне.
2. Сверьте title во вкладке браузера с введённым значением; при необходимости проверьте итоговый HTML.
3. Проверьте, что description сохранён в метатеге, а не остался только в поле анонса.
4. Сопоставьте обещания заголовков и описания с реальным текстом, фото и примерами.
5. Убедитесь, что title и description не скопированы без изменений со страниц другой темы.
6. После повторного обхода оцените, как поисковая система представляет страницу по разным запросам. Несовпадение с полями не означает, что изменения не сохранились.

Частые вопросы

Нужно ли делать title и H1 разными?

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

Сколько знаков должно быть в title и description?

У Google нет фиксированного лимита длины этих элементов. Видимый текст в поиске может сокращаться с учётом устройства. Пишите содержательно и кратко, помещайте главное в начало. Счётчик в SEO-редакторе используйте как подсказку для просмотра, а не как правило ранжирования.

Нужно ли заполнять meta keywords?

Google его не использует. У Яндекса формулировка осторожнее: keywords может влиять на соответствие страницы запросам. Мы советуем сначала проверить содержание, H1, title и description. Набор повторяющихся ключей не заменяет ясного заголовка и полезного материала.

Почему поисковик показывает другое описание?

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

Когда после изменения обновится заголовок в поиске?

Сохранение в CMS не меняет поисковую выдачу мгновенно: Google нужно заново обойти и обработать страницу. Сначала проверьте сохранённые поля на сайте, затем дождитесь обработки изменений. Даже после этого заголовок результата может отличаться от title.

Можно ли заполнить поля автоматически по шаблону?

Да, если шаблон учитывает данные конкретной страницы и даёт осмысленный результат. В 1С-Битрикс SEO-настройки элемента могут наследоваться от раздела или инфоблока. Проверьте получившиеся title и description на нескольких разных страницах: одинаковый текст для всего каталога не объяснит их различий.

Источники

• Заголовки HTML — MDN Web Docs, элементы H1–H6 и название документа title.
• Формирование заголовков результатов, источники текста и длина title — Google Search Central, Influencing your title links in search results.
• Формирование сниппетов и длина description — Google Search Central, Control your snippets in search results.
• Поддерживаемые метаданные и отношение к keywords — Google Search Central, Meta tags and attributes that Google supports.
• Разъяснение о description и ранжировании — Matt Cutts, Google Search Central Blog, 21.09.2009, Google does not use the keywords meta tag in web ranking.
• Общие принципы SEO и формулировки запросов читателя — Google Search Central, SEO Starter Guide.
• Метатеги и keywords — Яндекс Вебмастер.
• Представление страницы в выдаче — Яндекс Вебмастер, заголовок и описание, составление title, составление description.
• Возможности и фильтры статистики запросов — официальная справка Вордстата.
• Поля и наследование SEO-настроек — 1С-Битрикс, создание и редактирование элемента инфоблока.