Title и метатеги: что такое тайтл и как его составить

Title, или тайтл, — это заголовок страницы, который задают в HTML-коде тегом <title>. Именно его поисковик чаще всего показывает кликабельной ссылкой в выдаче, а браузер — на вкладке. Ниже — что такое title и чем он отличается от H1 и description, как его составить и где задать метатеги в Tilda и 1С-Битрикс.

Что такое title (тайтл) и где его видно

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

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

Тег размещают внутри блока <head>, на странице он один. Справка Яндекса прямо пишет, что title помогает поиску понять содержание страницы и влияет на решение человека перейти на сайт. Посетитель на самой странице тайтл не читает: для него есть видимый заголовок H1.

Title, H1 и description: чем они отличаются

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

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

Как Яндекс и Google используют title

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

Google в своей документации о ссылках-заголовках перечисляет источники: содержимое <title>, главный видимый заголовок, элементы H1, метатег og:title, анкоры ссылок на страницу и другие. Он переписывает тайтл, когда тот наполовину пуст, устарел, не соответствует странице или повторяется на многих URL. После правки новый заголовок появится в выдаче не сразу: страницу нужно переобойти, на это уходит от нескольких дней до нескольких недель.

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

Как составить правильный title

Хороший тайтл коротко и точно называет то, что есть на странице, начинается с главного смысла и отличается от тайтлов других страниц сайта. Жёсткой нормы длины ни Яндекс, ни Google не устанавливают.

• Главное — в начале. Длинный заголовок обрежут по ширине экрана, поэтому суть и основной запрос ставьте первыми. На практике многие ориентируются на 50–60 знаков, но это привычка отрасли, а не правило поисковиков.
• Уникальность. У каждой страницы свой тайтл. Одинаковые заголовки у разных URL мешают поиску понять, какую страницу показывать.
• Без перечисления ключей. Одна-две естественные формулировки вместо списка запросов через запятую.
• Только правда. Не пишите «отзывы» или «фото», если их на странице нет: Яндекс отдельно предупреждает об этом.
• Бренд в конце. Название компании ставят в начало или в конец через двоеточие, тире или вертикальную черту. Для внутренних страниц обычно удобнее конец.
• Язык страницы. Тайтл пишут на том же языке, что и основной текст, иначе Google может подобрать другой заголовок.

Шаблоны для разных типов страниц

Главная: бренд и специализация, при необходимости город: «Студия Н — ремонт квартир под ключ в Казани». Категория: название группы товаров и уточнение ассортимента: «Офисные кресла: эргономичные и для руководителя». Карточка товара: точное название модели и отличающая характеристика. Статья: запрос плюс формат или польза: «Как выбрать увлажнитель воздуха: 7 критериев». Услуга: сама услуга и главное условие. Служебные страницы («Контакты», «О компании», 404) называют прямо и добавляют бренд, длина здесь вторична.

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

Метатег description и другие метатеги

Description — описание страницы, которое поисковик может взять в сниппет. Он не гарантирует показ: Google и Яндекс выбирают текст под конкретный запрос, но удачное описание чаще попадает в выдачу как есть.

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

Метатег keywords Google не использует ни для индексации, ни для ранжирования. Справка Яндекса говорит, что этот тег может влиять на соответствие страницы запросам. Если заполняете его, перечислите несколько точных формулировок без повторов, но основные усилия тратьте на title, H1 и текст.

Как настроить title, description и H1 в Tilda

В Tilda метатеги, включая description, задаются в настройках каждой страницы, а тег H1 — в настройках блока с заголовком. Отдельно отображение в поиске и в соцсетях настраивается на разных вкладках.

