Title

Обновлено: 24.06.2021 9827

Значение html-тега title (по-русски произносят как "тайтл", "титл"), как важного заголовка для продвижения страниц сайта в поисковых системах Яндекс и Google. А также примеры заполнения и правила.

Лень читать статью? Посмотри видео:

Тайтл что это такое?

Время прочтения:

Title - это важный HTML тег, который задает в браузере заголовок веб-страницы. Для поисковых систем является первостепенным элементом для определения тематики страницы и её релевантности.

Где находится title на странице сайта?

В HTML коде страницы он выглядит так:

<title>Содержимое заголовка страницы - как оглавление в книге</title>

Располагается он в блоке между HTML-тегами <head>...</head>:

HTML-тег Title в коде страницы

Тег названия страницы для окна браузера

Заголовок "Тайтл" — это то, что увидят пользователи поисковых систем в результатах выдачи по запросу (SERP). А также в закладках браузера, в имени сохраненных html-документов на компьютер или при репосте в социальных сетях (если не настроены специальная разметка Open Graph).

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

Заголовок Title в поисковой выдачи Яндекс

В результатах поиска Google, заголовок Title отображается в таком виде:

Title в SERP Google

В Яндекс.Браузере содержимое тега отображается так:

Отображение заголовка в браузере Яндекс

Не путайте тег с атрибутом title для ссылок и картинок

Существует атрибут title, который указывает дополнительную текстовую подсказку о содержимом при наведении курсора на элемент (всплывающая подсказка).

В коде изображений он выглядит так:

<img src="https://soltyk.ru/soltyk-avatar.webp" title="Описание картинки"> 

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

<a href="https://soltyk.ru/seo-slovar/relevantnost" title="Что такое релевантность страницы">

Подробнее по атрибутам title в статье.

Задает основную релевантность документу

Цитируем Яндекс:

"Элемент title дает представление о содержании страницы и ее релевантности поисковому запросу."

Т.е. значение этого тега должно четко обозначать про что документ и быть максимально релевантным его содержимому.

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

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

Что такое пассаж в SEO?

Пассажи в тексте — это последовательность слов, отделенная от другой последовательности определенными знаками препинания, символами или html-тегами.

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

Один пассаж:

Технологии SEO 3.0 и методы продвижения
Корректировка метатегов description.Актуальность keywords сейчас

Два пассажа:

Оптимизация заголовка h1. Правильное написание подзаголовков на странице сайта

Практические все html теги разбивают текст на пассажи.

А в содержимом тега title не должно быть вложено никаких других тегов. Т.е. никаких tags: <br>, <p>, <b>, <i>, <h1> и других.

Стоп-символы в title

Не рекомендуется использовать следующие символы:

( ) - = / \ ! ? | + _ . : ;

т.к. они разбивают текст на пассажи.

Двоеточие - показывает поисковику, что главный смысл идет после ( : ). А это указывает на то, что больший вес будет иметь фраза после двоеточия.

Тире и запятая - знаки ( - ) и ( , ) разбивает текст на равные смысловые блоки текста.

Длинное тире ( — ) - лучшая альтернатива знаку минус или обычный дефис ( - ).

Точка - делает предложение законченным и отдельным от других по смыслу, т.е. знак ( . ) разбивает текст на пассажи.

Восклицательный знак и знак вопроса - действие аналогично точке - разбивает на пассажи. Знак ( ! ) - больше утверждение.  Знак ( ? ) - больше подходит к запросам вопросительного характера.

Вертикальные линии ( / ) или ( | ) - делают части равноправными. В программировании знак ( | ) обозначает логическое "ИЛИ". 

Символ подчеркивания ( _ ) - также разделяет текст на пассажи. Не рекомендуется использовать. А если, к примеру, использовать в URL такой символ, то он действует как логическое "И".

Спецсимволы в title

"&copy" или "&#8482" для ©

"&trade" или "&#8482" для ™

"&reg" для ®

