Содержание

Тег | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+1.0+1.0+1.0+1.0+1.0+1.0+

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

HTML:3.24.015.0XHTML:1.01.1

Описание

Определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера (рис. 1). Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>.

Рис. 1. Вид заголовка в браузере Firefox

Синтаксис

<head>
  <title>Заголовок</title>
</head>

Закрывающий тег

Обязателен.

Атрибуты

Нет.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <title>htmlbook. ru - Как правильно писать заголовок страницы</title>
 </head> 
 <body>
  <p>...</p>
 </body>
</html>

Примечание

Тег <title> выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы.

  • По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди.
  • Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа.
    Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? » < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами.
  • При сохранении в разделе браузера «Избранное», адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило.
  • В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.

Документ

  • Введение в HTML
  • Синтаксис HTML5
  • Теги заголовка документа
  • Элемент title

Тег title — название страницы. Правильный и работающий заголовок страницы сайта

Title (тайтл) — самый важный тег для внутренней оптимизации html-кода страниц. Поисковые системы придают очень большое значение тексту, заключённому в title, поэтому следует использовать этот фактор максимально эффективно.

Синтаксис:

<title>Название страницы</title>

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

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

Желательно наиболее важные ключевики включить в первые десять слов (и 80 символов). В любом случае — чем ближе к началу, тем лучше.

Существует мнение, что лучше избегать использования в title стоп-слов (и, о, или, я, к, до, не и т.д.), так-как поисковые системы их всё равно игнорируют. 

Цитата хэлпа Яндекса:

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

По возможности, старайтесь не использовать в title «стоп-символы»:  ( )  = /  \ !  + _

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

Не желательно использовать одно и то же слово в одинаковом падеже и наклонении несколько раз без особой необходимости.

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

Наличие ключевых запросов в title значительно облегчает последующую раскрутку сайта. Более весомого тега для поисковых систем нет. И если без особого ущерба для SEO можно проигнорировать использование на странице мета-тега keywords или тегов выделения например, то тег title игнорировать ни в коем случае нельзя, если Вы надеетесь вывести сайт в ТОПы по конкурентным запросам.

Как составить эффективный тайтл

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

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

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

При составлении тайтла можно применять следующие маркетинговые приемы (следует применять ограничено):

1. Используйте вертикальную черту (символ «|») для разделения коротких фраз или слов в названии страницы.

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

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

Существует мнение, что «|» является одним из так называемых «стоп-символов», которые нежелательно использовать в title с точки зрения SEO-оптимизации. Впрочем, это не доказано.

2. Используйте правильное тире, а не символ дефиса там, где это уместно. Сравните на визуальное восприятие:

SEO по-русски — продвижение сайта

SEO по-русски — продвижение сайта

Вариант с правильным тире выглядит более привлекательно.

3. Используйте правильные кавычки: « ». Сравните на визуальное восприятие:

«Маркетинг» и «Маркетинг»

Вариант с правильными кавычками выглядит более привлекательно.

4. Используйте знак стрелочки-указателя «>>» в начале тайтла для привлечения дополнительного внимания. Пример:

>> Лучшие соковыжималки здесь!

Применение стрелочек наиболее уместно и эффективно для рекламных тайтлов в сочетании с эмоциональной фразой.

Стрелочки желательно использовать лишь на небольшом количестве страниц сайта.

5. Выделение ключевого слова. Напишите ключевое слово, на котором хотите сделать акцент, заглавными буквами. Пример:

Продвижение сайта — КАЧЕСТВЕННО, дорого.

6. Выделение фразы. Можно написать все слова в названии страницы с большой буквы. Пример:

Что Такое Вирусный Маркетинг

Такое выделение не очень эффективно, но, тем не менее, можно его использовать.

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

Понятно, что все выше перечисленное следует применять только в уместных случаях. Перейдем к практике.

Рекомендации по написанию хорошего TITLE:

Писать тайтлы нужно для людей или поисковых роботов?

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

