<title> — это HTML-тег, который определяет заголовок страницы. Он отображается в верхней части окна браузера или на вкладке страницы и является одним из наиболее важных элементов для оптимизации поисковой системы (SEO).
Заголовок страницы, заданный с помощью <title>, играет важную роль в привлечении пользователей и информировании их о содержании страницы. Он также отображается в результатах поисковых систем, поэтому правильно составленный и привлекательный заголовок может повысить кликабельность вашей страницы.
Как составить правильный title
При составлении заголовка страницы важно быть кратким, но информативным. Заголовок должен ясно отражать тему и содержание страницы, содержать ключевые слова, которые помогут поисковым системам понять контекст страницы и отображать привлекательную информацию, чтобы привлечь пользователей к нажатию на вашу страницу в поисковых результатах.
Рекомендации от Яндекс
- Убедитесь в том, что ваш заголовок точно отражает содержание. Избегайте общих названий, как «Главная» или «Контакты». Не делайте заголовок слишком длинным, поскольку поисковые системы могут его сократить.
- Важно, чтобы ваш заголовок не был перенасыщен ключевыми словами. Используйте его для представления нескольких критически важных информационных фраз, не допуская их повтора, поскольку повторы не добавляют ценности. К тому же, поисковые системы могут считать такой заголовок спамом.
- Минимизируйте использование стандартных заголовков. Например, заголовок «Каталог» для страниц каталога интернет-магазина не даст посетителю понимания о том, в чем различие между страницами. Также избегайте заголовков с минимальными изменениями отдельных фраз, таких как «<Название товара> — описание, цены, характеристики, фото, отзывы», так как они могут быть неинформативными.
- Сделайте ваш заголовок более содержательным, включая только те значения, которые действительно присутствуют на странице. Например, слова «отзывы», «фото» могут быть включены, если страница содержит соответствующий контент. Так, заголовок будет включать только наиболее ценную информацию. Всю дополнительную информацию можно добавить с помощью мета-тега description, который, если будет соответствовать запросу пользователя, может появиться в сниппете вместе с заголовком.
- Не забудьте добавить название вашего бренда в заголовок. Это поможет пользователям быстро узнать, что они находятся на официальном сайте. Лучше всего размещать бренд в начале или конце заголовка, отделяя его от основного текста двоеточием, дефисом или вертикальной чертой. Дополнительно, сниппет может быть украшен адресом сайта и фавиконкой.
Полное руководство от Яндекс читайте по ссылке: https://yandex.ru/support/webmaster/search-results/title.html
Рекомендации от Google
- Заголовок в элементе <title> должен быть сжатым, но содержательным. Избегайте применения весьма общих терминов, таких как «Главная страница» для главной или «Профиль» для страницы пользователя. Избегайте также слишком длинного текста в <title>. Несмотря на отсутствие строгого ограничения по длине, Google обрезает заголовок ссылки в поисковых результатах до размера экрана устройства.
- Не злоупотребляйте ключевыми словами. Иногда полезно добавить в <title> слова или фразы, относящиеся к содержанию страницы, но не стоит их повторять неоднократно. Слишком много ключевых слов может восприниматься как спам.
- По возможности, избегайте повторов и шаблонности в заголовках <title>. Важно создать уникальный заголовок для каждой страницы вашего сайта, отражающий её содержимое, и поместить его в <title>. Если все страницы интернет-магазина имеют название «Распродажа дешевых товаров», это затруднит ориентацию пользователей. Также не рекомендуется использовать шаблонные заголовки, т.е. длинные тексты, где меняются только отдельные слова, например «Название группы – видео, тексты песен, постеры, альбомы, отзывы и концерты». Такие заголовки обычно бывают мало информативными.Возможно динамическое изменение тега <title> для отображения реального содержимого страницы. Так, слова «видео» или «тексты песен» будут включены в заголовок только в том случае, если страница содержит соответствующий контент.
- Включайте брендовые элементы в заголовки, но не переусердствуйте. В <title> главной страницы можно добавить дополнительную информацию о сайте, например: <title>ExampleSocialSite – ваша площадка для знакомств и общения</title>Однако не следует повторять этот текст в <title> каждой страницы, так как при поиске одного запроса может появиться несколько страниц вашего сайта, которые будут выглядеть идентично. Вместо этого рекомендуется включать только имя сайта в начало или конец каждого тега <title>, отделяя его от основного текста через дефис, двоеточие или вертикальную черту, например: <title>ExampleSocialSite: создание нового профиля</title>
- Ясно выделите текст, который служит основным заголовком страницы. Google использует различные источники для формирования заголовков ссылок. Мы можем использовать видимый элемент в теге title, другие выделенные заголовки или другой важный и видимый текст. Но могут возникнуть сложности, если на странице присутствует несколько заголовков, равно заметных. Постарайтесь сделать основной заголовок наиболее заметным, отличающимся от остального текста на странице. Это можно сделать, используя для него более крупный шрифт, размещая его в первом видимом теге <h1> на странице и т. д.
- Если вы планируете ограничить доступ поисковых роботов к страницам вашего сайта, будьте аккуратны. Файл robots.txt препятствует сканированию страниц сайта роботами Google, но не обеспечивает полной уверенности, что они не будут проиндексированы. Например, Google может проиндексировать страницы, если находит ссылки на них на других веб-сайтах. Если роботы не могут получить доступ к контенту страницы, мы используем информацию из внешних источников для создания заголовка ссылки, например текст ссылок с других веб-сайтов. Для предотвращения индексации конкретного URL, рекомендуется использовать директиву noindex.
- Язык и скрипт в заголовке и на целевой странице должны быть одинаковыми. Например, если основной контент страницы на хинди, то и <title> также должен быть на хинди. Не рекомендуется переводить его на английский или транслитерировать на латиницу. При формировании заголовка ссылки мы стараемся соблюсти единообразие языка и письма с целевой страницей. Если они отличаются в <title> и основном контенте, может быть выбран другой текст для заголовка ссылки.
Полное руководство от Google читайте по ссылке: https://developers.google.com/search/docs/appearance/title-link?hl=ru
Примеры заголовков title
Внимание! Данные примеры показывают лишь принцип составления <title> под основной ключевой запрос. Здесь не учитываются моменты оптимизации под поисковую закономерность, использование TF-IDF и прочие индивидуальные факторы.
- Ключевое слово: «Телевизор купить»
Вариант №1. Телевизоры — купить в интернет-магазине ExampleSocialSite
Вариант №2. Продажа телевизоров в Севастополе — каталог, цены, отзывы
Вариант №3. Телевизоры в Киеве — купить в интернет-магазине ExampleSocialSite
- Ключевое слово «Аренда авто»
Вариант №1. Аренда авто в Сочи — взять автомобиль на прокат в ExampleSocialSite
Вариант №2. Аренда авто без водителя в Киеве от ExampleSocialSite
Вариант №3. Аренда авто на сутки в Москве — ExampleSocialSite
- Ключевое слово «Доставка еды»
Вариант №1. Доставка еды в Москве от ExampleSocialSite
Вариант №2. Доставка еды в Киеве — вкусно и недорого | ExampleSocialSite
Вариант №3. Доставка еды в Минске — бесплатная доставка | ExampleSocialSite
Как вы уже заметили, ключевой запрос важно прописывать именно в начале тега <title>. Это позволяет улучшить ранжирование посадочной страницы и добиться высокой кликабельности в поисковой выдаче (CTR). Вам необходимо совместить два принципа формирования <title>: 1) Релевантность 2) Привлекательность.
Заключение
В данной статье мы рассмотрели основные принципы создания эффективного тега <title>. Ознакомились с инструкциями от Яндекс и Google. Научились составлять тег на конкретных примерах.
Шпаргалка:
- Пишем ключевое слово в начале тега <title>;
- Не повторяем ключевое слово по несколько раз;
- Не делаем тег слишком длинным и слишком коротким;
- Разбавляем тег <title> с полезными поисковыми запросами, которые участвуют в семантическом кластере данной страницы;
- По возможности упоминаем бренд;
- Делаем тег привлекательным по отношению к конкурентам в поисковой выдаче.
