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

1. Тег title в коде

Так тайтл выглядит в коде.

2. Тег title в поисковой выдаче

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

3. Тег title в социальных сетях

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

4. Тег title во вкладке браузера

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

5. Тег title в закладках браузера

Почему title важен

Этот тег важен по двум основным причинам.

• Как элемент ранжирования. Как один из 200 факторов ранжирования , title влияет на то, будет ли страница показана в топе поисковой выдаче по нужному ключевому слову или нет. Вклад тайтла зависит от того, включает он в себя ключевое слово или нет. Лучше если включает и лучше, если это слово будет вначале.
• Как элемент конверсии. Здесь вклад тайтла можно оценить по среднему CTR (коэффициет кликабельности) вашей страницы. Эту метрику мы получим, если выведим среднее CTR из всех источников: органический поиск, социальные сети, табы браузера, мессенджеры и т.д. Перемещаясь по сети, пользователи принимает массу решений. Каждый раз перед посещением страницы, он отвечает себе на вопросы: “это то что мне нужно сейчас?” и “почему именно эта страница, а не другая?” . И если ваш title скучный, не информативный, слишком длинный или слишком короткий, то и переходов будет соответственно меньше.

Как создать идеальный title

1. Наличие

Прежде всего, тег

Закрывающий тег

Обязателен.

Атрибуты

HTML5 IE Cr Op Sa Fx

Примечание

Тег

Правильное использование тега Title для повышения позиций в поисковой выдаче

• 6 строка - название страницы между открывающим и закрывающим тегами title. Находится в секции head страницы, как и должно быть;
• 10 строка - открывается тег body (то есть тело документа - его содержимое);
• 12 строка - заголовок страницы в тегах H1, который имеет измененный вид по сравнению с заголовком в title.

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

Теперь пару слов о добавление данного тега на страницы вашего ресурса.

Если вы используете какие-то CSM системы (например, WordPress), то title будет добавляться автоматически на каждую страницу, исходя из того заголовка, который вы введете в редакторе страницы. Но получается ситуация, когда этот заголовок будет использован и в качестве title и в качестве заголовка H1. Нет возможности делать их отличными, что будет более разумно для грамотной работы. Для этого устанавливают различные плагины SEO оптимизации.

Установив один из подобных плагинов, можно делать тег title отличным от H1, что позволит более эффектно подходить к составлению обоих тегов. Title составлять так, чтобы из поиска хотелось кликнуть и перейти на ресурс, а H1 сделать таким, чтобы после перехода он заставил посетителя приступить к изучению контента. Это очень важно.

Title в других элементах сайта

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

• добавлять заголовок к изображением;
• к ссылкам.

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

С изображениями аналогичная ситуация.

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

Кроме того, title должен быть прописан ко всем ссылкам в верстке шаблона. Это всевозможные ссылки для перехода в рубрики и так далее.

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

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

• Первое и самое важное, заголовок в title должен максимально четко отображать содержимое страницы. Это важно со всех сторон. В-первых, тайтл является очень важным мета-тегом, который до сих пор очень круто влияет на позиции сайта по определенным запросам в поисковых системах. Поэтому, если вы хотите, чтобы страница по нужному ключевому слову находилась высоко в выдаче, то ей стоит давать правильное название, которое будет четко отображать суть информации, так как из этого выплывает второй момент.Если содержимое не будет соответствовать ожиданию посетителя, который кликнул по ссылке из выдачи, то он сразу закроет статью и уйдет с сайта. Это сильный сигнал поисковым системам, что страница не интересна или не отвечает запросу пользователя. Второе утерждение является более точным в этом случае. Поэтому, старайтесь, чтобы заголовок titile максимально точно отображал содержимое документа или же вообще отображал его;
• В заголовочном мета-теге title обязательно указывайте ключевое слово, по которому продвигается страницы, так как это повышает релевантность страницы поисковому запросу (ключевому слову). Также, ключ, употребленный в тайтле документа имеет наибольшую значимость в отличии от других мест (тело статьи, H1, описание, ключевые слова и так далее).Это один из всех мета-тегов, который на данный момент до сих пор является значимым для ПС и является обязательным, в отличие ключевых слов и описания. Но, чтобы ключевое слово имело максимальный вес, старайтесь употреблять его в самом начале заголовка. Об этом я уже писал в одной из своих статей, где предоставлял график зависимости веса ключа от его расположения в тайтле.

  
  

  Да и сам Google нам об этом говорит:

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

  В пример могу привести 2 варианта заголовков для тайтла по ключевому слову "как раскрутить сайт":

  1. Как раскрутить сайт: 5 секретных фишек;
  2. 5 секретных фишек, как раскрутить сайт.

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

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