Правила написания хорошего title

  • В тайтл обязательно нужно включать главную ключевую фразу страницы.
  • Ключевая фраза должна располагаться как можно ближе к началу title. Если вы используете в заголовке несколько ключевых слов, то первыми должны стоять самые высокочастотные.
  • Длина тайтла не должна превышать 70 знаков, а размер — 12 слов. Если вы будете создавать заголовки с такими параметрами, то они будут хорошо работать и для Яндекс, и для Google.
  • Следите, чтобы все тайтлы были уникальными в рамках вашего сайта. Дубли негативно повлияют на продвижение веб-ресурса.
  • Старайтесь делать заголовки страниц короче — чем меньше title, тем больший вес будут иметь его ключевые слова.
  • Тайтл должен точно и ёмко отражать содержание страницы. Не включайте в него ключевые слова, которых нет на странице.
  • Создавайте тайтлы, которые будут легко читаться и которые способны заинтересовать пользователя — не зацикливайтесь только на seo-оптимизации. Title — это первое, что видит потенциальный посетитель вашего сайта в поисковике, поэтому используйте эту первую встречу, чтобы произвести на него хорошее впечатление.

Есть еще несколько тонкостей, о которых хотелось бы сказать.

Включать ли название компании в title?

У разных специалистов разные мнения по этому вопросу. Я считаю, что в title стоит включить название бренда, если его узнаваемость достаточно велика. В этом случае пользователь, увидев название компании в сниппете, с бОльшей вероятностью перейдет по ссылке.

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

Оптимизация title

В результатах поиска я нашел страницу с таким title:

Щубы из натурального меха оптом и в розницу | Цена на шубы | Продажа шуб Екатеринбург | Пошив шубы из натрального меха под заказ.  

Его длина составляет 123 знака, и он содержит 24 слова — такой тайтл никуда не годится. Что же делать, если в заголовке страницы нужно уместить много ключевых слов?

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

Шубы из натурального меха в Екатеринбурге: пошив, продажа оптом и в розницу

Получилось 12 слов размером в 70 знаков текста, который неплохо воспринимается.

В данном случае ошибка была еще и в том, что на одной странице была размещена информация по разным вопросам. Как минимум, “пошив шуб” и “продажу” можно было разнести по отдельным страницам.

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

Дополнительная информация:

Знаки препинания в title — использовать или нет?

Спорный вопрос. Я лично использую и никогда не видел каких то ограничений или снижения ранжирования.

Все оптимизаторы в один голос твердят о нежелательности использования знаков препинания в заголовках страниц (TITLE), но все-же мы встречаем их там постоянно и даже сами «советчики» используют их в своих заголовках, что и неудивительно, ведь заголовки создаются в первую очередь для людей, а уже во вторую — для машин, поэтому использование знаков препинания является вполне естественным, чтобы отделить одну мысль от другой или заострить на чем-то внимание пользователя.

Нужны ли знаки препинания в title страницы

Если не использовать знаки препинания

Конечно заголовок (title страницы) лишенный знаков препинания выглядит довольно непривлекательно и порой даже несуразно.
Возьмем для примера такой заголовок: Nokia купить телефон nokia цены на телефоны nokia
Плюсы использования такого заголовка во вхождении сразу большого количества низкочастотных запросов. Вот некоторые из них: Nokia купить, купить телефон, купить телефон nokia, телефон nokia, телефон nokia цены, nokia цены, цены на телефоны, цены на телефоны nokia, телефоны nokia. Согласитесь очень весомый аргумент для того чтобы не использовать знаки препинания.

Если употреблять знаки препинания в заголовке

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

Зачем нужны знаки препинания в заголовке страниц

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

Оказывается поисковые системы считают их не просто стоп-символами разделяющими разные мысли, а понимают их смысл. И каждый из заголовков (прим. вместо диванов в примере могли быть и кресла и кровати, да что угодно) «Диваны — Екатеринбург», «диваны Екатеринбург», «диваны: Екатеринбург» и «диваны, Екатеринбург» будет ранжироваться совершенно по разному.

Выводы: зачем нужны знаки препинания в заголовке

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

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

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

Максимальная длина тайтла страниц для Яндекса и Google

Сколько знаков должен быть Title или сколько слов? В сети можно встретить данные экспериментов.

Придерживаться им или нет — ваше дело. Я лично не придерживаюсь. Поисковки сами все отсекут не нужное и покажут часть Title с ключевым словом под запрос.

Тем не менее данные экспериментов интересные.

Привожу несколько:

Title в поисковой системе Яндекс

1. В Яндексе отображается не более 15-ти слов в тайтле.
В заголовках сайтов в выдаче Яндекса может помещаться до 80 символов и 16 слов вместилось бы без проблем, однако алгоритм Яши берет только первые 15 из них.
2. Яндекс учитывает лишь первые 15 слов в теге title при поиске.

3. По словам, находящимся за 15-тью первыми, Яндекс документы не находит.

