HTML тег Title: что это такое, зачем он нужен и как правильно его заполнять

Контент-маркетолог
Стаж 15 лет

Тег Title (тайтл) — это элемент HTML-страницы, отвечающий за вывод заголовка окна, поисковые системы используют тег тайтл для формирования сниппета в результатах поиска.

Основные задачи, которые решает Title:

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

Для увеличения кликабельности тега Title рекомендуем использовать: цифры, интересные детали, предвосхищение интента или попадание в основную “боль”. Выше кликабельность — больше CTR и лучше поведенческие показатели (при условии что статья качественная).

Как правильно прописать тег Title: формула

Общая формула, по которой можно прописывать метатег Title, такова:

Для информационных запросов:

Главный ключ + хвост запросов (основной интент) + дополнительный ключ + синоним

Пример: Семантическое ядро – что это и как правильно составить семантику сайта

Для коммерческих запросов:

Главный ключ + основной хвост (слова, дополняющие запрос, такие, как «купить», «цена») + топоним + дополнительный хвост + синоним +дополнительные ключи

Пример: iPhone 13 купить в Москве, цена на айфон 13 в интернет-магазине

С правильно прописанным метатегом Title наши статьи часто попадают в топ органической выдачи
С правильно прописанным метатегом Title наши статьи часто попадают в топ органической выдачи

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

13 советов о том, как правильно заполнять метатег Title

  1. Тайтл должен быть уникальным в пределах сайта — даже если это интернет-магазин на 10 000 страниц. Чтобы этого добиться, в интернет-магазинах используют шаблоны вида «Наименование товара + артикул + цена + размер + цвет + бренд».
  2. Метатег важно прописывать грамотно с точки зрения русского языка, без ошибок (даже если их допускают пользователи при вводе запроса) и без неестественных конструкций вида «Москва окна пластиковые купить дешево» или «Лучший ламинат, ламинат со скидкой купить, где купить ламинат оптовые цены».
  3. Метатег в идеале должен дать ответы на общие вопросы пользователей: показать тему контента, указать, возможно ли здесь купить товар или заказать услугу.
  4. Если бренд очень известный, а его продукция уникальна, в начале Title есть смысл указать название, чтобы пользователь гарантированно его увидел.
  5. Например, так практически всегда делает компания Microsoft
    Например, так практически всегда делает компания Microsoft
  6. В метатеге Title не нужно использовать общие понятия: для страницы с женскими платьями нет смысла использовать слово «одежда», а на странице с разными моделями блендеров — «бытовая техника».
  7. Ключевые запросы в тайтле должны быть только те, которые SEO-специалист определил для продвижения именно этой страницы. Дублировать запросы других страниц не имеет смысла.
  8. Желательно размещать ключевые запросы ближе к началу метатега, так как после 12 слова вес вписанных ключей заметно снижается.
  9. SEO-специалисты советуют не использовать в тайтле страницы слишком много знаков препинания. Особенно таких, которые с трудом воспринимают поисковые системы: апострофы, кавычки и математические знаки.
  10. Для регионального бизнеса или регионального ресурса в метатеге Title рекомендуем указывать город или название региона. Так поисковые системы с большей долей вероятности будут показывать страницу по запросам именно целевой аудитории.
  11. А пользователи сразу увидят, что речь идет о товаре/услуге именно в том городе, который им интересен
    А пользователи сразу увидят, что речь идет о товаре/услуге именно в том городе, который им интересен

  12. Вписывайте в метатеги Title цифры — для поисковых систем это не очень важно, но поможет зацепить взгляд пользователя и повысить кликабельность сайта.
  13. Не используйте автоматически созданные тайтлы — например, «Новая страница» или «Страница товара». Они будут неуникальными даже в пределах одного ресурса и не мотивируют пользователей перейти на страницу.
  14. Отсекайте при помощи него нецелевую аудиторию. Если вместе с вашим запросом часто ищут услугу, которую вы не предоставляете, укажите это в метатеге. В этом случае трафик на сайт будет более качественным.
  15. Завод-изготовитель прямо пишет о том, что не предоставляет услугу монтажа окон
    Завод-изготовитель прямо пишет о том, что не предоставляет услугу монтажа окон
  16. Не делайте тайтл спамным, в виде повторения один и тех же ключевых слов, или кликбейтным — содержащим обещания, которые не подтверждает контент страницы. Например, когда в тайтле указана скидка 20 %, а на самой странице такой информации нет.
  17. Периодически проверяйте метатег Title на актуальность ключевых запросов и при необходимости обновляйте/дорабатывайте — это поможет сайту сохранять позиции в поисковой выдаче.

