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

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

Что такое Title

Title — метатег заголовка страницы, показывающий всю информацию о контенте, содержащемся в документе. Метатег Title имеет две основные функции.

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

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

Простыми словами, Title — это название документа, показывающая, о чем написано на странице.

Где отображается Title

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

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

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

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

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

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

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

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

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

Читайте также:

Ошибки SEO-специалистов, которые они допускают в работе

Title, H1, Description и og:title: в чем ключевые различия?

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

Как правильно составить Title

Чтобы составить текст для тег Title нужно придерживаться технических требований, а также учитывать особенности аудитории:

• Размер. Для Google рекомендуется не делать длину Title свыше 50–60 символов. Также по ширине он не должен занимать больше 600 px, хотя в справке я официального подтверждения цифре не находил. Для «Яндекса» рекомендации аналогичные. Теоретически можно вписывать и большее число символов, но тогда есть вероятность, что Title не будет показываться полностью в поисковой выдаче на мобильных устройствах.
• Ключевые слова. Используя основной ключевой запрос для веб-документа, вы покажете поисковому роботу, какой контент находится на странице.
• Читабельность. Текст тега должен хорошо читаться, быть написанным в соответствии с правилами русского языка.
• Уникальность. Как минимум, Title не должен дублироваться на разных страницах вашего сайта. В идеале он должен быть полностью уникальным и для других сайтов.

Разобравшись с основными требованиям к метатегу, Title можно переходить к его составлению:

1. Выбираем ключевой запрос. Обычно на странице присутствует несколько ключевых слов, по которым она оптимизируется. Выбираем наиболее важный для нас запрос, он будет лежать в основе тега.
2. Составляем текст. Для этого дополняем ключевой запрос текстом, релевантным содержанию страницы. Нужно помнить, что текст должен быть не только понятным для поискового робота, но и привлекать внимание читателя.
3. Размещаем метатег на сайте. В зависимости от того какая CMS используется у вас на сайте, этот процесс может различаться. Обычно тег прописывается в настройках страницы.

Собственно, на этом составление метатега завершается.

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

Учитывайте что есть различные исключения и нюансы, которые пришли с эпохой нейросетей.

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

В чем различия? Яндекс (Yati) и Google (Muvera) по разному интерпретируют в своих моделях текстовую релевантность. запрос-документ. Это стоит учитывать при изучении выдачи и написании Title.

2. Учитывайте видимую часть Title в выдаче. Старайтесь, чтобы в неё попала нужная информация, которая смогла бы конвертировать показы в клики. Иначе Title будет бесполезен и вы будете работать только на позиции.

3. Сравнивайте ваш Title со сниппетом выдачи. Если ПС его переписывает, с ним что-то не так.

4. Не пишите Title сами. Делайте это с помощью нейросетей и правильного промта. А уже после корректируйте их вручную с анализом вышеперечисленного.

Сергей Шабуров

CTO (Chief technical officer)

Технический аудит сайта

• Наличие дублей страниц, безопасность, корректность всех технических параметров: переадресаций, robots.txt, sitemap.xml скорость загрузки и др.
• Техническая оптимизация - один из основных этапов в продвижении.

Подробнее

Примеры составления Title

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

Пример: «Семантическое ядро: что это и как его собрать.»

Негативный пример: «Разработка сайта для продвижения: ключевые этапы…»:

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

Пример. «Смартфоны iPhone 13 — купить в Москве по низкой цене…»:

Пример неудачного Title: «Интернет-магазин Apple в Москве — забирай сегодня!». Здесь отсутствует основной ключевой запрос, поэтому пример найден на шестой странице выдачи:

В целом хороший Title должен не только отражать содержимое страницы, но и давать посетителю хоть какую-то пользу — например, указывать на цену или показывать что он найдет на странице. Для финансовых и медицинских тематик обязательно учитываем в Title факторы E-E-A-T.

Читайте также:

7 способов как повысить кликабельность объявления в Яндекс Директ

Как добавить Title

Расскажу, каким образом можно добавить тег Title на популярные CMS и конструкторы сайтов.

В Tilda

Начну с настроек тега в конструкторе «Тильда». Открываем в конструкторе вкладку со списком страниц и кликаем по ссылке «Настройки» напротив страницы, которую нам нужно отредактировать.

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

Полноценная настройка Title делается через вкладку SEO. При переходе на эту вкладку нажимаем кнопку «Настроить отображение в поисковой выдаче»:

Теперь можно вписать нужный нам Title. Обратите внимание, что он будет отличаться от названия страницы H1.

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

В WordPress

Если на вашем сайте используется CMS WordPress, настройки Title делаются в админ-панели. У меня использован плагин All in One SEO, если у вас использован другой SEO-плагин, визуально поля могут отличаться, хотя общая логика настроек у всех известных мне плагинов одинакова. Открываем редактируемую страницу или запись в редакторе. Листаем вниз и находим SEO-настройки. Заполняем поле «Заголовок». После этого сохраняем настройки:

На самописном сайте

Если у вас самописный сайт, придется вписывать код руками. Для этого открываем код страницы в удобном для вас HTML-редакторе. Находим тег <title></title>. Вписываем текст для тега.

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

7 частых ошибок при заполнении Title, которые убивают ваше SEO

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

Ошибка 1. Отсутствие Title

Поисковый робот не может правильно отсканировать такую страницу и помечает ее как нерелевантную и некачественную.

Ошибка 2. Искажение смысла заголовка

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

Ошибка 3. Переспам и нерелевантные ключевые запросы

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

Ошибка 4. Один тег для нескольких страниц

В этом случае поисковая система считает страницы частичными дублями и хуже их ранжирует.

Ошибка 5. Нет названия бренда

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

Ошибка 6. Тег только для поисковых роботов

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

Ошибка 7. Объемный Title

Не стоит расписывать содержимое статьи или коммерческое предложение. Помните, что размер названия в сниппете ограничен, поэтому лучше ограничиться лаконичным названием, а не выписывать очередной том «Войны и Мира».

Создание сайтов

• Разработка эффективных сайтов для продаж в интернете.
• Создаем сайты с нуля любой сложности, от сайтов визиток до интернет-магазинов и крупных порталов.

Подробнее

Как проверить Title и оценить его эффективность

Проще всего проверить Title с помощью «Яндекс Вебмастера». Находятся эти данные на вкладке «Статистика страниц»:

Вот пример такого отчета:

Как видно Title на главной странице и ещё одной странице работает эффективно, а вот кликабельность метатега у другого документа совсем плачевная, тут точно нужно что-то менять.

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

Читайте также:

Анализ позиции сайта в Яндексе и Google: как их снять, 11 лучших сервисов для проверки

Заключение

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

У меня в практике был случай, когда на страницу пошел совсем нерелевантный трафик, просто из-за того, что по ошибке вместо «Лоток для кухонного стола большой» в Title было написано «Лоток большой заказать», люди пытались заказать лоток для кошек.

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

Практически все современные CMS позволяют устанавливать и менять Title в два клика. Менять код придется только в случае, когда сайт сделан на одном HTML-коде.

Коротко о главном

• Тег Title показывается в поисковой выдаче и сильно влияет на кликабельность сниппета сайта.
• Метатег должен учитывать интент пользователя и соответствовать контенту страницы.
• Формулы для создания текста тега упрощают процесс создания метатега.
• Проверить эффективность Title на сайте можно через инструменты «Яндекс Вебмастера».