4. Максимального ограничения на количество учитываемых при поиске символов в title для Яндекса не обнаружено.

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

Тег title в Google

1. Google показывает до 70 символов в тайтле В отличие от Яндекса, Google берет не количество слов для отображения, а количество символов. Как указывалось ранее, google показывает в выдаче до 70 символов заголовка.

2. В Google учитываются только первые 12 слов в теге title Показываться в заголовках в результатах поиска Google может более 12 слов, однако, при поиске оператором intitle: учитываются лишь первые 12.

3. Google добавляет весь тайтл в контент страницы.

Выводы: Гугл, в отличие от Яндекса, делает страницу релевантной тем словам, которые не учитываются при поиске по тегу title. Это следует из 3-го пункта. Первые 12 слов заголовка в Google увеличивают релевантность страницы этим словам, поэтому, лучше не делать заголовки более 12-ти слов.

Еще один эксперимент:

Результаты для Яндекса

1) Максимальное количество символов, которые показываются в серпе (без троеточия) – 68/74 (без пробелов/c пробелами). Больше у меня не получилось найти. Есть ли у вас примеры показа в сниппете бОльшего количества знаков из тега title? На мой взгляд, здесь больше интересно второе значение (с пробелами), так как используется разное количество слов и букв. Яндекс не обрезает слова, а показывает их всегда полностью, поэтому большие слова, которые находятся в конце показываемого заголовка в тайтле сниппета, могут не быть показаны в выдаче.

2) Максимальное количество слов, которые показываются в заголовке сниппета — 13.

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

3) Максимальное количество слов/символов без пробелов/с пробелами, учитываемых в теге Title при ранжировании — 34/305/329 (возможно, больше). Все слова из тайтла второй и третьей экспериментальной страницы участвуют при ранжировании.

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

Для Google

1) Максимальное количество символов, которые показываются в серпе (без троеточия) – 54/65 (без пробелов/c пробелами). Получилось меньше, чем у Яндекса. Опять же если вы найдете более длинные тайтлы в гугле, то скидывайте примеры в комментарии.

В отличие от Яндекса, Google может:

  • обрезать слова.Оригинальные тайтл — Бесплатная школа в видео уроках;как сделать сайт самому. — Форум о заработке и инвестициях.
  • Заголовок сниппета брать из h2-h3 страницы, либо мешать его с тайтлом (Яндекс тоже так делает, но в случаях, когда поисковый запрос попадается в некоторых других частях контента):Выделенное зеленым взято из h2, а остальное — концовка тега title.
  • Показывать разную длину заголовка сниппета в разных браузерах и/или при разных масштабах экрана.
  • Предпочитать микс тайтла и заголовка страницы, когда запрос из тега title не помещается в максимум для показываемого в сниппете. Слово «Мегр» есть в тайтле, но не отображается в поисковой выдаче.

2) Максимальное количество слов, которые показываются в заголовке сниппета — 11.

Утверждение основано на аналогичных расчетах для Яндекса.

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

Если завести разговор об идеальном, то идеальный тег title для Яндекса и Google — это текст не больше 11 слов, насчитывающие не больше 65 символов с пробелами.

Но, если вы увеличите эти лимиты, то ничего страшного: google и яндекс все равно учтут слова вне данного лимита.

Тег заголовка HTML

❮ Назад Полный справочник HTML Далее ❯


Пример

Определите заголовок для HTML-документа:




Справочник по элементам HTML

Это заголовок


Это абзац.


Попробуйте сами »

Определение и использование