1. Откройте «Настройки страницы» → вкладка «Главное». Поля «Заголовок» и «Описание» здесь — значения по умолчанию, их же увидит поисковик.
2. Чтобы задать для выдачи отдельные тексты, перейдите на вкладку «SEO» → «Настроить отображение в поисковой выдаче» и заполните «Заголовок» и «Описание». Так добавляют description в Тильде, если он должен отличаться от анонса страницы. Там же есть поле «Ключевые слова».
3. Для тильда H1 откройте настройки блока с главным заголовком и в списке «SEO: тег для заголовка» выберите H1. Это и есть ответ на вопрос, что такое SEO-тег для заголовка в Тильде: он определяет, каким HTML-тегом будет размечен текст. H1 на странице должен быть один.
4. Опубликуйте страницу. Новые тексты появятся в поиске после переиндексации.

В «Настройки сайта» → «SEO» есть раздел «SEO-рекомендации»: Тильда проверяет опубликованные страницы и показывает пропущенные заголовки, описания и другие ошибки. Если сайт на этой платформе нужно продвигать системно, посмотрите, как устроено SEO для сайтов на Tilda.

Как задать title и метатеги в 1С-Битрикс

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

• Для всего инфоблока. В форме редактирования инфоблока откройте вкладку «SEO». Поля «Шаблон META TITLE», «Шаблон META DESCRIPTION» и «Шаблон META KEYWORDS» задают правила для всех разделов и элементов. Кнопка «[...]» подставляет данные, например название элемента. Поле «Заголовок раздела/товара» отвечает за видимый H1.
• Для одного элемента. В форме элемента инфоблока, на вкладке «SEO», отметьте опцию «Изменить для этого элемента» рядом с нужным полем и впишите свой текст. Иначе значения наследуются из настроек инфоблока или раздела.
• Для статической страницы. Заголовок окна браузера хранится в зарезервированном свойстве страницы title, описание и ключевые слова — в свойствах description и keywords. Какие поля видит редактор, зависит от настроек сайта и шаблона, поэтому проверьте, что шаблон выводит эти свойства в <head>.

Частая проблема Битрикса — тайтл, равный названию элемента, на тысячах карточек. Её решают продуманными шаблонами с характеристиками товара. Если структура сложная, поможет разбор SEO на 1С-Битрикс.

Частые ошибки и как проверить заголовки

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

• Title отсутствует или равен «Главная», «Каталог», «Новая страница».
• Один тайтл на десятках URL: пагинация, фильтры, карточки без шаблона.
• Повтор одного запроса в разных формах внутри тега.
• Главный смысл в конце тайтла, который обрежут на телефоне.
• Устаревшие даты и цены в заголовке.
• Title и H1 описывают разные темы.

В Яндекс Вебмастере тайтлы и описания можно просмотреть на странице «Заголовки и описания». Об отсутствующих title сервис предупреждает в «Диагностике сайта», а о большом числе дублей сообщает отдельно. Для полного списка тайтлов выгрузите страницы любым SEO-краулером и отсортируйте по колонке Title.

Менять тайтл после индексации можно, если на то есть причина: изменился ассортимент, страница получает показы, но мало кликов, или заголовок не совпадает с содержанием. Меняйте по одной гипотезе и сравнивайте показы и CTR за равные периоды до и после, иначе не понять, что сработало.

Чек-лист title перед публикацией

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

• Title заполнен и уникален в пределах сайта.
• Главный запрос и суть страницы стоят в начале.
• Нет повторов ключей и обещаний, которых нет на странице.
• Title и H1 об одном и том же, но не обязательно слово в слово.
• Description пересказывает страницу и не повторяет title.
• На странице один H1, шаблон выводит метатеги в <head>.

Заголовки и метатеги — часть технической базы сайта вместе с индексацией, скоростью и разметкой. Если хотите проверить их на всём сайте сразу, начните с технического SEO.

Источники

• Как правильно написать title | Яндекс Вебмастер
• Метатеги | Яндекс Вебмастер
• Управление выбором ссылок-заголовков в Google Поиске | Центр Google Поиска
• Гид по SEO: продвижение сайта | Справочный центр Tilda
• Создание и редактирование элемента инфоблока | Документация 1С-Битрикс