для чего используется тег title

Тег Title: для чего предназначен, примеры и шаблоны метатега

Тег Title — важнейший HTML-компонент сайта, который влияет на ранжирование и CTR (кликабельность). Среди тройки базовых SEO-тегов — Title, заголовок H1 и Description — поисковиками, прежде всего, учитывается именно HTML-заголовок страницы.

В этой статье расскажем, для чего предназначен тег Title и как его правильно составлять.

Содержание

Функции Title

Title — это HTML-тег, отвечающий за заглавие страницы сайта. Но это не внутреннее название статьи, которое отображается в тексте документа (его определяет H1), а заголовок-ссылка, которую пользователь видит в сниппете — визитной карточке страницы сайта в поисковой выдаче.

Title страницы нашего блога со статьей о метатегах

Тег Title выполняет сразу несколько функций, полезных, как для поисковых роботов, так и для пользователей:

На что влияет качество заполнения Title

С точки зрения SEO, грамотный Title воздействует на ранжирование за счет двух факторов:

Дальше начинается цепная реакция: чем более точным и релевантным контенту страницы будет тайтл, тем выше CTR и лучше поведенческие факторы. А чем круче ПФ, тем выше сайт ранжируется.

Синтаксис Title

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

Тайтл имеет синтаксис стандартного парного HTML-тега. Все, что вы хотите увидеть в заголовке, заключается между тегами и :

Как поисковики анализируют Title

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

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

Формирование заголовков сниппета

Общий вид стандартного сниппета формируется из нескольких блоков:

Заголовок здесь выполняет роль крючка с приманкой, который должен зацепить пользователя и заставить его перейти на сайт. Это бесплатный SEO-инструмент, оказывающий существенное влияние на продвижение и CTR, поэтому игнорировать его просто глупо.

Title не всегда становится заголовком в сниппете, этому есть ряд причин:

Если в сниппет не подтягивается содержимое тега title из HTML-кода, то поисковик наскребает заголовки по сусекам:

В зависимости от запроса в сниппете одной и той же страницы могут отображаться разные заголовки — так поисковик старается выдать наиболее релевантный результат.

На запрос «Структура сайта» в сниппет страницы нашего блога Яндекс подтянул заголовок из тега H1.

По запросу «Создание структуры сайта» Яндекс на ту же страницу взял содержимое тега Title.

Алгоритм составления релевантного заголовка

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

Чтобы получить максимально релевантный тайтл, нужно пройти 3 этапа:

Критерии грамотного тайтла

Что значит «грамотный» тег Title? Как составить эффективный заголовок для сниппета, чтобы народ валом валил на сайт с поиска? Предлагаем вам чек-лист из 10 пунктов. Чем больше критериев будет учтено, тем больше шансов выжать из тайтла все возможные профиты.

Главные ошибки при заполнении Title

Чтобы угодить поисковым роботам Яндекса и Google, избегайте косяков при оптимизации тегов Title. Будьте скромнее, и краулеры к вам потянутся.

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

Примеры удачных и неудачных тегов Title

Разберем примеры заголовков для коммерческих и информационных страниц.

Главная коммерческого сайта

Удачный тег:

Разборка иномарок в Санкт-Петербурге, авторазборка, б/у запчасти — FINNAUTOPARTS

Удачный пример заголовка: несмотря на то, что в нем 80 знаков, главный ключ находится в зоне видимости. После основного высокочастотного запроса указана геолокация, в самом конце спрятано название компании.

Неудачный тег:

Здесь мы видим, как Яндекс расправляется с нарушителями: название сайта стоит в самом начале тайтла, и поисковик его просто выкинул. Ну и набор грубых ошибок: «самая большая площадка», проблема с ключевыми фразами — все это откидывает вполне годный сайт на дальние позиции выдачи.

Страница категории интернет-магазина

Удачный тег:

Плащ-дождевик купить в интернет-магазине «Мир охоты»

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