Тег </code> определяет заголовок документа. Заголовок должен быть только текстовым и отображаться в строке заголовка браузера или в вкладка страницы.</p><p> Тег <code><title> </code> обязателен в HTML документы!</p><p> Содержание заголовка страницы очень важно для поисковой оптимизации (SEO)! Заголовок страницы используется алгоритмами поисковых систем для определения порядка при отображении страниц в результатах поиска.</p><p> Элемент <code><title> </code>:</p><ul><li> определяет заголовок на панели инструментов браузера</li><li> предоставляет заголовок для страницы, когда она добавляется в избранное</li><li> отображает заголовок страницы в результатах поиска</li></ul><p> Вот несколько советов по созданию хороших заголовков:</p><ul><li> Выберите более длинный описательный заголовок (избегайте заголовков из одного или двух слов)</li><li> Поисковые системы будут отображать около 50-60 символов заголовка, поэтому попробуйте не иметь заголовков длиннее этого</li><li> Не используйте в качестве заголовка только список слов (это может уменьшить позиция в результатах поиска)</li></ul><p> Итак, постарайтесь сделать заголовок максимально точным и осмысленным!</p><p> <b> Примечание: </b> В документе HTML НЕ может быть более одного элемента <code><title> </code>.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/xn--90abhccf7b.xn--p1ai/800/600/http/images.myshared.ru/26/1289085/slide_6.jpg' /><noscript><img loading='lazy' src='/800/600/https/xn--90abhccf7b.xn--p1ai/800/600/http/images.myshared.ru/26/1289085/slide_6.jpg' /></noscript></p><hr/><hr/><h3><span class="ez-toc-section" id="i-10"> Поддержка браузера </span></h3><table><tr><th> Элемент</th><th title="Chrome"/><th title="Internet Explorer / Edge"/><th title="Firefox"/><th title="Safari"/><th title="Opera"/></tr><tr><td> <название></td><td> Да</td><td> Да</td><td> Да</td><td> Да</td><td> Да</td></tr></table><hr/><h3><span class="ez-toc-section" id="i-11"> Глобальные атрибуты </span></h3><p> Тег <code><title> </code> также поддерживает глобальные атрибуты в HTML.</p><hr/><h3><span class="ez-toc-section" id="i-12"> Связанные страницы </span></h3><p> Учебник HTML: HTML Head</p><p> Ссылка HTML DOM: объект Title</p><hr/><h3><span class="ez-toc-section" id="_CSS"> Настройки CSS по умолчанию </span></h3><p> Большинство браузеров отображают элемент <code><title> </code> со следующими значениями по умолчанию:</p><p> заголовок { <br/>   отображение: нет; <br/> }</p><p> ❮ Предыдущий Полный справочник HTML Следующий ❯</p> <br/><h5><span class="ez-toc-section" id="i-13"> ВЫБОР ЦВЕТА </span></h5><hr/><hr/><hr/><p><h5><span class="ez-toc-section" id="i-14"> Лучшие учебники </span></h5> Учебник HTML <br/> Учебник CSS <br/> Учебник JavaScript <br/> How To Tutorial <br/> Учебник SQL <br/> Учебник Python <br/> Учебник W3.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/mypresentation.ru/documents/88ff55d1e4ea5ccbcb7681ac3ec32b64/img28.jpg' /><noscript><img loading='lazy' src='/800/600/https/mypresentation.ru/documents/88ff55d1e4ea5ccbcb7681ac3ec32b64/img28.jpg' /></noscript> CSS <br/> Учебник Bootstrap <br/> Учебник PHP <br/> Учебник Java <br/> Учебник C++ <br/> Учебник jQuery <br/><p> 9003 010 Учебник Справочник по HTML <br/> Справочник по CSS <br/> Справочник по JavaScript <br/> Справочник по SQL <br/> Справочник по Python <br/> Справочник по W3.CSS <br/> Справочник по Bootstrap <br/> Справочник по PHP <br/> HTML Colors <br/> Справочник по Java <br/> Справочник по Angular <br/> Справочник по jQuery <br/></p><p><p> Top5 Examples <br/></p><p><p> Top5 Examples <br/> Примеры HTML <br/> Примеры CSS <br/> Примеры JavaScript <br/> Примеры инструкций <br/> Примеры SQL <br/> Примеры Python <br/> Примеры W3.CSS <br/> Примеры Bootstrap <br/> Примеры PHP <br/> Примеры Java <br/> Примеры XML <br/> Примеры jQuery <br/></p><hr/><p> ФОРУМ | О</p><p data-readability-styled="true"> W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf.ppt-online.org/files/slide/c/cug053htPa8qnlYyExUpmzeQio6kR9Cbd7I2Vs/slide-16.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf.ppt-online.org/files/slide/c/cug053htPa8qnlYyExUpmzeQio6kR9Cbd7I2Vs/slide-16.jpg' /></noscript> Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.</p><p> Copyright 1999-2023 Refsnes Data. Все права защищены. <br/> W3Schools использует W3.CSS.</p><h2><span class="ez-toc-section" id="i-15"> Что такое теги заголовков? [Плюс БЕСПЛАТНЫЙ инструмент предварительного просмотра тегов заголовков] </span></h2><h3><span class="ez-toc-section" id="i-16"> Что такое теги заголовков? </span></h3><p> Тег заголовка — это элемент HTML, определяющий заголовок веб-страницы. Тег заголовка страницы отображается как часть фрагмента поиска на странице результатов поисковой системы (SERP). Он отображается как интерактивный заголовок для результатов поиска и важен для взаимодействия с пользователем, SEO и распространения в социальных сетях. Тег заголовка веб-страницы предназначен для точного и краткого описания содержимого страницы.</p><p> Нужна помощь в написании идеальных тегов заголовков для вашего веб-сайта? Воспользуйтесь нашим бесплатным Инструментом предварительного просмотра тегов заголовков, введя текст тега заголовка ниже, чтобы увидеть, как он может появиться в результатах поиска Google:</p><p> loading…</p><p> <small> Для получения наиболее точных результатов просмотрите в браузере настольного компьютера.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/otvet.imgsmail.ru/download/284893461_e78b462327cd7aa2e989509198c7ac43_800.jpg' /><noscript><img loading='lazy' src='/800/600/http/otvet.imgsmail.ru/download/284893461_e78b462327cd7aa2e989509198c7ac43_800.jpg' /></noscript> </small></p><p> <strong> Примечание </strong> : в некоторых случаях вы также можете увидеть теги заголовков, называемые «мета-заголовки» или «мета-теги заголовков». Хотя у некоторых это вызывает споры, любое использование обычно подходит. <br/></p><h3><span class="ez-toc-section" id="i-17"> Примеры тегов заголовков </span></h3><h4><span class="ez-toc-section" id="_HTML-2"> Пример HTML-кода </span></h4><pre> <head><title>Пример заголовка

