Что такое тег Title и для чего он нужен

Тег <Title> — html-тег, содержащийся в коде сайта, обозначающий «Название» страницы и вместе с мета description и мета keyword описывает содержимое. И если последние не видны посетителям, то тайтл виден как в браузере, так и в результатах выдачи. Если представить себе раздел сайта как документ word, то Title будет названием файла на жестком диске.

Обычно тайтл содержит основное ключевое слово, по которому планируется продвижение, а также 1-2 дополнительных, менее частотных запроса. Например, если ваша страница посвящена какой-то определенной модели велосипеда, то в <Title> можно поместить ключ (велосипед) + название марки (например, Haibike) + модель (SEET HardNine) + продающую приставку (цена, купить, с доставкой). В итоге для этого варианта мы получим такой пример: «Велосипед Haibike SEET HardNine купить в Москве». Все нюансы составления текстов мы обсудим далее в статье.

Синтаксис и примеры

Тег располагается в коде в «шапке» между тегам <head> </head>. Конструкция выглядит так:

Примеры как это выглядит на сайте:

Пример
Тайтл в выдаче Яндекс

Как посмотреть тег на сайте

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

Пример: тайтл во вкладке браузера
Пример: тайтл во вкладке браузера

Если вы хотите посмотреть как это организовано в коде, то, находясь на нужной странице, нажмите правой кнопкой мышки в пустой области сайта и в появившемся окне выберите «Показать исходный код». Либо нажмите сочетание клавиш Ctrl+U

Пример: вот так тайтл выглядит в коде
Пример: вот так тайтл выглядит в коде

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

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

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

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

Теперь давайте пройдемся более подробно по всем пунктам и разберемся как правильно заполнять Title.

Какая должна быть длина

Один из самых частых вопросов. Рекомендуется писать в Title 60-120 символов.

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

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

Вот как это выглядит в Яндекс:

Title в Яндексе
Результаты поиска Яндекс

А вот в Google:

Title в Google
Результаты поиска Google

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

  • Яндекс: 56 символов
  • Google: 62 символа

О чем это говорит? В первую очередь о том, какая видимая длинная у мета-тега Title в поисковой выдаче. Это значит, что ключевое слово и самые важные дополнительные слова должны помещаться в это количество символов. Менее важную информацию размещайте за пределами этой области, но в любом случае старайтесь не превышать суммарную длину в 120 символов.

Что писать в тайтле: 11 советов как правильно заполнять название

1. Пишите релевантные заголовки.

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

Простой пример: человек ищет красный деревянный стул. В Title вписали именно эту фразу, хотя в итоге рассказывается про черный металлический стул. Каким-то образом этот человек кликнул по вашей ссылке и перешел на сайт. Скорее всего он сразу заметит несоответствие и покинет сайт, тем самым повысив процент отказов. Поисковые системы это заметят и пессимизируют выдачу не только этой страницы, но и ресурса в целом.

2. Пишите проще.

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

3. Мета тег Title должен быть уникальным.

Это относится не только ко всему сайту (да-да, у вас не должно быть одинаковых тайтлов вообще), но и к странице. Тайтл и главный заголовок H1 не должны дублировать друг друга. По той же причине не стоит копировать заголовки конкурентов. Обычно такое происходит у магазинов с общим поставщиком:

Клоны
По кому же кликнуть )

4. Используйте ключевое слово.

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

Ключ в заголовке
Ключевая фраза в начале тайтла

5. Добавляйте вложенные запросы.

Пользователи вбивают не только ваш основной ключ, но и различные вариации с ним. Если у вас коммерческая тематика, не лишним будет добавить продающее слово: купить, заказать, с доставкой и т.п. Базовое ключевое слово с добавочным словом называется «вложенный запрос». Используя их, вы будете продвигаться не только по основному ключу (где кстати, конкуренция значительно выше), но и по менее частотному, вложенному. Ориентироваться стоит на самые высокочастотные из них. Список всех запросов можно посмотреть в сервисе Яндекс Водстат, вбив базовый ключ. Но не стоит превращать заголовок в набор ключей, написанных через запятую. Поисковики такое заметят и могут ввести санкции, да и посетители не очень охотно кликают по таким ссылкам.

Яндекс.Вордстат
Вложенные запросы ключевой фразы «купить велосипед»

6. Правило 60/120

Придерживайтесь правила 60/120, описанного в предыдущем разделе. Самая важная информация должна занимать не более 60 символов, а общая длина Title не должна превышать 120.

7. Не делайте короткие названия.

Обычно это характерно для общих или технических разделов, таких как «Статьи», «Новости», «Фотогалерея». Короткий тайтл не даёт поисковой системе развернутого ответа на вопрос «О чем этот сайт?», что не пойдет на пользу вашему сайту.

8. Начинайте Title с заглавной буквы.

Да, это важно и учитывается.

9. Пишите интересные заголовки.

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

10. Пишите в одно предложение.

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

11. По возможности откажитесь от ненужных знаков.

Если Тайтл все-таки нужно сделать длинным и без знаков препинания никак не обойтись, то допускается использование запятых, тире, двоеточий. Однако не стоит этим пренебрегать.

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

Типичные ошибки при наполнении

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

  1. Тег не уникален. На сайте или в интернете есть точная копия.
  2. Title вообще не заполнен или содержит 1-2 слова.
  3. Содержимое нерелевантно. В названии написано то, чего нет в контенте.
  4. Нарушен синтаксис или расположение тега в коде. Конструкцию вида <title>…</title> помещайте в пределах тега <head>.
  5. Переспам. Количество ключевых слов в названии зашкаливает, они написаны через запятую.
  6. Нарушена очередность. Главное ключевое слово, по которому вы продвигаетесь, находится не в начале тайтла.
  7. Несколько тайтлов. Да, и такое я встречал. Или случайно, или из-за установки нескольких аналогичных модулей CMS, на сайте появлялся второй мет тег Title.

Заполнение в CMS

OpenCart

В OpenCart существует два способа прописать мета тег Title: автоматический и ручной.

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

  • не понятно какие ключи попадут в Title
  • не понятно какой в целом текст будет в названии
  • велика вероятность встретить точно такой же тайтл ещё у десятка других компаний (пример привел выше).

Ручной режим реализован как в стандартном функционале, так и через дополнительные модули. Как понятно из названия, с его помощью вы можете заполнить все необходимые данные именно так, как считаете нужным. Ручной режим позволяет указать не только мета-тег <title>, но и description, что тоже положительно скажется на продвижении.

Какой режим выбрать и что написать в тайтлах интернет-магазина решать только вам.

WordPress

В WordPress тайтл задается в первом поле при создании записи. Однако я рекомендую попробовать один из плагинов для работы с seo-данными: Yoast SEO или All in one SEO pack. Кроме редактирования мета-тегов, у этих плагинов в запасе есть довольно внушительный функционал, который намного упрощает работу seo-специалиста:

  • работа с Title и Description
  • создание карты sitemap.xml
  • редактирвование .htaccess и robots. txt
  • поддержка микроразметки
  • поддержка русской версии
  • и многое другое

Заключение

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

Если у вас остались какие-то вопросы или возражения — пишите в комментариях ниже, пообщаемся.

Павел Трушко

CEO, Руководитель отдела разработки и продвижения

Получайте полезные
материалы на ваш e-mail
Это интересно
Кнопки призыва к действию: эффективные фразы и примеры для лендингов и сайтов

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

Читать статью »