Как сделать название вкладки в html

Атрибуты

К этому элементу применимы только глобальные атрибуты.

Примечание

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

Заголовок страницы и SEO

Содержимое заголовка страницы может иметь важное значение для поисковой оптимизации (SEO). Как правило, более длинный описательный заголовок будет лучше ранжироваться (Ranking), чем короткий или скучный. Не только содержимое заголовка является одним из компонентов, используемых алгоритмами для определения порядка, в котором перечисляются страницы в поисковой выдаче, но и сам заголовок является приёмом, которым вы привлекаете внимание читателей бегло просматривающих результаты поиска.

Несколько методических рекомендаций и советов для составления хороших заголовков:

• избегайте заголовков состоящих из одного или двух слов. Используйте описательные фразы или сочетание термин-определение для страниц глоссария (словарь терминов) или справки;
• поисковые системы, как правило, отображают примерно 55-60 первых символов заголовка страницы. Текст, превышающий это количество символов, может быть потерян, так что постарайтесь, чтобы заголовки не были длиннее. Если вам нужно использовать более длинный заголовок, убедитесь, что важные части появляются раньше и что нет ничего критического в части заголовка, которая может быть отброшена;
• избегайте специальных символов, когда это возможно; не все браузеры будут отображать их одинаково. Например, »
• не используйте ключевые слова («keyword blobs»). Если ваш заголовок состоит только из списка слов, то алгоритмы будут часто искусственно понижать позицию вашей страницы в поисковой выдаче;
• убедитесь, что ваш заголовок является уникальным на вашем сайте, насколько это возможно. Повторяющиеся или частично повторяющиеся заголовки могут способствовать неточным результатам поиска.

Пример

title>Потрясающий заголовок страницыtitle> 

Этот пример устанавливает заголовок страницы (отображается в верхней части окна или вкладки браузера) как «Потрясающий заголовок страницы».

Проблемы доступности

Важно указать такое значение title , которое описывает назначение страницы.

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

Пример

title> Меню - Китайская еда Синий дом - FoodYum: онлайн на вынос сегодня! title> 

Для того чтобы помочь пользователю, обновите значение title , чтобы отразить важные изменения состояния страницы (например, проблемы с проверкой формы).

Пример

title> 2 ошибки - ваш заказ - Китайская еда Синий дом - FoodYum: онлайн на вынос сегодня! title> 

• MDN Understanding WCAG, Guideline 2.4 explanations (en-US)
• Understanding Success Criterion 2.4.2 | W3C Understanding WCAG 2.0

Спецификации

Поддержка браузерами

BCD tables only load in the browser

Found a content problem with this page?

• Edit the page on GitHub.
• Report the content issue.
• View the source on GitHub.

This page was last modified on 4 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

• Product help
• Report an issue

Our communities

Developers

• Web Technologies
• Learn Web Development
• MDN Plus
• Hacks Blog

• Website Privacy Notice
• Cookies
• Legal
• Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

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

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

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

1. прописывается в разделе head веб-страницы,
2. не отображается непосредственно на веб-странице.

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

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

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

Заголовок страницы — это текст, определяемый в HTML тегом . С его помощью вебмастер дает понять поисковой системе, что содержится на странице. Текст, который обрамляется тегами , отображается браузером в заголовке окна. Кроме того, этот текст будет содержать и ссылку на ваш сайт на странице результатов поиска Яндекса, то есть это, в некотором роде, визитная карточка вашего ресурса.

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

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

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

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

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

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

Справка Google

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

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

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

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

• нерелевантное содержание (нет вхождений слов из запроса),
• слишком длинное содержание (более 200 символов, в идеале — не более 55),
• спам (перечисление ключевых слов и фраз),
• неуникальный текст (названия страниц на сайте дублируются).

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

Справка Google

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

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

• тегов заголовков h1 — h6 ,
• содержимого мета-тега Description,
• анкоров внешних или внутренних ссылок,
• содержимого других HTML-элементов контента.

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

Платон Щукин

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