Вы можете найти тег заголовка вашей страницы в разделе HTML-разметки страницы.

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

Пример формата

Основное ключевое слово — Дополнительное ключевое слово | Торговая марка
8-футовые зеленые виджеты — виджеты и инструменты | Widget World

Оптимальная длина тега заголовка

Хотя Google не указывает рекомендуемую длину тега заголовка, большинство настольных и мобильных браузеров могут отображать первые 50–60 символов тега заголовка. Наши исследования показывают, что если ваши заголовки не превышают 60 символов, вы можете ожидать, что около 90% ваших заголовков будут правильно отображаться в поисковой выдаче. (Точного ограничения на количество символов нет, так как символы могут различаться по ширине в пикселях. В поисковой выдаче Google обычно может отображаться до 600 пикселей.) Хотя написание кратких заголовков важно для удобочитаемости и понимания человеком, пауки Google будут учитывать весь тег заголовка (в разумных пределах). ) при сканировании страницы, даже если она не отображается полностью в поисковой выдаче.

Используйте оптимизацию страниц в Moz Pro для улучшения тегов заголовков

Функция оптимизации страниц Moz Pro может помочь вам определить страницы, ранжирование которых может улучшиться благодаря улучшенным тегам заголовков. Воспользуйтесь 30-дневной бесплатной пробной версией и посмотрите, чего вы можете достичь:

Начать бесплатную пробную версию

Почему так важны теги заголовков?

Теги заголовков являются основными факторами, помогающими поисковым системам понять, о чем ваша страница, и они являются первым впечатлением, которое получают многие люди, когда они обнаруживают вашу страницу через обычный поиск. Теги title используются в трех ключевых местах: (1) на страницах результатов поисковой системы (SERP), (2) в веб-браузерах и (3) в социальных сетях.

1. Теги заголовков в поисковой выдаче

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

2. Теги заголовков в веб-браузерах

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

3. Теги заголовков в социальных сетях

Некоторые внешние веб-сайты — особенно социальные сети — будут использовать ваш тег заголовка, чтобы определить, что отображать при публикации страницы. Например, вот скриншот из Facebook:

Имейте в виду, что некоторые социальные сети (включая Facebook и Twitter) имеют свои собственные метатеги, позволяющие вам указывать заголовки, которые отличаются от тега заголовка HTML, размеченного в коде вашей страницы. Это может позволить вам оптимизировать для каждой сети и предоставлять более длинные заголовки, когда/где они могут быть полезны.

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

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

1. Следите за длиной заголовка

Если заголовок слишком длинный, поисковые системы могут изменить отображаемый заголовок, добавив многоточие («…» ), удаляя слова или даже полностью переписывая его. Хотя мы обычно рекомендуем, чтобы длина ваших заголовков не превышала 60 символов, точный предел отображения немного сложнее и основан на контейнере размером 600 пикселей.

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