Неудачный тег:

Дождевики- купить Дождевики, цены в городе Буденновск и в интернет-магазине на epicentre24.ru

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

Карточка товара

Удачный тег:

Парник-мини на подоконник 4 яруса в Санкт-Петербурге – купить по низкой цене в интернет-магазине Леруа Мерлен

Длинный тег разбит на 2 смысловых блока, поэтому обрезается без потерь, органично вписаны ключи, особенность товара (4 яруса) прописана в первой части пассажа.

Неудачный тег:

Парник-Мини На ⇑ Подоконник 4 Яруса ❗ Купить По Цене 1160 Рублей Со Склада Интернет-Магазина В Москве

Длинный тег обрезается на полуслове. Каждое слово зачем-то начинается с прописной буквы, спецсимвол, отображающийся в строке заголовка, ни к селу, ни к городу. Это пример из серии «Хотели, как лучше, получилось, как всегда».

Теги Title для Главной страницы информационного сайта

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

Википедия — свободная энциклопедия

Для главной нашего студийного блога мы взяли ключ «Статьи по интернет-маркетингу» и тоже добавили брендовый запрос. Получилось:

Заголовки разделов информационных сайтов

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

Удачный пример:

Исследование Марса: история и современные миссии с фото

Четкий заголовок раздела: все по делу, органично вписаны ключи.

Неудачный пример:

Исследование планеты Марс. Может ли человек жить на Марсе? Узнайте тут

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

Тайтл для информационной статьи

Удачный пример:

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

Неудачный пример:

Канонические ссылки. Атрибут rel= «canonical» — полное руководство по использованию канонических ссылок. Как указать яндексу канонический url страницы

Чрезмерно длинный тайтл, есть точки, переспам, много лишних слов.

Анализ тегов Title у конкурентов

Аудит конкурентов — штука полезная во всех отношениях. Об этом мы подробно рассказывали в статье Анализ сайтов конкурентов выдачи по запросам из ТОПа.

Существуют и специальные инструменты для парсинга SEO-тегов с конкурентных сайтов, например, Анализ SEO-тегов для списка URL и Парсинг сниппетов из Яндекса и Google от tools.pixelplus.ru. Анализируя заголовки из топа выдачи, можно выявить проблемы со своим тайтлом, посмотреть среднее число вхождений ключей, формулировки, длину тегов.

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

Шаблоны для Title

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

Например, карточки товаров — это типовые страницы, и тайтлы для них нужно делать типовыми. Минимум информации обеспечит шаблон:

название товара → призыв (купить, заказать) → регион → название магазина.

Дополнительно можно вписывать информацию о характеристиках товара, способах доставки и оплаты — здесь нужно правильно выстроить приоритеты и что-то поместить в Description.

Тайтлы для категорий товаров тоже уместно делать по шаблону:

призыв (купить, заказать) → название категории → преимущество → регион → бренд.

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

Есть расхожее мнение, что за образец идеального, с точки зрения поисковика, тайтла нужно брать заголовки их представителей: маркетплейса Яндекса и его разнообразных сервисов. Но этот миф разбивается о жестокую реальность: например, в коде товарных карточек магазина «Беру», который интегрирован в Яндекс. Маркет, вообще нет тега Title. Так что ориентироваться здесь нужно на свое семантическое ядро, анализ конкурентов и здравый смысл.

Вывод

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

Грамотное оформление тега обеспечивает:

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

Источник

Тег Title (название страницы)

Тег Title (англ. название) — один из самых важных факторов ранжирования веб-страниц. Чтобы получить максимум пользы от данного HTML-тега при продвижении сайта, необходимо уметь правильно его использовать.

Содержание

Семантическое значение

HTML-тег title должен содержать название веб-страницы, отображаемое во вкладках и закладках браузера.

С технической точки зрения title не является мета-тегом HTML. С мета-тегами его роднят две особенности:

