Тег title считается одним из важнейших элементов страницы сайта с точки зрения SEO, он описывает ее содержание. Title — первое, что видит человек в результатах поисковой выдачи, на вкладке браузера и при перепосте ссылки на страницу в соцсетях. Именно от его содержимого во многом зависит, откроет ли пользователь ссылку либо оставит ее без внимания. Разбираемся, как правильно заполнять тег title, какая у него должна быть длина, что писать в тексте, а что — нет.
Для чего нужен тег title
Повторимся, title — это, по сути, заголовок страницы. Он прописывается внутри контейнера <head>…</head> следующим образом: <title>текст</title>.
Непосредственно на веб-странице тайтл не отображается. Его можно увидеть, только если подвести курсор к открытой вкладке браузера.
Title на вкладке браузера
Этот мета-тег выполняет сразу несколько функций:
- Информирует о содержании страницы. Тег title позволяет получить представление о содержимом конкретной страницы. Когда пользователь открывает несколько сайтов, именно заголовки помогают ему находить среди свернутых вкладок те, которые он хочет просмотреть.
- Служит заголовком страницы, сохраненной на ПК. Интернет-страницу можно сохранить на компьютере в формате файла. В качестве заголовка для этого файла браузер автоматически выбирает мета-тег title. Пользователю не нужно тратить время на выбор и ввод названия для сохраненной страницы.
- Используется при добавлении ссылок в «Избранное»/«Закладки». В разделе «Избранное»/«Закладки» можно сохранить наиболее интересные страницы. Заголовок для каждой из них сформируется из соответствующего мета-тега title, что, опять же, избавит пользователя от лишних манипуляций с выбором и вводом названия закладки.
Тег title при сохранении страницы в закладки
-
Выполняет функцию заголовка в сниппете. Сниппет — это информационный блок, сопровождающий результат поисковой выдачи.
В нем, в качестве основных элементов всегда выводятся:
- ссылка на страницу;
- заголовок, почти всегда это и есть title, но в отдельных случаях поисковые системы берут заголовок не из него, об этом поговорим ниже;
- мета-описание, как правило это тег description.
Таким образом, текст тега title позволяет пользователю оценить содержимое страницы еще до того, как он кликнет по ссылке. Наличие ключевых запросов в заголовке сайта может повысить его релевантность для поисковиков. При этом важно, чтобы ключи, используемы в мета-тегах, соответствовали контенту страницы.
Пример отображения title в сниппете
Формирование заголовка сниппета не из title
Иногда поисковые системы отказываются от использования мета-тегов в сниппете. Это происходит в следующих случаях:
- Когда тег title не прописан в HTML-коде сайта;
- Когда длина заголовка превышает 60 символов;
- Когда текст тега не соответствует контенту страницы;
- Когда текст тега не соответствует тексту запроса.
В подобных ситуациях поисковики формируют заголовок сниппета из текста мета-тега H1. Иногда в качестве title используется часть текста со страницы, содержащая ключевой запрос либо его часть.
Следует отметить, что Яндекс более внимательно проверяет релевантность мета-тегов и чаще использует автоматически сгенерированный заголовок при наличии прописанного Title. Google в этом отношении более лоялен: если веб-мастер указал мета-тег, то поисковая система с высокой долей вероятности будет использовать в сниппете именно его.
Как правильно прописать title
Отметим наиболее важные моменты, на которые следует обратить внимание при создании мета-заголовка страницы.
Длина
Оптимальная длина — 50-70 символов с пробелами. Более длинный текст просто не отобразится в поисковой выдаче. Яндекс и Google учтут содержимое тега, но обрежут его при демонстрации результатов поиска. Поэтому прежде чем написать длинный заголовок, подумайте, что увидит пользователь, после того как поисковые системы «втиснут» его в свои рамки. Будет ли текст привлекательным для читателя? Останутся ли в нем необходимые ключевые запросы?
Пример обрезки заголовков в Google
Самый важный запрос — в начале заголовка
Включите в текст мета-тега основной ключ. В идеале, его нужно использовать в прямой словоформе (если она не противоречит нормам русского языка). Остальные ключи добавляются по мере возможности. Поскольку поисковые системы могут обрезать текст, основной запрос вводится в самом начале мета-тега, чтобы он точно остался в заголовке страницы. Дополнительные ключи можно видоизменять и разбавлять другими словами. При этом они не должны повторяться и снижать читабельность текста.
Основной ключ ставим в начало
Заголовок должен быть грамотным
Прошли времена, когда мета-теги можно было составлять из бессвязного перечисления ключей. Сегодня ни поисковые системы, ни пользователи не любят такие тексты. Поэтому при составлении тайтла для страницы постарайтесь сделать его грамотным и приятным для чтения. По сути, это должен быть обычный заголовок, отображающий суть материала по ссылке и содержащий необходимые ключи.
В нем не должно быть ничего лишнего
Старайтесь меньше использовать в тексте тега знаки препинания — тире, запятые, двоеточия, восклицательные и вопросительные знаки, кавычки, математические символы. Несколько разных предложений можно разделить точкой. Хотя по мнению поисковиков, эти знаки препинания не портят качество заголовка.
Заголовок страницы должен получиться информативным, лаконичным и, что особенно важным, привлекательным для потенциального посетителя.
Не забудьте про уникальность
Мета-тег title должен отличаться от заголовка H1 и прочего контента на странице. Он также должен быть уникальным относительно других текстов в интернете. Скопировать его на сайте конкурента — однозначно плохая идея. Поисковики негативно реагируют на подобные хитрости.
В заголовке страницы можно указать название компании, регион, наименование реализуемого товара. Однако вся эта информация должна идти в конце текста, после главного ключа.
Основные ошибки при заполнении title
Яндекс и Google не одобряют следующее:
- Использование в заголовках прилагательных в сравнительной и превосходной степени: «лучший», «самый выгодный», «более экономичный».
- Несоответствие мета-тега title контенту на странице. Например, в заголовке говорится о продаже смартфонов, а в самом тексте описываются разные модели гаджетов, но нет ни слова о том, где их можно купить.
- Указание бренда в начале заголовка. Такой подход используется только для тех компаний, которые пользуются большой известностью в оффлайне.
- Перечисление целого ряда городов в одном мета-теге.
- Выделение слов и фраз при помощи разного регистра букв.
- Использование терминов и сложных для восприятия конструкций.
- Сокращение тега до 2-3 слов. В столь коротком тексте будет всего один ключ, в то время как для успешного продвижения страницы их должно быть несколько.
Все эти ошибки могут привести к тому, что поисковики посчитают ваш заголовок нерелевантным и укажут в сниппете свой автоматически сгенерированный текст. Либо ваш сайт окажется на нижних позициях поисковой выдачи, как в примере ниже.
Неудачные или незаполненные теги title в выдаче
Генерация title для интернет-магазинов
Сайт интернет-магазина может состоять из сотен, а то и тысяч однотипных страниц. И у каждой из них должны быть прописаны мета-теги. Рассказываем, как сгенерировать title для всех разделов, подразделов и карточек товаров.
Для главной страницы
Заголовок главной страницы магазина формируется из следующих составляющих:
- Продукция;
- Город/область реализации;
- Основное преимущество;
- Название компании.
Примеры заголовков для главной страницы
Категории товаров
На страницах с категориями товаров всегда прописывается слово-призыв к действию. Кроме того, в title указывается название категории, город, бренд и преимущество.
Пример тайтлов для категорий товаров
Карточки товаров
В заголовке страницы, посвященной отдельному товару, важно указать не только его название, но и способ доставки и оплаты, детали использования, характеристики, регион продажи и преимущества магазина.
Мета-теги title для карточек товаров составляются по следующему шаблону:
призыв к действию → товар → способ применения → характеристика → регион → способ доставки → способ оплаты → бренд
Очевидно, что уместить всю эту информацию в 60-75 символов не удастся. Поэтому SEO-специалисту необходимо выбрать именно те детали, которые наиболее важны с точки зрения потенциального покупателя, а все остальное написать в теге description.
Так, вы можете сделать акцент на цене (если товар продается со скидкой) либо упомянуть бесплатную доставку, либо указать на длительный гарантийный срок.
Примеры тайтлов для карточек товаров
Помните, что заголовки страниц должны быть уникальными относительно друг друга. Даже если в вашем интернет-магазине представлены товары, различающиеся только цветом, дизайном или поставщиком, мета-теги для их страниц должны быть разными.
Заполнение мета-тегов title для SEO-продвижения интернет-магазина — долгая и трудоемкая работа. Чтобы упростить этот процесс, создайте по вышеописанному алгоритму шаблоны заголовков для разных страниц и просто вставляйте в них нужные слова. Можно использовать специальные сервисы — генераторы фраз, например, .
Итак, мета-тег title имеет большое значение в SEO-продвижении сайта. Для его правильного составления необходимо учитывать основные запросы и структуру сайта, а также общие требования поисковых систем.
* Meta Platforms Inc. (и принадлежащие ей соц.сети Instagram, Facebook) признана экстремистской организацией, ее деятельность в России запрещена.
