Title заголовок страницы: Тег title, заголовок страницы — Структура HTML-документа — HTML Academy

инструкция для пользователей конструктора сайтов «Нубекс»

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

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

Title помогает пользователям ориентироваться в свернутых вкладках. Невнятный заголовок или его отсутствие может негативно отразиться на желании просматривать страницу. Посмотрите на скриншоты ниже: скорее всего, пользователь закроет вкладки с такими заголовками, даже не взглянув на содержимое страниц.

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

3. При сохранении страницы в избранное. Когда вы добавляете страницу в закладки, браузер автоматически сохраняет ее под именем title-заголовка.

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

В общем, значение title действительно сложно переоценить. Давайте разберемся, как правильно составлять заголовки для страниц вашего сайта.

Как изменить title заголовок страницы

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

Способ 1. Заполнение title заголовка вручную

Чтобы прописать заголовок title, войдите в режим редактирования нужной страницы и откройте вкладку «SEO». Введите текст заголовка в соответствующее поле и сохраните изменения.

Советы по заполнению заголовка:

• Желательно, чтобы длина заголовка не превышала 60-100 символов: слишком длинное название отобразится не полностью, и заголовок может потерять информативность и привлекательность;
• Размещайте ключевые слова ближе к началу заголовка;
• Используйте меньше прямых перечислений ключевых слов и не злоупотребляйте их количеством: заголовок должен сохранить читаемый и осмысленный вид;
• Исключайте, по возможности, лишние символы ( = / ! ? * » : < > | + _ ). В некоторых браузерах они могут отображаться некорректно;
• Не вводите пользователей в заблуждение: заголовок должен соответствовать содержимому страницы. В противном случае посетитель, скорее всего, покинет страницу и вернется к поиску, а это негативно повлияет на позицию сайта в результатах выдачи;
• Не используйте редкие, сложные или иносказательные фразы — заголовок должен быть простым и понятным.

Способ 2. Автоматическое построение заголовка страницы

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

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

Также у вашего сайта наверняка есть название: при необходимости вы можете его отредактировать в разделе «Настройки» -> «Название сайта». В нашем примере сайт называется «ООО «Рога и копыта».

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

Определите, как будет составляться title-заголовок для страниц:

• Название сайта в начале заголовка. В нашем примере title будет выглядеть так: «ООО «Рога и копыта». Доставка в удаленные регионы»;
• Название сайта в конце заголовка. В нашем примере title будет выглядеть так: «Доставка в удаленные регионы. «ООО «Рога и копыта»;
• Без названия сайта. В этом случае title будет совпадать с заголовком h2. В нашем примере title будет выглядеть так: «Доставка в удаленные регионы».

Затем не забудьте сохранить изменения на странице.

Кстати, можно комбинировать автоматическое и ручное построение title. Например, для особенно важных страниц (для главной, каталога и пр.) продумывать заголовки самостоятельно, а для «технических» («Реквизиты», «Условия оплаты», «Контакты» и т.д.) оставить title, собранные системой. Если у страницы 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 и яндекс все равно учтут слова вне данного лимита.

Заголовок страницы title — правила оформления

Что такое Title?

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

Данный метатег должен присутствовать на каждой странице сайта и располагаться внутри тега <head></head>.

<head>
  <title>Заголовок страницы</title>
</head>

Пример написания в коде:

Title в поисковой выдаче:

Title в закладке браузера:

Как формируется заголовок в результатах поиска

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

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

Значение Title для продвижения сайта

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

Для ранжирования сайтов в поисковых системах.

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

Для повышения кликабельности сниппета и улучшения поведенческих факторов.

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

Правила составления заголовка страницы

Без грамотно прописанных метатегов Title невозможно занять позиции в ТОП-10 поисковых систем по высококонкурентным запросам. Чтобы оптимизировать заголовки максимально эффективно, нужно соблюдать правила их составления.

Правила оптимизации Title от Яндекс

Правила оптимизации Title от Google

Оптимизация Title для поисковых систем:

• Размещайте ключевые слова ближе к началу заголовка страницы.
• Избегайте переспама ключевых фраз. Не нужно делать много вхождений — это не добавит смысловой нагрузки, но может повлечь санкции поисковых систем.
• Оптимальная длина заголовка — около 50-70 символов. Большее их количество не поместится в строке поисковика, и часть важной информации не будет отображаться — вместо нее появится многоточие. К тому же, чем длиннее заголовок, тем меньше будет в нем плотность ключевых слов и их вес. Однако слишком короткий Title будет малоинформативным и не подойдет для создания кликабельного сниппета.
  

  Пример отображения слишком длинного Title

