Тег title, заголовок страницы
Ещё один элемент, который располагается в — это тег . В нём задаётся заголовок страницы, который отображается во вкладках браузера:

А вот пример использования в коде:
Тренажёры — HTML Academy
Текст в должен описывать содержимое документа в целом. По заголовку должно быть понятно, о чём эта страница, даже когда она не открыта в браузере, а отображается в результатах поиска или в браузерных закладках.
Давайте дадим нашей странице подходящее название. Вы увидите, как изменится заголовок страницы в верхней части мини-браузера.
Перейти к заданию
- index.html Сплит-режим
Всем привет! Добро пожаловать на мой первый сайт. Ещё недавно я понятия не имел, кто такой верстальщик, а теперь я нашёл тренажёры по HTML и CSS и поставил перед собой цель — стать им. У меня даже появился инструктор — Кекс, который не позволит мне расслабиться и будет следить за моими успехами. Моё первое задание — вести дневник и честно писать обо всех своих свершениях. !DOCTYPE>
Проверить на сервере Проверка проводилась слишком много времени, попробуйте ещё разок Показать ответ
Спасибо! Мы скоро всё исправим)
: элемент заголовка документа
HTML-элемент заголовка ( ) определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.
| Категории контента | Метаданные. |
|---|---|
| Допустимое содержимое | Текст, который не является межэлементным разделителем. |
| Пропуск тегов | Открывающий и закрывающий теги обязательны. Обратите внимание, что отсутствие заставляет браузер игнорировать остальную часть страницы. |
| Допустимые родители | Элемент , который не содержит других элементов . |
| Допустимые ARIA-роли | Нет |
| DOM-интерфейс | HTMLTitleElement (en-US) |
Атрибуты
К этому элементу применимы только глобальные атрибуты.
Примечание
Элемент всегда используется внутри блока .
Заголовок страницы и SEO
Содержимое заголовка страницы может иметь важное значение для поисковой оптимизации (SEO). Как правило, более длинный описательный заголовок будет лучше ранжироваться (Ranking), чем короткий или скучный. Не только содержимое заголовка является одним из компонентов, используемых алгоритмами для определения порядка, в котором перечисляются страницы в поисковой выдаче, но и сам заголовок является приёмом, которым вы привлекаете внимание читателей бегло просматривающих результаты поиска.
Несколько методических рекомендаций и советов для составления хороших заголовков:
- избегайте заголовков состоящих из одного или двух слов. Используйте описательные фразы или сочетание термин-определение для страниц глоссария (словарь терминов) или справки;
- поисковые системы, как правило, отображают примерно 55-60 первых символов заголовка страницы. Текст, превышающий это количество символов, может быть потерян, так что постарайтесь, чтобы заголовки не были длиннее. Если вам нужно использовать более длинный заголовок, убедитесь, что важные части появляются раньше и что нет ничего критического в части заголовка, которая может быть отброшена;
- избегайте специальных символов, когда это возможно; не все браузеры будут отображать их одинаково. Например, »
- не используйте ключевые слова («keyword blobs»). Если ваш заголовок состоит только из списка слов, то алгоритмы будут часто искусственно понижать позицию вашей страницы в поисковой выдаче;
- убедитесь, что ваш заголовок является уникальным на вашем сайте, насколько это возможно. Повторяющиеся или частично повторяющиеся заголовки могут способствовать неточным результатам поиска.
Пример
title>Потрясающий заголовок страницыtitle>
Этот пример устанавливает заголовок страницы (отображается в верхней части окна или вкладки браузера) как «Потрясающий заголовок страницы».
Проблемы доступности
Важно указать такое значение title , которое описывает назначение страницы.
Обычная техника навигации для пользователей вспомогательных технологий — прочитать заголовок страницы и определить какой контент она содержит. Это потому, что навигация по странице для определения её содержимого может занять время и, возможно, привести к путанице.
Пример
title> Меню - Китайская еда Синий дом - FoodYum: онлайн на вынос сегодня! title>
Для того чтобы помочь пользователю, обновите значение title , чтобы отразить важные изменения состояния страницы (например, проблемы с проверкой формы).
title> 2 ошибки - ваш заказ - Китайская еда Синий дом - FoodYum: онлайн на вынос сегодня! title>
- MDN Understanding WCAG, Guideline 2.4 explanations (en-US)
- Understanding Success Criterion 2.4.2 | W3C Understanding WCAG 2.0
Спецификации
| Specification |
|---|
| HTML Standard # the-title-element |
Совместимость с браузерами
BCD tables only load in the browser
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
This page was last modified on 6 янв. 2024 г. by MDN contributors.
Your blueprint for a better internet.
Заголовок страницы title
Тег title содержит ключевые слова, по которым сайт ищут в поисковике. Также поисковые роботы по тайтлу определяют, подходит ли информация с сайта под запрос.

