Что такое тег title и где его можно посмотреть
У каждой страницы в интернете есть код, который описывает все детали — от формата контента до размера и цвета шрифта. Данные, которые содержатся в коде, называют метаданными, а их элементы — метатегами. Метатеги помогают поисковым роботам получать дополнительные сведения о странице, а потом формировать блок информации о ней в поисковой выдаче.
Тег title — это один из самых важных для поисковиков элементов метаданных. С его помощью алгоритмы понимают, насколько контент на странице соответствует запросу пользователя. То есть правильный тег тайтл — один из параметров, влияющих на позицию ресурса в поисковой выдаче. Он также важен и для человека, который ищет информацию в интернете, поскольку помогает решить, переходить на сайт или нет.
Посмотреть заголовок страницы можно разными способами.
В коде. Это самый простой способ узнать title, потому что заголовок сайта находится внутри элемента head в исходном коде страницы.
Пользователям Яндекс Браузера надо открыть нужную площадку, нажать правую клавишу мыши и выбрать «Дополнительные инструменты» → «Посмотреть код страницы».
В браузере Chrome достаточно открыть сайт, кликнуть правой клавишей мыши и выбрать пункт «Просмотреть код». В Safari надо сначала перейти во вкладку «Разработка», а потом выбрать в ней строку «Показать ресурсы страницы».
Универсальный вариант для любого браузера — воспользоваться горячими клавишами. Для пользователей компьютеров на Windows и Linux это сочетание клавиш Ctrl + U, а для тех, кто работает на macOS, — Command + Option + U.
Фраза в коде совпадает с тем, что видит пользователь в выдаче
Так выглядит title в Яндекс Браузере
В панель закладок попадают не названия материалов, а title из кода
С помощью специальных расширений. Существуют плагины для браузеров, которые помогают быстро проверить заголовок на сайте.
В поисковике. Иногда достаточно ввести запрос в поисковую строку и посмотреть названия позиций, которые попали в выдачу. Этот способ сработает, если страница индексируется поисковиком, а запрос пользователя полностью или значительно совпадает с заголовком.
Так выглядит title в результатах поиска
Чем отличается title от og:title, description и h1
В вёрстке html title — не единственный тег, который рассказывает о содержании контента. Есть ещё description и h1, а также атрибут og:title. Все они решают похожие задачи, но различия между ними тоже есть.
Тег og:title есть в разметке Open Graph — это инструмент, который помогает формировать превью для статей и видео в соцсетях и мессенджерах. С помощью тега og:title обозначают, какая информация попадёт в анонс, если пользователь поделится на своей странице ссылкой на материал.
Описание, созданное с помощью Open Graph, видно только в соцсетях
Description коротко описывает то, что узнает читатель из статьи
Во вкладке одновременно можно увидеть и название статьи, и заголовок страницы
Почему метатег title важен для SEO-продвижения
На SEO-продвижение площадки влияют разные параметры, и корректно заполненный тег title — один из них. Благодаря ему поисковые роботы определяют, соответствует ли страница тому, что ищет человек, и попадёт ли она в выдачу по его запросу.
Кроме того, корректный title влияет на кликабельность. Он может попасть в сниппет — блок информации о странице, который отображается в поисковике. С ним ресурс проще заметить в выдаче, а значит, он привлечёт больше трафика и клиентов. Это важно для тех, кто продвигает товары и услуги компании. Вот так выглядит сниппет в Яндексе:
Сниппет Яндекс Директа
Как прописать title в популярных CMS
Если вы ещё не добавляли метатеги, в первый раз лучше попросить веб-мастера помочь вам, чтобы снизить риск ошибок. Если такой возможности нет, обратитесь к базе знаний своей CMS — обычно там есть подробные инструкции.
Давайте вкратце рассмотрим этот процесс. Чтобы прописать метатеги, нужно открыть в CMS панель администратора и перейти в соответствующий раздел. Обычно он называется «SEO», «SEO-данные», «Шаблоны для SEO» или «Метаданные».
В популярных CMS разделы для работы с метаданными можно найти так:
- В OpenCart есть встроенный модуль с настройками тегов. Попасть в него можно через разделы «Товары» или «Категории». Для этого необходимо открыть вкладку «Каталог» в панели администратора, выбрать страницу и нажать кнопку «Редактировать».
- В конструкторе Tilda заголовок можно задать двумя способами. Первый — перейти в «Настройки» → «Главное» → «Заголовок». Либо открыть раздел «SEO», через него перейти в «Оптимизацию для поисковых систем», а оттуда — во вкладку «Посмотреть».
- В Битрикс 24 в разделе администратора модуль для работы с метаданными называется «Настройки SEO-информации». Если нажать на него, откроется окно с соответствующими полями.
Частые ошибки
Обычно поля с метатегами заполняют SEO-специалисты, но иногда этим занимаются контент-менеджеры, маркетологи или сами владельцы бизнеса. Вот какие ошибки можно допустить.
Не заполнять title. Метатеги не ключевой параметр, по которому поисковик формирует результаты выдачи, но очень важный. При прочих равных условиях преимущество получит тот ресурс, у которого все поля заполнены корректно.
Искажать смысл заголовка, чтобы получить больше переходов. Основа title — ключевые слова, по которым пользователи ищут товары, услуги или просто ответы на вопросы. Поэтому содержание страницы должно соответствовать ожиданиям человека. Если название обещает одно, а содержание отражает другое, это не понравится ни пользователю, ни алгоритмам поиска. Они могут пессимизировать ресурс, и он станет реже попадать в выдачу.
Использовать одинаковые title для разных страниц. В этом случае страницы могут хуже ранжироваться в поиске. Чтобы найти повторяющиеся метатеги на своей площадке, используйте инструмент «Заголовки и описания» в Вебмастере.
Забывать о названии бренда. Если компания работает над узнаваемостью, лучше добавлять в title её название. Это создаёт дополнительную точку соприкосновения между бизнесом и клиентом.
Подстраиваться под поисковики, а не под пользователя. Title — HTML-тег, который читают не только поисковые роботы, но и люди. Поэтому его продумывают так, чтобы ключевые слова складывались в понятную и логичную фразу. Иначе потенциальный клиент может ничего не понять и проигнорировать ссылку.
Писать слишком много текста. В поисковую выдачу попадает не вся фраза, а её часть. Поэтому нет смысла придумывать исчерпывающий, но слишком длинный заголовок. Лучше оставить в нём главную информацию и по максимуму избавиться от служебных частей речи, не искажая смысл.
Чек-лист: как правильно заполнять метатег title
Тег читают не только роботы, но и обычные люди. Поэтому писать надо простым и понятным языком, логично и кратко. Вот основные правила написания:
- Добавьте ключевые слова. Это помогает получать трафик из поиска. При этом важно не переусердствовать: если алгоритм увидит слишком много ключей сразу, он посчитает заголовок спамом и может исключить площадку из выдачи. Лучше вписывать в тег 1–2 ключевых слова или фразы. Причём главный ключ обычно используют в прямом вхождении, то есть не склоняют в нём слова и не разделяют их другими.
- Удалите фразы, которые могут ввести пользователя в заблуждение. Заголовок должен отражать то, что есть на странице, поэтому лучше не включать в название популярные, но не релевантные ключи. Если человек не находит того, что искал, он практически сразу покидает площадку — такое поведение в веб-аналитике называется отказом. Если процент отказов растёт, поисковые системы могут реже показывать сайт в результатах выдачи.
- Убедитесь, что фраза логичная и понятная. Раздел с адресом и номерами телефонов на сайте онлайн-магазина лучше назвать просто и ясно — «Контакты — Название компании». Вариант «Как с нами связаться, если почтового голубя нет под рукой» не подойдёт — вряд ли кто-то добавит в запрос именно эту метафору. Скорее всего, человек просто напечатает «компания N контакты».
- Добавьте название бренда. Так пользователь сразу поймёт, что перешёл на официальный сайт. Лучше всего вписать бренд в конце заголовка и поставить между ним и остальной фразой двоеточие, вертикальную черту или тире.