В первом заголовке отображаются полные 77 символов, потому что «ittl» в «Littlest» очень узкий, а заголовок содержит вертикальные черты («|»). Второй заголовок обрезается после 42 символов из-за широких заглавных букв (например, «W») и того факта, что следующее слово в теге заголовка (часть, которую обрезают) является полным названием веб-сайта.

Старайтесь избегать названий ВСЕМИ ЗАГЛАВНЫМИ БУКВАМИ. Их может быть трудно прочитать посетителям поиска, и они могут сильно ограничивать количество символов, которые может отображать Google.

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

Здесь, поскольку Google обрезает текст перед добавлением названия бренда (текст перед «…» является исходным текстом), всего 35 символов. оригинального названия. Подробнее о том, как запретить поисковым системам переписывать теги заголовков, см. ниже.

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

2. Не переусердствуйте с ключевыми словами

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

Купить виджеты | Лучшие виджеты | Дешевые виджеты | Виджеты на продажу

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

3. Дайте каждой странице уникальный заголовок

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

[Название продукта] — [Категория продукта] — [Название бренда]

Категорически избегайте заголовков по умолчанию, таких как «Главная» или «Новая страница» — эти заголовки могут заставить Google думать, что у вас есть дублированный контент. вашего сайта (или даже на других сайтах в Интернете). Кроме того, такие заголовки почти всегда снижают рейтинг кликов. Спросите себя: какова вероятность того, что вы нажмете ссылку из поисковой выдачи с надписью «Без названия» или «Страница продукта»?

4. Ставьте важные ключевые слова на первое место

Согласно тестированию и опыту Moz, ключевые слова, расположенные ближе к началу тега title, могут иметь большее влияние на ранжирование в поиске. Кроме того, исследования пользовательского опыта показывают, что люди могут сканировать всего лишь первые два слова заголовка. Вот почему мы рекомендуем заголовки, в которых самый уникальный аспект страницы (например, название продукта) появляется первым. Избегайте таких заголовков, как:

Торговая марка | Основная категория продуктов | Категория второстепенных продуктов | Наименование продукта

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

5. Воспользуйтесь преимуществами своего бренда

Если у вас есть сильный, известный бренд, добавление его в ваши заголовки может помочь повысить рейтинг кликов. Как правило, мы по-прежнему рекомендуем помещать ваш бренд в конце заголовка, но есть случаи (например, для вашей домашней страницы или страницы о вас), когда вы можете захотеть быть более ориентированным на бренд. Как упоминалось ранее, Google или ваша CMS также могут автоматически добавлять название вашего бренда к вашим отображаемым заголовкам, поэтому помните о том, как в настоящее время отображаются ваши результаты поиска.

6. Пишите для своих клиентов

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

Почему Google не использует мой тег title?

Иногда Google может отображать заголовок, который не соответствует тому, что вы разметили в HTML-коде. Это может расстраивать, но нет простого способа заставить поисковую систему использовать заголовок, который вы определили. Когда это происходит, есть три вероятных объяснения:

1. Ваш заголовок содержит ключевые слова

Как обсуждалось выше, если вы попытаетесь наполнить заголовок ключевыми словами (иногда это называется «чрезмерной оптимизацией»), Google может выбрать просто перепишите его. Google также, кажется, чувствителен к фразам, объединенным с разделителями, такими как вертикальные черты (|). По этой и многим другим причинам рассмотрите возможность настройки вашего заголовка, чтобы он был более полезным для поисковых пользователей.

2. Ваш заголовок слишком длинный

Раньше Google просто обрезал длинный заголовок. Хотя иногда это было неудобно, это было, по крайней мере, предсказуемо! Совсем недавно Google начал полностью переписывать длинные заголовки, беря часть заголовка из середины или используя другой текст на странице. Хотя вам не следует паниковать по поводу длинных заголовков, важно помнить о том, как эти заголовки отображаются в поисковой выдаче.

3. Ваш заголовок имеет проблемы с релевантностью

Мы рассмотрели очевидные случаи, такие как страница с названием «Главная», но Google может изменить любой заголовок, который не соответствует намерениям пользователя или содержит маркетинговый жаргон или фразы, не соответствующие не отражают содержание. Эти перезаписи не ограничиваются наполнением ключевыми словами или явным спамом. Убедитесь, что ваши заголовки точно отражают соответствующий контент.

4. У вас есть альтернативный заголовок

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

No related posts.