• Заголовок должен соответствовать содержимому страницы.
• Title каждой страницы должен быть уникальным. Их дублирование считается грубой SEO-ошибкой, страницы с одинаковым заголовком считаются неуникальными и хуже ранжируются в поиске.
• Также нежелательно, чтобы информация в метатеге Title была идентична той, что содержится в видимом заголовке страницы h2. Использование разного текста в этих элементах позволит избежать переспама и обеспечит более широкий охват ключевых фраз.
• Ваш Title не должен совпадать с заголовками конкурентов из выдачи. Создать уникальный заголовок поможет использование названия компании или бренда. Лучше указать его в начале или конце строки заголовка, отделив от остального текста дефисом, двоеточием или вертикальной чертой, как показано ниже:

• Следует внимательно отнестись к использованию в составе Title знаков препинания и символов (= / . ! ? * » : < > () | + _ ). Они делят заголовок на разные смысловые части (пассажи) и должны расставляться таким образом, чтобы не искажать смысл заголовка или входящих в него ключевых фраз. В противном случае поисковая система может посчитать страницу нерелевантной поисковому запросу.
• Обязательно указывайте геотопоним (название города), если вы продвигаетесь в конкретном регионе. Это поможет поисковым системам более верно ранжировать ваш сайт, а пользователи сразу увидят, что вы находитесь в их регионе.

Как написать Title для привлечения пользователей:

1. Используйте формулу «4u» для написания заголовков. В этой формуле указаны 4 качества, наличие которых привлекает внимание пользователей к заголовку:
   • Useful (полезный)
   • Ultra-Specific (специфичный)
   • Urgent (передающий ощущение времени или срочности)
   • Unique (уникальный).
2. Указывайте конкурентные преимущества вашей компании.
3. Поместите в заголовок акционное предложение.
4. Излагайте информацию как можно короче. Делайте заголовок кратким, но информативным.
5. Постарайтесь наиболее точно отразить в заголовке суть страницы.
6. Эмоджи (значки, смайлики) помогут вам выделится среди конкурентов. Они привлекают внимание и создают дружелюбную, доверительную атмосферу. Выбирайте значки, которые корректно отображаются в данной поисковой системе.

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

Генерация Title для интернет-магазинов

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

Эффективным способом создания Title в этом случае будет их генерация на основе шаблонов. В результате заголовки для огромного количества однотипных страниц будут созданы по заданному шаблону автоматически за короткое время.

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

Тег HTML заголовок страницы как правильно заполнять

Тег <title> определяет заголовок HTML страницы. Этот тег не отображается на самой веб странице. Браузеры обычно выводят его как название вкладки. Также тег title используется поисковыми системами как заголовок сайта в выдаче.

Не путайте HTML тег <title> с глобальным атрибутом title — это разные вещи.

Элемент находится в <head> области страницы (подробнее про раздел head). Можно использовать только один тег title на странице.

Синтаксис

<title>Заголовок HTML документа</title>

Содержимое тега заголовка <title> используется:

• как название вкладки в браузере;
• как название страницы при добавлении в Избранные или Закладки;
• как заголовок сниппета сайта в поисковой выдаче.

Атрибуты у тега title отсутствуют.

Пример использования <title> в HTML коде

<html>
<head>
<title>Заголовок страницы</title>
</head>
<body>
<!-- контент страницы -->
</body>
</html>

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

Тег title в поисковых системах

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

Чтобы правильно заполнять тег <title> нужно учитывать следующие правила:

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

Правильный тег <title> поспособствует поднятию позиции страницы сайта при ранжировании.

Многие CMS поддерживают автогенерацию <title> заголовка. Обычно при этом используется заголовок страницы <h2> и название раздела сайта (например, для страницы товара интернет магазина: название товара из h2 и категория товара). Хотя эта схема не является идеальной, ее использование оправдано во многих случаях.

Вот пример тега title для этой страницы (один из вариантов):

<title>Тег title HTML заголовок страницы - справочник HTML тегов Guru Weba</title>

Тег | htmlbook.ru

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

Описание

Определяет заголовок документа. Элемент <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> выполняет множество
задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок
страницы.

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

Тег Title (название страницы) | SEO-портал

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

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

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

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

Справка Google

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

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

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

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

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

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

Справка Google

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

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

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

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

Платон Щукин

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

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

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

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

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

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

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

Справка Google

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

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

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

Справка Google

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

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

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

Справка Google

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

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

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

Справка Google

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Справка Google

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

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

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

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

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

Справка Google

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

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

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

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

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

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

<title>[название страницы] [разделитель] [название сайта]</title>

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

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

Справка Google

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

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

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

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

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

<title>[название страницы] [разделитель] [название категории] [разделитель] [название сайта]</title> 

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