Значение тега Title в SEO

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

Яндекс.Помощь

Яндекс акцентирует внимание веб-мастеров на проблемы с тегом title на страницах сайта в разделе «Диагностика сайта» сервиса Яндекс.Вебмастер:

Заголовки сниппетов в поиске

Важная роль тега title в SEO в частности обуславливается его влиянием на формирование заголовков сниппетов:

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

Справка Google

Заголовки сниппетов отображают только релевантные поисковым запросам фрагменты тегов Title.

Формирование заголовка сниппета не из

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

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

Справка Google

Источники формирования заголовков сниппетов

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

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

Платон Щукин

Как правильно написать тег Title?

Учитывая важность названия веб-страницы в SEO, крайне важно знать, как правильно его заполнять:

Обязательное заполнение

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

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

Справка Google

Уникальность

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

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

Справка Google

Суть страницы

Название должно отражать суть страницы (желательно в пределах одного предложения).

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

Справка Google

Длина (количество символов)

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

Справка Google

Слишком длинный заголовок

Точность вхождения ключевой фразы

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

Место вхождения ключевой фразы

Краткий и содержательный заголовок

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

Осмысленное содержание

Привлекательный для пользователя заголовок сниппета играет важную роль и стимулирует его кликабельность. «Тупой» набор слов не вызовет интереса и доверия пользователя и он с большой вероятностью не перейдет на сайт из поиска.

Хорошо также, если заголовок не только содержит ключевые слова, но также информативен и актуален.

Яндекс.Помощь

Спам ключевыми словами

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

Справка Google

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

Яндекс.Помощь

Наличие лишних слов

Названия страниц должны быть информативными и краткими.

Справка Google

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

В теге рекомендуется применять спецсимволы Unicode (например: ©, ®, ♥), тем самым делая сниппет более привлекательным для пользователей.

Наличие пассажей

Название сайта или компании

Название сайта или компании не следует указывать в начале названия страницы. Если есть необходимость включить эти данные, то добавьте их в конец по следующему принципу:

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

Используйте атрибуты бренда в заголовках, но не злоупотребляйте ими. В заголовке главной страницы имеет смысл указать дополнительную информацию о сайте (например, ExampleSocialSite – место для знакомств и общения). Однако не следует указывать этот текст в заголовке каждой страницы, поскольку это усложняет восприятие.

Справка Google

В качестве разделителя в заголовках веб-страниц сервиса Яндекс.Помощь применяется тире, а на страницах Справка Google — дефиз:

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

Название категории

Пример для интернет-магазина:

Пример для информационного сайта:

Для примера возьмем страницы веб-сервисов Яндекса и Google, содержащие в заголовке название страницы, название категории и название сервиса:

Примеры заполнения тега Title

Разберём условные примеры заполнения, которые оптимизируются под конкретные запросы для московской аудитории пользователей:

Предположим, что каждый из перечисленных запросов является целевым для веб-страницы, к которой мы должны заполнить мета-тег title и разберём варианты его заполнения:

Спам ключевиками в теге

Бездумно перечислять целевые запросы в названии страницы ни в коем случае нельзя:

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

«Вода» в теге Title

Большое количество лишних слов и фраз «размывают» релевантность заголовка целевым запросам и увеличивают его длину:

Такие «водянистые» заголовки страниц не способны конкурировать в борьбе за позиции по высокочастотным высококонкурентным коммерческим запросам.

Несколько предложений в теге Title

Правильное заполнение тега

Такой текст обеспечит привлекательный заголовок сниппетов поисковой выдачи:

Проанализируем релевантность данного заголовка целевым запросам.

Прямые вхождения ВЧ- и СЧ-запросов:

Минимально разбавленные вхождения НЧ-запросов:

Выводы и заключение

На основании данного материала можно сделать следующие выводы относительно значения и заполнения «тайтла»:

Источник