Вывести сайт в топ можно одной фразой — правильно написанным тайтлом. Конечно, содержимое и техническая часть тоже важны. Но если не знать, как заполнять title, даже оптимизированный сайт останется в тени поиска.
Что такое тайтл и чем он отличается от h1
Заголовок страницы title — атрибут каждой страницы, важнейший тег, влияющий на SEO продвижение. Содержит ключевые слова, по которым ищут сайт в поиске. А поисковые роботы определяют по тайтлу, когда и кому показать страницу.
Тайтл сайта — это краткое представление страницы. Его видят самым первым в выдаче поиска. После перехода на сайт найти нельзя, только в Google и Яндекс. А вот заголовок H1 — название статьи, наоборот, виден только на странице.
H1 тоже важен для ранжирования. Но по сравнению с тайтлом роль второстепенная. Тоже содержит ключевое слово. Только достаточно общей фразы, когда в тайтле нужен длинный ключ. Поэтому h1, как правило, короче, чем тайтл.
Роль тайтла на сайте для SEO

Если не заполнить тайтл, то страницу никто не найдет, и она останется в самом конце поиска. Этот тег важен для SEO-продвижения, он определяет содержимое страницы. А если тайтлы на сайте отсутствуют, то непонятно что написано в статьях.
Что напишешь в тайтле, то и найдут в поиске. И насколько высоко сайт показывают Яндекс или Google зависит от того, как писать тайтл. В топ выходят только тайтлы с частотными и полными фразами.
Чтобы занять первые позиции по всем вариантам запросов, стоит использовать главный ключ из одного-двух слов в комбинации с «хвостиками» из низкочастотных фраз. На продвижение отрицательно влияют длинные тайтлы с ненужной информацией. Проверяйте, чтобы была только главная фраза. Технические окончания и даже заголовок сайта в title мешают выходу в топ.
Как правильно заполнять title
Верное составление тайтла занимает не так много времени, а роль в продвижении — огромна. Одна фраза влияет на посещаемость, а как следствие — заработок.
Общие правила как заполнять title:
- длина — 50-150 символов;
- высокая уникальность;
- содержит главные ключевые слова;
- отражает информацию на странице.
Ключевое слово пишут в начале без изменений и разбавлений. Количество символов в тайтле ограничено. Хоть уместится 150 знаков, в поиске показывается только 70-75. Останавливаться на 70 символах не стоит. Дополнительные ключи повышают ранжирование, даже если их не видно полностью. Запрос для тайтла выбираем высокочастотный. В конец добавляют низкочастотные фразы, отражающие тему страницы. Тайтл пишем уникальный. Не повторение заголовка H1. Не часть из текста, а отдельное предложение. Скопировать у других нельзя — не займет первых позиций. Поисковые роботы распознают копипаст и накладывают санкции на заимствованные теги.
Тайтл для каждой страницы пишем собственный. Дублированные заголовки негативно сказываются на продвижении. Роботы видят одинаковые фразы и не знают, какую страницу лучше показать в поиске. Чтобы автоматизировать процесс, используем плагины для составления тайтлов. С помощью шаблонов тайтлы получаются уникальными и сразу отвечают требованиям. Может, только некоторые подправить нужно. Автоматическое составление тайтлов подходит для интернет-магазинов и информационных сайтов с тысячами статей. Для небольшого блога реально написать вручную.
Не забывайте о переспаме. Если использовать в тайтле все ключевые слова, которые только найдешь, то алгоритм понижает позиции сайта. Считает, что страница переспамлена, и ее не стоит показывать в поиске.
В title иногда добавляют название сайта, чаще в коротких. Только будьте аккуратным, чтобы не перешли к конкуренту. Когда название отвечает запросу, не снижает посещаемость и для него есть место, то оставляем в тайтле.
Кроме SEO-параметров, тайтл делаем привлекательным. Вряд ли кто-то кликнет по бессмысленному набору ключей. Кликабельность повышают:
- правильные слова с высокой частотностью;
- преимущества;
- город или страна, если сайт региональный;
- эмоциональные триггеры.
Без тайтла не обойтись. Вроде бы написать просто, а ошибиться — еще легче. Чтобы не хвататься за голову и исправлять сотни страниц, научитесь сразу правильно заполнять тайтл. Сделайте чек-лист из правил и проверяйте каждый тег по нему.
Сайт, находящийся на первых строчках в выдаче поисковых систем, приносит компании максимум прибыли. Продвижение сайтов в Google и Yandex разрабатывается на основе данных, полученных в результате аудита. Комплексное создание сайтов с дальнейшим продвижением в поисковых системах дает возможность уже на этапе разработки начать продвигать сайт!
Оставьте заявку на SEO-аудит вашего сайта
Получите скидку 15% на месяц продвижения
Тег title что это
Тег title формирует описание страницы в поисковых системах. Title выделяется большими и более жирными буквами в поиске благодаря чему Вы можете сразу понять, отвечает ли страница сайта на Ваш вопрос или нет. Оптимальная рекомендуемая длинна до 70 символов. Если количество символов будет превышено, то весь title не будет отражаться в поиске и поисковая система просто его обрежет. Задача любого оптимизатора учитывать два основных фактора при составлении описания страницы в поиске. 1) Title должен отвечать на запрос пользователя. а не просто быть ориентированным под поисковые системы. 2) Описание страницы должно включать в себя необходимые ключевые фразы по которым пользователи будут ее искать
Title прописывается в теле и только там! Сам тег оборачивается следующим образом
Оставить заявку Оставить заявку —>
- Работа на результат
- Выгодные цены
- Сжатые сроки
- Долгосрочный эффект
- Назначение тега title
- Значение для SEO
- Оптимизация заголовка страницы
- Приведем пример тега
- Как правильно составить ключевое описание страницы
- Оптимальная длина описания страницы в поиске
- Уникальность это успех к продвижению
- Итоги
Назначение тега title
Какое значение играет title для страницы в поисковой выдаче? Если говорить очень коротко, то коллосальное. Тег title формирует ключевое описание страницы в поисковых системах. Благодаря этому тегу поисковые роботы понимают о чем Ваша страница. Если тайтл страницы отсутствует то ее просто не будет в поисковой выдаче.
Вообще поисковики могут сами формировать title. Это происходит в тех случаях когда Ваше описание страницы на их взгляд не достаточно релеватно запросу пользователя, но в тоже время нет большой конкуренции среди сайтов по данному запросу. Почему именно так мы распишем ниже.
Вот так выглядит наш тег title в поисковой выдаче, данная страница отвечает на геозависимые вопросы по городу Волгограду, полный тег title — Заказать SEO продвижение сайта в Волгограде — услуги поискового продвижения
Если вы запутались в тегах и мета-тегах, то вы можете прочитать нашу статью на тему что такое мета тег description
Первая страница Яндекса по запросу «заказать сео» 3 позиция
Значение для SEO
Для SEO продвижения сайта так же сложно переоценить значение тайтла. Стоить отметить, что при составлении семантического ядра посадочной страницы тег title отрабатывается в первую очередь. Конечно грамотного заполнения одного данного тега для продвижения страницы будет мало. Но если Вы правильно заполнили ключевое описание своей страницы то это уже большой путь к успеху.
Сегодня поисковые роботы очень хорошо научились читать текст на странице поэтому если мы откроем Яндекс Вебмастер и посмотрим рекомендации к оформлению контента то увидим, что Яндекс не рекомендует использовать переспам ключей в тегах и тексте. Заполненные теги должны быть легко читаемыми для человека. Если написать в title — Купить щенка Москва недорого, то такой title будет воспринят поисоквиком как спам. Особенно вредно это для молодого сайта. Старому сайту с хорошей посещалкой поисковые системы могут простить подобное, там в роль вступают другие факторы, ИКС сайта, возраст домена, трафик и поведенческие факторы.
Теперь когда Вы знаете значение тега для SEO продвижения мы узнаем как оптимизировать данный тег
Оптимизация заголовка страницы
Оптимизация данного тега это ключ к успеху в хорошей поисковой выдаче. Сейчас объясним почему
Поисковая выдача зависит от двух факторов
- Ранжирование — на этот показатель влияет качество сайта в целом
- Релевантность — а вот релевантность как раз отвечает на запрос пользователя и это то что нам нужно
Представим, что у нас изначально качественный сайт без грубых ошибок, ведь делать сайт абы как мы не собираемся. Наша задача привести на него трафик. Как это обычно делается мы начинаем работу с низкочастотными запросами. И вот тут ключевую роль играет как раз релевантность. Говоря простыми словами — насколько точно ваш заголовок страницы отвечает запросу пользователя
Правило очень простое, чем больше вхождение ключей в нашем тайтле, тем выше вероятность выдачи на верхних строках поисковика
Приведем пример тега
Так как ваш сайт молодой и не имеет достаточного ИКС и постоянного трафика, то пробиться по высокочастотным и даже среднечастотным запросам будет практически невозможно. Поэтому на необходимо оптимизировать наш тег title таким образом, чтобы он включал в себя максимум слов в запросе пользователя и точно на него отвечал
На картинке ниже скрин данных Яндекс Wordstat по запросу «тег title»
Как мы видим общая частота запроса 741 в месяц. Пробиться в такой тематике заполнив тайтл страницы коротким описанием «мета тег title» практически нереально. Такое под силу только тем сайтам у которых ИКС выше 1000 и количество посетителей от 10 тысяч человек в сутки
Если мы в своей статье ключом в title сделаем столь короткий заголовок то обречем ее на болтание в лучшем случае, в ТОП 100. 8-9 страница поисковой выдачи
Наша задача подобрать более подробный ключ, который будет точнее отвечать на запрос пользователя, но при этом не будет терять общего смысла вопроса
Ниже приведен подобный пример запроса по тегу title
И здесь мы видим, что конкуренция в разы ниже. Всего 26 запросов в месяц «как правильно заполнить мета тег title»! И вот это то что нам нужно. Длина заголовка более чем оптимальная. Нам даже не надо ничего додумывать чтобы зайдествовать дополнительные ключи. Ответ на запрос пользователя 100%.
Теперь вы знаете и понимаете как следует отрабатывать ключи в теге
Как правильно составить ключевое описание страницы
Теперь мы перейдем к практической части SEO оптимизации заголовка страницы. Для работы над оптимизацией ключей в самом начале мы советуем использовать абсолютно бесплатный сервис от Яндекс — Яндекс Wordstat
А так же, в дополнение к нему мы советуем Вам поставить бесплатный плагин (расширение) которое сильно облегчит вашу работу по подбору ключей — Yandex Wordstat Assistant. Это очень простой и интуитивно понятный плагин который позволит вам группировать ключи по частотности и далее спокойно переносить их в excel для кластеризации
Этих двух инструментов для первых шагов в подборе ключей для прописания тега title хватит. Вообще, пользоваться платными сервисами для сбора семантики, упущенных ключей, улучшения семантики проекта стоит хотя бы при 150-200 новых посетителей в день
Для правильного прописания мета тега title мы должны подбирать все возможные ключевые фразы в Яндекс Вордстат. Так же мы можем задействовать различные операторы для более точного определения запроса. К примеру если мы оформим наш запрос в кавычки и перед каждым словом поставим восклицательный знак, то дадим команду Вордстату, что мы ищем данную фразу в точно такой же форме — слова, порядок слов, окончания слов
«!как !правильно !заполнить !мета !тег !title».
Проще всего начинать с общего корневого слова той тематики к которой вы подбираете title. Например, если вы продаете черепицу то следует для начала вбить слово черепица и проанализировать запросы пользователей. Далее необходимо будет найти коммерческие запросы с приставкой — цена, купить, узнать цены, недорого и тд. Потому что если ваш запрос коммерческий, а вы его оформите как информационный то попасть в ТОП будет нереально. У коммерческих запросов частотность всегда ниже, но конкуренция более плотная. Так же вы можете указывать географическую привязку в title — название города где работает ваша компания или где можно приобрести ваш товар или услугу
Например, если вы составите title в виде «Качественная черепица», то ваш title ни о чем не говорит поисковым системам. Придаем коммерциализации нашему запросу и определяем регион, например «Качественная черепица — купить в Самаре, узнать цену на черепицу». Далее мы просто смотрим как оно у конкурентов и ищем максимально большой title в Вордстат который не имеет крайне высокой конкуренции. Помните лучше на начальном этапе получить хоть какой-то трафик, чем просто болтаться на 4-5 странице, но c высокочастотным ключом в title!
Ну и само собой стоит анализировать title у конкурентов которые уже висят в ТОП 10. В этом нет ничего плохого это абсолютно нормальная практика. Скажем более, сегодня 90% вывода сайтов в ТОП это анализ конкурентов и практически копирование их успеха. Плотность во всех нишах уже столь высока, что изобрести велосипед нереально
Саму логику подбора ключа мы уже разобрали ранее. Но вполне возможно, что из-за отсутствия опыта у кого-то возникнет желание заполнить title ключами поломав морфологию. Помните этого делать нельзя! Если вы наспамите ключами в title и к примеру напишите — «Купить шлепки цена недорого Москва доставка», то сразу улетите в бан. Так это уже не работает лет 12-14. Теперь текст должен быть читаемым впервую очередь для человека!
Запомните — title вашей страницы должен максимально точно отвечать на запрос пользователя и чем будет точнее ваш ключ тем лучше! В коммерческих запросах следует добавлять слова направленные на целевые действия, а именно — купить, заказать, цена, недорого. Но добавлять их надо с умом грамотно встраивая в общий заголовок
Оптимальная длина описания страницы в поиске
Title имеет свои ограничения по длине написания. Желательно умещать описание данного тега в 70 знаков. Большее количество не будет помещаться в поисковый сниппет. Более того вес передаваемых ключей идет слева-направо и чем дальше от начала предложения идут ключи тем слабее их влияние. Поэтому если вы внесете много ключей то это не даст никакого толка, так как их вес для поисковика будет ничтожным
Переспам ключами в целом очень опасен для контента. Здесь должна быть золотая середина между отработкой ключей и подачей полезного контента пользователю. если увлечься и заполнить текст исключительно SEO фразами, ключами теряя логический смысл то вы рискуете нарваться на «баден-баден». И ваша страница будет утоплена в поиске.
Уникальность это успех к продвижению
Вполне логичная, но все же необходимая заметка. Данный мета тег должен быть уникальным для каждой страницы. Ла можно посмотреть как оно у конкурентов, но если есть возможность где-то проявить уместную отличие, то лучше это сделать. Поисковые системы не любят копирайт и всегда высоко ценят труд тех людей который пишут уникальный контент, в том числе уникальные теги title
Подведем итог статьи
Если вы решили продвигать сайт в сети своими руками, то следует действовать простым инструкциям по работе с семантикой. Если вы изначально встанете на правильный путь, то вам не придется пользоваться каким-то черными схемами для продвижения в виде накрутки ПФ через различные биржи и прочее. Эти методы могут сходу угробить сайт и поисковики кинут его в бан-лист. Тогда даже самый грамотный подход с выходом в ТОП через низкочастоные ключи сильно осложниться и затянется по времени