для чего нужен тег 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 считается одним из важнейших элементов страницы сайта с точки зрения SEO, он описывает ее содержание. Title — первое, что видит человек в результатах поисковой выдачи, на вкладке браузера и при перепосте ссылки на страницу в соцсетях. Именно от его содержимого во многом зависит, откроет ли пользователь ссылку либо оставит ее без внимания. Разбираемся, как правильно заполнять тег title, какая у него должна быть длина, что писать в тексте, а что — нет.
Для чего нужен тег title
Непосредственно на веб-странице тайтл не отображается. Его можно увидеть, только если подвести курсор к открытой вкладке браузера.
Title на вкладке браузера
Этот мета-тег выполняет сразу несколько функций:
Таким образом, текст тега title позволяет пользователю оценить содержимое страницы еще до того, как он кликнет по ссылке. Наличие ключевых запросов в заголовке сайта может повысить его релевантность для поисковиков. При этом важно, чтобы ключи, используемы в мета-тегах, соответствовали контенту страницы.
Пример отображения title в сниппете
Формирование заголовка сниппета не из title
Иногда поисковые системы отказываются от использования мета-тегов в сниппете. Это происходит в следующих случаях:
В подобных ситуациях поисковики формируют заголовок сниппета из текста мета-тега H1. Иногда в качестве title используется часть текста со страницы, содержащая ключевой запрос либо его часть.
Следует отметить, что Яндекс более внимательно проверяет релевантность мета-тегов и чаще использует автоматически сгенерированный заголовок при наличии прописанного Title. Google в этом отношении более лоялен: если веб-мастер указал мета-тег, то поисковая система с высокой долей вероятности будет использовать в сниппете именно его.
Как правильно прописать title
Отметим наиболее важные моменты, на которые следует обратить внимание при создании мета-заголовка страницы.
Длина
Пример обрезки заголовков в Google
Самый важный запрос — в начале заголовка
Включите в текст мета-тега основной ключ. В идеале, его нужно использовать в прямой словоформе (если она не противоречит нормам русского языка). Остальные ключи добавляются по мере возможности. Поскольку поисковые системы могут обрезать текст, основной запрос вводится в самом начале мета-тега, чтобы он точно остался в заголовке страницы. Дополнительные ключи можно видоизменять и разбавлять другими словами. При этом они не должны повторяться и снижать читабельность текста.
Основной ключ ставим в начало
Заголовок должен быть грамотным
Прошли времена, когда мета-теги можно было составлять из бессвязного перечисления ключей. Сегодня ни поисковые системы, ни пользователи не любят такие тексты. Поэтому при составлении тайтла для страницы постарайтесь сделать его грамотным и приятным для чтения. По сути, это должен быть обычный заголовок, отображающий суть материала по ссылке и содержащий необходимые ключи.
В нем не должно быть ничего лишнего
Старайтесь меньше использовать в тексте тега знаки препинания — тире, запятые, двоеточия, восклицательные и вопросительные знаки, кавычки, математические символы. Несколько разных предложений можно разделить точкой. Хотя по мнению поисковиков, эти знаки препинания не портят качество заголовка.
Не забудьте про уникальность
Мета-тег title должен отличаться от заголовка H1 и прочего контента на странице. Он также должен быть уникальным относительно других текстов в интернете. Скопировать его на сайте конкурента — однозначно плохая идея. Поисковики негативно реагируют на подобные хитрости.
В заголовке страницы можно указать название компании, регион, наименование реализуемого товара. Однако вся эта информация должна идти в конце текста, после главного ключа.
Основные ошибки при заполнении title
Яндекс и Google не одобряют следующее:
Все эти ошибки могут привести к тому, что поисковики посчитают ваш заголовок нерелевантным и укажут в сниппете свой автоматически сгенерированный текст. Либо ваш сайт окажется на нижних позициях поисковой выдачи, как в примере ниже.
Неудачные или незаполненные теги title в выдаче
Генерация title для интернет-магазинов
Сайт интернет-магазина может состоять из сотен, а то и тысяч однотипных страниц. И у каждой из них должны быть прописаны мета-теги. Рассказываем, как сгенерировать title для всех разделов, подразделов и карточек товаров.
Для главной страницы
Заголовок главной страницы магазина формируется из следующих составляющих:
Примеры заголовков для главной страницы
Категории товаров
На страницах с категориями товаров всегда прописывается слово-призыв к действию. Кроме того, в title указывается название категории, город, бренд и преимущество.
Пример тайтлов для категорий товаров
Карточки товаров
В заголовке страницы, посвященной отдельному товару, важно указать не только его название, но и способ доставки и оплаты, детали использования, характеристики, регион продажи и преимущества магазина.
Мета-теги title для карточек товаров составляются по следующему шаблону:
Очевидно, что уместить всю эту информацию в 60-75 символов не удастся. Поэтому SEO-специалисту необходимо выбрать именно те детали, которые наиболее важны с точки зрения потенциального покупателя, а все остальное написать в теге description.
Так, вы можете сделать акцент на цене (если товар продается со скидкой) либо упомянуть бесплатную доставку, либо указать на длительный гарантийный срок.
Примеры тайтлов для карточек товаров
Помните, что заголовки страниц должны быть уникальными относительно друг друга. Даже если в вашем интернет-магазине представлены товары, различающиеся только цветом, дизайном или поставщиком, мета-теги для их страниц должны быть разными.
Итак, мета-тег title имеет большое значение в SEO-продвижении сайта. Для его правильного составления необходимо учитывать основные запросы и структуру сайта, а также общие требования поисковых систем.
Тег Title: что это такое, зачем он нужен и как правильно его заполнять
Тег Title (тайтл) — это элемент HTML-страницы, отвечающий за вывод заголовка окна, поисковые системы используют тег тайтл для формирования сниппета в результатах поиска.
Основные задачи, которые решает Title:
Для увеличения кликабельности тега Title рекомендуем использовать: цифры, интересные детали, предвосхищение интента или попадание в основную “боль”. Выше кликабельность — больше CTR и лучше поведенческие показатели (при условии что статья качественная).
Как правильно прописать тег Title: формула
Общая формула, по которой можно прописывать метатег Title, такова:
Для информационных запросов:
Главный ключ + хвост запросов (основной интент) + дополнительный ключ + синоним
Пример : Семантическое ядро – что это и как правильно составить семантику сайта
Для коммерческих запросов:
Главный ключ + основной хвост (слова, дополняющие запрос, такие, как «купить», «цена») + топоним + дополнительный хвост + синоним +дополнительные ключи
Пример : iPhone 13 купить в Москве, цена на айфон 13 в интернет-магазине
Если метатег Title не прописан или нерелевантен содержанию страницы, поисковые системы могут формировать его из тегов H1 или даже H2 и H3 — в случаях, когда они более релевантны запросу и лучше отражают смысл страницы.
13 советов о том, как правильно заполнять метатег Title
Где и как пользователь может увидеть Title
Всего таких мест можно выделить четыре.
1. В поисковой выдаче
Когда пользователь вводит в поисковую строку любого браузера любой запрос и получает по нему результаты выдачи, первое, что он видит — это тайтлы страниц в виде заголовков к сниппетам (кратким описаниям сайтов).
2. В названии вкладки браузера
3. При репосте страницы сайта в соцсетях
Метатег Title полностью отображается при репосте — как в постах, так и в комментариях к ним, если комментарии содержат ссылку и не выключена функция предпросмотра.
4. В коде страницы
Зайти в код можно, если кликнуть в любом месте страницы правой кнопкой мыши и выбрать в контекстном меню пункт «Просмотреть код страницы». В коде Title тоже отображается полностью:
Технические требования к Title страницы
Видимый размер метатега Title различается для Google и «Яндекса». В Google заголовок сниппета включает 63 символа, или 10-12 слов. В «Яндексе» меньше — всего 56 символов, включая обязательное многоточие в случае, если часть Title обрезана и осталась вне зоны видимости.
Строгого формального ограничения по максимальному количеству символов нет: разные источники указывают на то, что тайтл может включать от 90 до 200 символов. Лучше всего уложить тайтл в 12-18 слов. Чтобы сделать тайтл страницы максимально эффективным, основной ключ и суть материала желательно размещать в видимой части метатега, укладываясь в 56-63 символа. Однако важно помнить: то, что осталось за границей видимой части, тоже влияет на ранжирование сайта.
Подводим итоги
Уникальный тайтл страницы может быть хорошим помощником в продвижении и помогать росту входящего трафика на сайт. Он выступает своеобразной визиткой страницы, коротко отражает ее суть для поисковиков и мотивирует пользователей к переходу.
Тайтлы для «Яндекса» и Google прописывают по одинаковым схемам, хотя количество символов видимой части метатега в этих поисковиках различается. Для повышения CTR сайта и в одной, и в другой поисковой системах важно, чтобы основной ключевой запрос и главная мысль, которую важно донести до пользователя, были вписаны в первую видимую часть метатега.