Как отмечалось ранее, название страницы находится в HTML-блоке head . В отличие от мета-тегов, «тайтл» является обычным парным HTML-тегом, содержание которого заполняется между открывающим и закрывающим тегами:

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

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

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

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

Справка Google

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

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

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

Справка Google

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

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

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

Справка Google

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

Заголовок сниппета поисковой выдачи ограничен определенным количеством символов. Если название страницы превысит это количество, заголовок сниппета будет содержать только его фрагмент. Сделайте всё возможное, чтобы содержимое тега title отображалось в сниппете полностью. Идеальный вариант – название длиной не более 55 символов .

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

Справка Google

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

Заголовок слишком длинный – в сниппете отображается только его фрагмент. Кроме того, заголовок содержит «разбитую» фразу из запроса (слова из запроса в разных частях заголовка), но его длина не позволяет отобразить её в сниппете, в результате подсвечивается только первое слово из запроса, входящее в тег title .

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

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

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

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

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

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

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

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

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

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

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

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

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

Справка Google

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

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

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

Лишние слова (так называемая «вода», например: «наш», «самый», «лучший») «размывают» конкретику заголовка и увеличивают его длину – откажитесь от их использования в теге title .

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

Справка Google

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

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

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

Следует учитывать, что алгоритм поисковой системы считает менее релевантными словосочетания, слова из которых разделяются символами ! , ? , . (завершающие предложение символы). Не следует применять данные символы в теге title , разделяя его на пассажи.

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

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

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

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

Справка Google

В качестве разделителя названия бренда от названия страницы часто применяются символы — (тире), — (дефиз), | (вертикальная черта), : (двоеточие) и / (косая черта). Для примера обратим внимание на оформление заголовков веб-страниц, относящихся к сервисам Яндекса и Google.

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

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

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

Страницы категорий, как правило, продвигаются под определённый высокочастотный запрос, содержащийся в теге title . Для усиления релевантности страницы категории этому запросу в заголовках дочерних страниц также может содержаться название категории. Разделение названия категории в названии страницы может быть реализовано по аналогии с разделением названия сайта (компании):

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

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

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

И в первом (сервис Яндекса), и во втором (сервис Google) случае в качестве разделителя применяется символ — (тире), но очень многие сайты используют для этого — (дефиз), | (вертикальная черта), : (двоеточие) и / (косая черта), поэтому разделитель не имеет особой важности, главное соблюдать аналогию на всех страницах сайта.

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

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

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

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

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

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

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

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

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

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

Несколько предложений в HTML-теге title не только могут размыть релевантность заголовка запросу, но и вовсе сделать его нерелевантным согласно алгоритму ПС :

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

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

Чтобы правильно написать тег title , необходимо предварительно хорошо оценить важность целевых запросов. В нашем случае:

• запросы «мебель на заказ» и «мебель под заказ» можно считать синонимами, и вставлять оба запроса в название страницы будет нецелесообразно. Вариант «мебель на заказ» имеет частотность в 17.5 раз выше – именно его и следует включить в заголовок;
• низкочастотный запрос «заказать мебель» также не следует использовать вместе с запросом «мебель на заказ» по логическим соображениям;
• запросы «мебель», «мебель на заказ», «купить мебель», «купить мебель в москве», «мебель в москве», «мебель на заказ в москве», «мебель цены» можно отлично связать в единое предложение и использовать в качестве заголовка страницы.

На основании анализа запросов правильный тег title , релевантный всем перечисленным целевым запросам, можно написать следующим образом:

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

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

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

• «мебель»,
• «мебель на заказ»,
• «купить мебель»,
• «мебель на заказ в москве»,
• «купить мебель на заказ».

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

• «купить мебель в москве»,
• «мебель цены».

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

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

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

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

  Ссылки

  Внутренние материалы

  • SEO мета-теги
  • Мета-тег Description (описание документа)
  • Мета-тег Keywords
  • Мета-тег Robots
  • Тег Img (изображение)

  Внешние материалы

  • Представление информации на сайте
  • Как изменить заголовок и описание сайта в результатах поиска?
  • Создавайте информативные заголовки страниц
  • Тег Title страниц сайта на Joomla
  Читать:

  Как отключить push уведомления android