<title>Велосипед Marin Sky Trail | Горные велосипеды | Магазин велосипедов</title>

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

<title>Лечение и профилактика продольного плоскостопия | Статьи | Медицинский блог</title>

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

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

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

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

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

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

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

<!-- Так делать нельзя, можно попасть под санкции: -->
<title>Мебель на заказ, купить мебель, мебель под заказ, мебель в Москве, заказать мебель</title>

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

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

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

<!--Слишком много «воды»:-->
<title>Частное предприятие «Интерплюс» - производство и реализация мебели в городе Москва по низким ценам от производителя</title>

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

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

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

<!-- Название из 2-х предложений :-->
<title>Качественная мебель в Москве от производителя. Изготовим по лучшим ценам под заказ.</title>

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

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

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

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

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

<!-- Конкретное релевантное название: -->
<title>Купить мебель на заказ в Москве по низким ценам</title>

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

Привлекательный заголовок сниппета Google

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

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

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

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

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

HTML элемент title. Заголовок страницы.

Сейчас давайте рассмотрим очень важный элемент, который должен присутствовать на веб-странице – это элемент title. 

title – это элемент страницы, который также относится к метаданным.

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

Где вы можете видеть заголовки веб-страниц?

Есть несколько случаев:

1) В имени закладки страницы в браузере.

2) В результатах поисковой выдачи от поисковых машин.

Т.е. заголовок веб-страницы – это ее имя.

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

<!doctype html>
<html>
  <head>
   <title>Пример заголовка страницы</title>
  </head>
</html>

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

Пока страница еще пустая, но заголовок в ней уже изменился.

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

Этот как раз наш текущий пример.

Кроме того, нужно иметь в виду, что в документе должен быть только один элемент title. Так писать не правильно:

<!doctype html>
<html>
  <head>
   <title>Пример заголовка страницы</title>
  <title>Пример заголовка страницы2</title>
  </head>
</html>

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

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

Добавьте элемент title к вашей веб-странице прямо сейчас и проверьте результат в браузере.

(мета) тегов заголовка + проверка длины заголовка [2021 SEO]

Что такое тег заголовка?

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

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

Для наиболее точных результатов просмотрите в браузере настольного компьютера.

Примечание : Многие люди говорят «метатеги заголовков», даже если заголовки технически не являются метатегами. Хотя некоторые из них спорят, оба варианта обычно подходят.

Пример кода

Оптимальный формат

Первичное ключевое слово — вторичное ключевое слово | Фирменное наименование
8-футовые зеленые виджеты — Виджеты и инструменты | Widget World

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

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

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

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

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

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

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

1. Страницы результатов поисковой системы

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

2. Веб-браузеры

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

3. Социальные сети

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

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

Как мне написать хороший тег заголовка?

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

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

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

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

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

Старайтесь избегать заголовков ВСЕХ ЗАГЛАВНЫХ букв. Посетителям, выполняющим поиск, может быть сложно их читать, и они могут серьезно ограничивать количество символов, отображаемых Google.

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

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

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

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

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

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

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

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

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

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

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

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

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

Фирменное наименование | Основная категория продукта — Второстепенная категория продукта — Название продукта

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

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

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

6. Напишите для своих клиентов

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

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

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

1. Ваш заголовок заполнен ключевыми словами

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

2. Ваш заголовок не соответствует запросу

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

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

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

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

В редких случаях поисковые системы могут извлечь заголовок из DMOZ (он же Open Directory Project). Если ваш отображаемый заголовок в поиске не соответствует вашему тегу заголовка, но соответствует вашему листингу DMOZ, вы можете заблокировать эту замену с помощью тега Robots NOODP, который выглядит следующим образом:

Мета-роботы — это довольно техническая тема, но если вы видите необъяснимый отображаемый заголовок в поисковой выдаче, выполните быстрый поиск в DMOZ для вашего бизнеса.Вы можете избавить себя от головной боли.

Продолжайте учиться

Приложите свои навыки к работе

Повысьте видимость своей поисковой системы с помощью Moz Pro

Полный набор инструментов для отслеживания и исследования SEO

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

Полное руководство по мета-тегам SEO

Взгляды автора полностью принадлежат ему (за исключением маловероятного случая гипноза) и могут не всегда отражать взгляды Моза.

Что такое мета-теги?

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

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

Примеры метатегов включают элементы

Большинство систем управления контентом, таких как WordPress есть формы для автоматической установки тегов

Элемент

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

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

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

Пример

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

Пример

таблицы BCD загружаются только в браузере

HTML-тег заголовка

Пример

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

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

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

Это абзац.

Попробуй сам »

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

Тег