Где и как пользователь может увидеть Title

Всего таких мест можно выделить четыре.

1. В поисковой выдаче

Когда пользователь вводит в поисковую строку любого браузера любой запрос и получает по нему результаты выдачи, первое, что он видит — это тайтлы страниц в виде заголовков к сниппетам (кратким описаниям сайтов).

Так выглядят тайтлы страниц в поисковой выдаче
Так выглядят тайтлы страниц в поисковой выдаче

2. В названии вкладки браузера

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

Некоторые браузеры отображают Тайтл в поисковой строке
Некоторые браузеры отображают Тайтл в поисковой строке

3. При репосте страницы сайта в соцсетях

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

Соцсети отображают тайтл полностью
Соцсети отображают тайтл полностью

4. В коде страницы

Зайти в код можно, если кликнуть в любом месте страницы правой кнопкой мыши и выбрать в контекстном меню пункт «Просмотреть код страницы». В коде Title тоже отображается полностью:

В коде тайтл выглядит вот так
В коде тайтл выглядит вот так

Технические требования к Title страницы

Видимый размер метатега Title различается для Google и «Яндекса». В Google заголовок сниппета включает 63 символа, или 10-12 слов. В «Яндексе» меньше — всего 56 символов, включая обязательное многоточие в случае, если часть Title обрезана и осталась вне зоны видимости.

Иногда «Яндекс» укорачивает Title
Иногда «Яндекс» укорачивает Title

Это может происходить потому, что после фразы, вошедшей в тайтл, идет слишком длинное слово, например, в случае с ресурсом LaModa это «интернет-магазин». Иногда видимые размеры тайтла меняются из-за разной ширины символов — например, символ «щ» займет больше места, чем символ «г» или знак «.» . Чтобы тайтл отображался в большем объеме при его заполнении не используют капслок, а длинное тире заменяют коротким.

Строгого формального ограничения по максимальному количеству символов нет: разные источники указывают на то, что тайтл может включать от 90 до 200 символов. Лучше всего уложить тайтл в 12-18 слов. Чтобы сделать тайтл страницы максимально эффективным, основной ключ и суть материала желательно размещать в видимой части метатега, укладываясь в 56-63 символа. Однако важно помнить: то, что осталось за границей видимой части, тоже влияет на ранжирование сайта.

Подводим итоги

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

Тайтлы для «Яндекса» и Google прописывают по одинаковым схемам, хотя количество символов видимой части метатега в этих поисковиках различается. Для повышения CTR сайта и в одной, и в другой поисковой системах важно, чтобы основной ключевой запрос и главная мысль, которую важно донести до пользователя, были вписаны в первую видимую часть метатега.

Оценить статью
7 ответов

Комментарии 2

Olga Agafonova
Написать комментарий
Сколько тонкостей в составлении тайтла, много нового узнала) Про длину согласна - в идеале тайтл должен быть коротким. Если будет длиной в 90 символов и больше, человек уже потеряет интерес, пока читает.
Ответить
Тимур Мансуров Тимур Мансуров
Написать комментарий
Только что узнал новый материал, содержащий важнейший факт для всех, кто мечтает зарабатывать на своём сайте. Уяснил для себя, что тег "Title" является как бы лицом вашей информационной платформы. Действительно, очень любопытная тема, заинтересовавшая и погрузившая в самую сердцевину своего существования.
Ответить
Написать комментарий
Популярные статьи автора
Узнайте стоимость продвижения сейчас
Выберите удобный способ связи:
Выберите удобный способ связи:
Введите Ваш номер телефона:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Введите Ваш Email:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Вы уже проголосовали
Возьмем ТОП вместе?
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Возьмем ТОП вместе?
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Оставить заявку сейчас
Выберите интересующую услугу *
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течение дня, спасибо!