Все остальные специальные символы, которые делают на поисковой выдаче различные эмоджи - малоэффективны. Об этом говорит Яндекс:

Т.е. нужно смотреть в поисковой выдаче Яндекс и Google какие эмоджи и другие символы используют конкуренты из ТОП-10 по конкретному частотному запросу.

Стоп-слова в title

К примеру: и, или, о, к, я, не, до и т.д.

Некоторые специалисты рекомендуют не использовать частицы, предлоги и местоимения в тайтле.

Поисковые системы не придают им значимости, т.к. встречаемость таких слов в заголовках title и в содержимом документов высока.

Какую максимальную длину заголовка использовать?

Есть несколько вариантов подсчета: в словах и символах, а также в пикселях (px).

Правило 12 слов в title

Необходимо придерживаться этого правила и все важные ключевые слова умещать в первых 12. Это актуально при продвижении под Google, в Яндексе такого ограничения не наблюдается.

Значимость каждого слова в отдельности можно представить как некое число важности, которое уменьшается при удаленности от начала строки или начала пассажа. Т.е. самое важное должно идти в самом начале.

Можно, конечно, написать заголовок title длиннее 12 слов, но эти последующие слова будут выполнять роль дополняющих смысл.

Ограничения заголовка title по символам

Обратимся к проверенным SEO-специалистами программам для проведения технических аудитов сайта:

Netpeak Spider рекомендует делать title в оптимальном диапазоне от 40 до 70 символов, либо с максимальным значением в 12 слов или 140 символов:

Длина title по Netpeak Spider

Коротким они также не рекомендуют делать:

Короткий title в Netpeak Spider

Т.к. малоинформативные заголовки могут привести к потере поискового трафика (точнее его недополучении).

Screaming Frog SEO Spider рекомендует делать заголовки по длине в пределах 30-60 символов:

Page title в Screaming Frog SEO Spider

Оптимальная длина title по ширине экрана

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

Screaming Frog SEO Spider или "Лягушка" рекомендует делать заголовок в пределах от 200 до 554 px.

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

К примеру, введем запрос и URL сравним px

Искомый URL (455,95px):

Поиск по URL в Яндекс и длина заголовка

Поисковый запрос (480,66px):

Поиск по фразе в Яндекс и длина заголовка

Выводы из написанного выше:

  1. Значимые ключи помещаем в первых 12 словах;
  2. Стараемся самую важную информацию о странице донести в первых 40-60 символах;
  3. Смотрим, чтобы заголовок не обрезался с многоточием и помещался в экране на мобильной и ПК версии поисковой выдачи.

Уникальность заголовков

Необходимо обеспечить уникальность заголовка title в пределах сайта, так и всего Интернета. 

Уникальный заголовок Title в пределах Интернета

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

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

Есть 3 способа убедиться в том, что наш заголовок уникальный и не имеет точного вхождения от начала и до конца тега, т.е. между <title> и </title>. Для этого воспользуемся операторами поиска "title:","intitle:" и "allintitle:"

Оператор title (Яндекс)

В поиске Яндекс вводим документный оператор title: и наш искомый запрос:

Оператор title в Яндексе

Данный оператор имеет не строгие правила, т.к. могут попадаться страницы с другими релевантными словами в title.

Оператор allintitle (Google)

А есть оператор поиска Гугл с вхождением в заголовок всех слов в любом порядке:

Оператор allintitle в Google

Также следует учесть, что этот оператор учитывает точную словоформу.

Оператор intitle (Google)

В Google есть документный оператор с проверкой на нечеткое вхождение запроса в заголовок:

Оператор intitle в Гугл

Если нужно учесть последовательность слов и их вхождение, то используйте двойные кавычки. 

Если сравнивать intitle с кавычками и allintitle, то последний покажет результаты с вхождением в разной последовательности слов.

Такими операторами можно проверять есть ли документы с таким же title, что в запросе.

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

