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

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

разработка сайта

Что представляет собой данный тег

Мета-теги, в том числе и Title, предназначены для того, чтобы предоставить данные о структуре веб-страницы. Их указывают в блоке <head> в верхней части HTML-документа.

Размещаются в теле документа они таким образом:

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

мета теги

Почему тегу Title следует уделить внимание

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

Этот мета-тег технически является отдельным тегом, что отличает его от Descriptions и Keywords — он имеет закрывающую и открывающую части, с таким синтаксисом:

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

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

поисковая система

Заполнение тега <title>

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

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

По теме:  Что такое конек в строительстве? Виды, особенности и фото конька

Правила и рекомендации

Можно вывести следующие основные правила, как заполнять мета-тег Title:

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

мета теги ручка

Информация, содержащаяся в теге

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

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

Основные составляющие, которые должен содержать мета-тег Title:

Для того чтобы разобраться, какие ключевые слова лучше добавить в тег Title, лучше всего воспользоваться сервисами от Google и Яндекс — Google AdWords и «Подбор слов Яндекс», соответственно.

программирование фото

Мета-теги при описании товаров

Часто требуется прописать мета-теги при составлении карточек с описанием товара, к примеру, в интернет-магазине.

При заполнении мета-тегов Title и Description для товара лучше придерживаться следующих рекомендаций:

В теге Description указывается основное содержание, показывающее поисковику, чему посвящена данная страница. Оно же составляет сниппет.

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

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

Тот же принцип относится и к разным нумерованным страницам сайта.

Мета-теги Title и Description не должны друг с другом совпадать.

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

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

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

По теме:  Отображение границ таблицы html-страницы

За шаблон для карточки товара в интернет-магазине можно взять следующую конструкцию:

Title: Название и краткое описание товара в карточке + стоимость + расположение

Несколько слов о других мета-тегах

В SEO-оптимизации задействованы несколько основных мета-тегов, открывающих возможности для продвижения страниц в поисковых системах. Это мета-теги Title, Keywords и Description. Они также располагаются в блоке <head> в теле html-документа.

Title мы уже рассмотрели — он задает непосредственно заголовок веб-сайта в поисковиках.

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

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

Далее рассмотрим, как правильно заполнить мета-теги Description, Keywords и Title для того, чтобы сайт имел эффективную конверсию в поисковых системах.

мета теги сео

Заполнение тега Descriptions

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

Этот тег располагается там же, где и остальные мета-теги, в теге <head> и имеет следующий синтаксис:

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

Перейдем к описанию правил заполнения тега Keywords.

работа с html

Как заполнить тег Keywords

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

Раньше этот тег имел большое влияние на поисковые системы, но это привело к тому, что разработчики и оптимизаторы начали злоупотреблять им, вставляя для высокого ранжирования своих страниц ключи, не имеющие отношения к содержимому сайта. Из-за этого со временем Google отказался от использования своими поисковыми роботами информации, относящейся к этому тегу, но такая большая поисковая система, как «Яндекс» до сих пор ранжирует сайты по данному тегу. Степень влияния его не так велика, но полностью пренебрегать им не следует.

По теме:  Объем треугольной пирамиды. Формулы и пример решения задачи

Как лучше заполнить данный тег:

Рассмотрев все основные мета-теги, влияющие на расположение сайта в поисковой выдаче, вернемся к тегу Title.

Пример правильно составленных мета-тегов

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

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

В описании (мета-тег Description) находится текст, который будет располагаться в соответствующем сниппете на странице поисковой выдачи. Он включает достоверные данные, не перегружен лишними сведениями.

В последнем мета-теге находятся основные ключевые слова, разделенные запятыми.

В заключение

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

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