Что такое тайтл

Тайтл, или title — это HTML-тег, в котором указывают заголовок страницы. Этот заголовок отображается во вкладке браузера, в предпросмотрах страниц в социальных сетях, а иногда и в сниппетах в поиске.

Слово title переводится как «заголовок». Это один из основных тегов, которые участвуют в продвижении сайта в поиске. С его помощью поисковые роботы понимают, какой контент содержится на анализируемой странице. Google называет его «ссылка‑заголовок».

По своей сути это HTML‑тег, внутри которого мы пишем текст — заголовок страницы. В исходном коде мы увидим тайтл в таком виде:

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

А в браузере и сниппетах поисковой выдачи — так:

Заголовок во вкладке браузера
Заголовок во вкладке браузера
Заголовки страниц в поисковой выдаче
Заголовки страниц в поисковой выдаче

Как посмотреть исходный код страницы

Внутри HTML‑кода тег title выглядит так:

<title>Топвизор — сервис поисковой аналитики!</title>

Яндекс и Google уделяют особое внимание title в Справках. Например, Google указывает, что это важный элемент результата поиска. А Яндекс говорит, что этот элемент даёт представление о содержании страницы и её релевантности поисковому запросу.

Про title у Яндекса

Про ссылки‑заголовки у Google

Где ещё можно увидеть тайтл

Тег title может отображаться по‑разному:

  • В соцсетях, когда кто‑то делится ссылкой на страницу.
Тайтл в соцсетях
Тайтл в соцсетях
  • В закладках — когда пользователь добавляет страницу в закладки, ей автоматически присваивается название на основе тайтла.
Заголовки в закладках
Заголовки в закладках

Разница между тегами title и H1

Заголовок текста на странице (H1) и заголовок страницы (title) — разные элементы и выполняют разную функцию. Элементы отличаются и по своей сути, и по оформлению в коде:

  1. H1 прописывается в HTML‑коде в теге <h1></h1>, а title — в теге <title></title>.

  2. Заголовок текста (H1) должен побуждать прочитать текст до конца. А title должен понятно объяснить пользователю, что именно он найдёт на странице и какую пользу получит.

  3. Тег title может показать пользователю в результатах поисковой выдачи, что контент страницы соответствует его запросу. А H1 рассказывает посетителю страницы, о чём пойдет речь в тексте ниже.

  4. В большинстве случаев тайтл виден ещё в выдаче, а H1 чаще всего виден только в том случае, если пользователь уже зашёл на сайт. Хотя иногда ПС могут отображать его и в сниппете. Например:

Заголовок в хлебных крошках на выдаче
Заголовок в хлебных крошках на выдаче

Это и есть H1 этой страницы:

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

Оба этих элемента можно оптимизировать, поэтому желательно не дублировать title и H1. Лучше составлять текст исходя из целей элементов.

❗️ Несмотря на различия, текст в title и H1 обязательно должен совпадать по смыслу. Если пользователь благодаря title перешёл на страницу, то благодаря H1 он должен убедиться, что именно эта информация будет ему полезна.

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

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

По новым правилам Google, если title покажется ему нерелевантным, то он может сам написать его, опираясь в том числе и на заголовок страницы (H1).

Что учесть при составлении title

  1. В теге title должен содержаться текст, который описывает, чему посвящена данная конкретная страница и соответствует ли она запросу пользователя.

  2. Title должен содержать ключевое слово с наибольшей частотой из кластера. При составлении title страниц ориентируйтесь на конкурентов из ТОПа.

  3. По количеству знаков мы берём значение 70 символов с пробелами. Это оптимальная длина строки и в Яндексе, и в Google, которую ПС обычно не обрезают в результатах поиска.

  4. Эмодзи использовать можно, но не обязательно. Как говорит Google, они не запрещены, но и не помогают оптимизации.

  5. Не пишите в тег title слова, не имеющие смысла или не относящиеся к теме страницы.

  6. Заголовок должен быть уникальным по сравнению с конкурентами и по сравнению с другими страницами вашего сайта.

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

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

Исследование: средняя длина title и description

Что запомнить

  • Тайтл, или title — это HTML‑тег, в котором указывают заголовок страницы;
  • Тайтл — один из основных тегов, которые участвуют в продвижении сайта в поиске. С его помощью поисковые роботы понимают, какой контент содержится на анализируемой странице;
  • Яндекс и Google уделяют особое внимание title в Справках. Например, Google указывает, что это важный элемент результата поиска. А Яндекс говорит, что этот элемент даёт представление о содержании страницы и её релевантности поисковому запросу;
  • Тайтл по‑разному отображается в закладках и в соцсетях;
  • Заголовок текста на странице (H1) и заголовок страницы (title) — разные элементы и выполняют разную функцию. Оба этих элемента можно оптимизировать, поэтому желательно не дублировать title и H1.