Дубликаты title - критическая ошибка Netpeak Spider

В самой программе есть полезное описание этой проблемной ошибки:

Дубликаты title в Netpeak Spider

Duplicate page title in Screaming Frog SEO Spider

В "лягухе" есть отчет, где можно посмотреть дубли страниц по заголовку Title:

Дубликаты title в Screaming Frog SEO Spider

Рекомендую выкачивать все возможные URL сайта - из вебмастеров Яндекс и Google, Яндекс.Метрики и Google Analytics, а также sitemap.xml. Далее сканировать все возможные URL для поиска дубликатов.

Как только мы собираем все URL (если оно конечно появится в отчете), необходимо понять причину такого дублирования заголовка Title.

В большинстве случаев дублирование появляется за счет:

  1. Различных GET-параметров в URL, которые не закрыты от индексации и не имеют канонической версии. Тут как рекламные UTM-метки могут влиять, так и внутренние параметры CMS. Всё не нужное закрывайте от индексации (canonical, noindex, robots.txt);
  2. Человеческого фактора. Проще скопировать похожий документ в админке, чем сделать с нуля новый документ со своими заголовками (даже заполненными по умолчанию). Тут решением может быть как обнуление метатегов при копировании страницы или карточки товара, так и полуавтоматические шаблоны заполнения метатегов.
  3. Создания страниц без учета семантического ядра (СЯ). Если нет четкого СЯ, где идет распределение запросов по страницам и исключено попадание одной и той же фразы на разные страницы, то возникает вероятность написания дублирующего или конкурирующего заголовка с другими страницами. Необходимо, чтобы семантически страницы не конкурировали друг с другом (отсутствие каннибализации запросов), а также не входили в один и тот же кластер (по группировке HARD).

Заголовки и описания в Яндекс.Вебмастере

В Яндексе существует мониторинг на дубликаты заголовков в разделе "Индексирование":

Заголовки и описания в Яндекс.Вебмастере

Достойный плюс для огромных проектов - выявление большинства дублей. Не надо сканировать миллионы страниц, чтобы найти основную маску дубля по URL или шаблону.

Единственный минус, который я вижу - проверка осуществляется в рамках текущего поддомена с определенным префиксом и протоколом. Т.е. тут нет выявления междоменных дублей. Но это можно решить поиском вручную с помощью оператора site (в Google) и host (в Яндекс).

Другие распространенные ошибки

Одинаковый Title и H1

Это конечно не криминал, но нужно понимать, что мы теряем возможность ранжирования по дополнительным ключам. Если в заголовок Title мы поместили все самые важные и высокочастотные (ВЧ) запросы из СЯ, но остались менее важны и более короткие четко характеризующие страницу, то используем их в заголовке H1.

Одинаковый Title и Description

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

Эмодзи или спецсимволы в title

Как писалось выше - не желательно использовать смайлики в заголовок тайтл. Ими размывается вес (значение, важность) слов в заголовке.

Слов из title нет в контенте на странице сайта

Нельзя использовать слова, которых нет в контенте или в description (как минимум). Это может быть расценено как попытка обмануть поисковую систему.

К примеру, указали год 2019 в title. На дворе уже 2021 год, в контенте есть информация про 2020 год. тут решением будет либо прописать в title 2020 год, либо написать скрипт, который будет выводить автоматом текущий или иной год как в заголовке title, так и в самом контенте. Т.е. будет соблюдена релевантность заголовка содержимому.

"Главная страница", "Заполнить потом" и другие приколы...

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

Помните, что тег title задает тематику страницы.

Мета тег title: как правильно написать?