• Третьим фактором успешного заполнения является длина title. Поисковые системы ограничиваются отображением данного тега в районе 60-70 символов с учетом пробелов. Чаще всего именно 60 символов отображается в выдаче. В исходном коде будет считываться весь заголовок, но в выдаче это не так. Только 60 символов с учетом пробелов между словами.Поэтому, старайтесь составить тег title так, чтобы из этих 60 символов посетитель понял суть всей страницы и захотел на нее перейти. В таком случае самым действенным является употребление ключевой фразы в точном вхождении, о чем мы говорили немного выше.

  Еще одним моментом при использовании длинных заголовков более 60-70 символов является то, что Яндекс сможет отобразить в выдаче именно ту часть заголовка, в которой содержится запрос пользователя. Даже, если нужные для отображения слова находятся в числе последних 120ти символах (например) заголовка.

  Например, если взять тайтл из 120 символов и в конце указать 2 слова "своими руками", то яндекс, при поиске такого запроса пользователем, покажет ему именно концовку тайтла в выдаче с наличием этих слов, а не его начало. Это очень хорошая гибкая способность данной поисковой системы. Google же этого сделать не сможет и покажет тайтл в таком виде, как он есть.

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

  
  

  
  

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

• Обязательно начинайте заголовок для поисковых систем с большей буквы;
• Допустимые знаки разделения для title - двоеточие (:) и кавычки (""). Запятые также можете использовать, но старайтесь не превышать их количество в размере 2х;
• Тайтл должен быть читаемый. Если ключевое слово имеет не совсем читаемый вид (например, помидоры вырастить как), то логично будет его перефразировать (как вырастить помидоры). Следите за этим моментом, чтобы в один момент ваш сайт не был понижен в поиске и не пришлось переделывать заголовки к огромному количеству страниц, если ресурсу уже много времени и контента валом на нем;
• Знак вопроса в тайтле используете только для вопросов;
• Стараемся не использовать стоп-слова, предлоги и союзы. Всегда ближе к сути;
• Тег тайтл должен быть различным с заголовком H1. Не стоит в H1 прописывать тот же самый заголовок. Сделайте ему другую словоформу и разбавьте другими словами;
• Не стоит делать тег title вида "заголовок | site.ru". В title должен быть только заголовок страницы, отвечающий именно ее содержимому. Если у вас ресурс, созданный из простых HTML страниц, то проблем не будет, а вот на WordPress придется настроить плагины SEO оптимизации, чтобы убирали ненужную часть кода из тайтла;
• Используйте уникальные тайтлы к каждой странице. Не стоит повторяться, а тем более употреблять один и тот же заголовок к нескольким материалам;
• Не стоит употреблять несколько ключевых слов в одном заголовке. Это может сильно навредить его читаемости. Можно употребить ключевую фразу, которая будет справедлива для 2х словоформ и может по обеим формам приносить трафик.Например "Как ускорить индексацию сайта Яндексом". Такая ключевая фраза имеет более частотную форму, если убрать слово "Яндексом". Но с данным словом фраза также имеет свой трафик. Получается, что в составе одного ключа мы имеет несколько ключей. Такая фраза способна приносить больше трафика аж по нескольким запросам. Такой вариант использовать можно, но никак не "Как ускорить индексацию сайта или как ускорить индексацию сайта google".

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

Ошибки

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

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

В ближайшее время опубликую подобные материалы по поводу мета-тегов descriptions (описание) и keywords (ключевые слова). Там также имеются очень интересные и тонкие моменты. Надеюсь, что такие материалы сделают вашу голову больше в сфере SEO оптимизации сайтов, а главное - помогут раскрутить свои ресурсы и зарабатывать на них.

Все. До связи в следующих статьях.

С уважением, Константин Хмелев!

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

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

Синтаксис заголовка title

Тег . Тег заголовка документа TITLE не имеет атрибутов и может использоваться на странице только один раз. Кроме того, элемент

Значение заголовка