Основные правила при построении тайтла:

  1. Заголовок title не пишется от балды, он должен быть составлен, опираясь на семантическое ядро.
  2. Использовать самые частотные слова. Самые важные ключевые слова в начале.
  3. Избегать смысловых дублей. Т.е., к примеру, не надо в тайтл пихать слова "стоимость" и "цена" - нужно определить что-то одно приоритетное. 
  4. Не разбивайте вхождение частотных фраз словами, которых нет в запросах.
  5. Не используйте [в начале] "мертвые" слова в заголовке. "Мертвые" - потому что их потенциально никто не вводит при поиске такого контента.
  6. Используйте топоним (название города), если только если у вас:
    • локальный бизнес;
    • присутствуют топонимы в поисковых запросах.
  7. Используйте наименование бренда или сайта, только если:
    • в поисковых запросах присутствуют наименования конкурентов, либо ваше (какой-то товар в сочетании наименования неизвестной компании искать не будут);
    • если есть конкурент можно использовать его запрос заменив его брендовое имя на своё.
      К примеру:
      Пример конструкции с брендовыми запросами
      Это говорит о том, что можно использовать свой бренд по образу и подобии как в этой конструкции запроса.
  8. Используйте наиболее частотный вариант последовательности слов. Я всегда смотрю, в какой последовательности чаще всего идут слова друг за другом при построении запроса пользователем. Хотя у поисковых систем есть алгоритм, что если соседние поменять слова местами и смысл контекста не меняется, то это допустимо. Поэтому важно смотреть не изменится ли смысл запроса, если вставить между важными словами другой термин.
  9. Анализируйте ТОП-10. Смотрите, какие заголовки идут у конкурентов в выдаче по самому частотному запросу в кластере СЯ.
  10. Собирайте более полное ядро и правильно кластеризуйте. При неполном сборе семантического ядра можно упустить наиболее частотные варианты фраз с какими-нибудь не явными синонимами.
  11. Используйте цифры в заголовке - они привлекают внимание. Только обоснованием к использованию должно быть подтверждение этих цифр в контенте, либо в поисковых запросах из ядра.
  12. Используйте LSi - можно посмотреть какие тематические термины максимально часто встречаются на страницах сайтов конкурентов по самому частотному запросу в ТОП-10. И уже на их основе добавлять при необходимости эти термины в title и description.

Строго нельзя делать это:

  • Перечислять ключевые слова - простой набор запросов;
  • Нарушение правил языка - кривые нечитаемые фразы;
  • Использовать слова, которых нет на странице в любой части контента или мета описания.

Процесс оптимизации title

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

Для этого нужно взять изначальную семантику и дособирать новые запросы из вебмастеров и сервисов статистики. 

После этого перепроверяем частотности и позиции. Рекомендую использовать для этого Key Collector 4 версии. 

Формула KEI для дооптимизации под Яндекс

(LOG((Module_YandexWordstat.QuotePointFrequency + 1); 2))/(LOG((Module_SERP_Position_Yandex.Position + 1); 2) + 0.01)

Расшифровка:

Логарифм точной частотности / Логарифм позиции.

+0.01 - добавляем, если данных по позиции нет.

Логика тут проста, чем выше частотность, тем приоритетней запрос для Title/H1. В тоже время, если мы говорим об повышении релевантности какого-то сайта, то нужно отталкиваться от позиции (с проверкой позиции в ТОП-100).

Также по формуле можно посмотреть запросы у конкурентов. 

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

  • Высокая частотность / первые позиции - приоритетный релевантный запрос для привлечения трафика.
  • Маленькая частотность / дальние позиции - запрос не релевантен и не интересен по трафику.

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

Памятка (чек-лист) по title

  1. Содержит максимальное количество чистых вхождений;
  2. Начинается с наиболее конкурентного (частотного) запроса;
  3. Содержит все слова из продвигаемых запросов;
  4. Содержит синонимы и подсветки слов из запросов, а также тематические слова (если позволяет длина ~120 символов);
  5. Для геозависимых - содержит явное указание города (топонима);
  6. Корректен с точки зрения русского языка;
  7. Хорошо читается и передает суть страницы.

Полезная документация по теме:

Термин обновлен: 24.06.2021 9827

Рейтинг: 5/5
5 голосов