Где на странице сайта находится title

Атрибуты

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

Примечание

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

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

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

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

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

Пример

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

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

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

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

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

Пример

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

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

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

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

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

Совместимость с браузерами

BCD tables only load in the browser

Found a content problem with this page?

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

This page was last modified on 6 янв. 2024 г. by MDN contributors.

Your blueprint for a better internet.

Где на странице сайта находится title

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

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

Синтаксис

Атрибуты

Для этого элемента доступны универсальные атрибуты.

Пример

Примечание

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

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

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

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

Каждая спецификация проходит несколько стадий одобрения.

• Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
• Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
• Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
• Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
• Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
• Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

В таблице браузеров применяются следующие обозначения.

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также

• Создание первой веб-страницы
• Структура HTML-кода

Что такое тайтл (title)

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

навигация по статье

1. Определение Title
2. Title в HTML-коде страницы
3. Составление оптимизированного тега Title
4. Отличия Title от заголовка H1
5. Правила составления успешного тайтла
6. Шаблоны для Title
7. Анализ эффективности заголовка
8. Редактирование тайтла после индексации

Определение Title

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

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

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

Title в HTML-коде страницы

Title — HTML-элемент, который прописывают в блоке HTML-кода страницы сайта. Его можно увидеть при одновременном нажатии клавиш Ctrl + U или выборе опции «Просмотр кода страницы» в контекстном меню правой кнопки мыши. Тег Title создается отдельно для каждой страницы.

Пользователю не нужно прописывать тайтл в HTML-коде страницы с нуля, так как в большинстве конструкторов и систем управления контентом сайта (CMS), теги добавляются автоматически. Достаточно поставить сайт на движок WordPress и подключить многофункциональный плагин для публикаций (Frontend Publishing Pro, Yoast Seo, WP User Frontend и др.). Тайтл задает заголовок документа в поисковой выдаче, вкладках браузеров (полностью открывается при наведении мыши), постах в соцсетях.

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

Составление оптимизированного тега Title

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

1. Составление списка поисковых запросов, что осуществляется с помощью таких аналитических онлайн-сервисов, как WordStat. При анализе выдачи Google и Yandex эти сервисы формируют таблицу запросов с точной частотой (количества вхождений) в порядке убывания за определенный период. Пример:
2. Анализ семантического ядра поисковых запросов. Специалисты анализируют семантику, распределяя слова из запросов на группы уникальных слов, слов из подсветки в выдаче и тематических слов (часто встречаются в сниппетах у конкурентов). Пример:
3. Составление списка ключевых слов и фраз (ключей) на основании анализа семантического ядра поисковых запросов. Распределение ключевых слов по страницам (URL-адресам). Для удобства работы специалисты выгружают теги в Excel.
4. Формирование тайтла с включением ключевых слов (ключей) для повышения релевантности содержимого страницы пользовательским запросам в Google, Yandex и др. Исходя из вышеприведенного примера, один из правильных вариантов Title: «Поисковое продвижение сайтов (SEO) в Москве — заказать раскрутку сайта в поисковых системах». Маркетинговая версия — «Заказать продвижение сайта в Москве (СЕО) — цена 70000 рублей!». Хорошо работают тайтлы с УТП, числами, призывами к действию (CTA), привлекающие внимание.

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

Отличия Title от заголовка H1

Title и H1 — два вида заголовка и разные теги в разметке HTML-кода с различными функциями. Они могут совпадать, но желательно, чтобы отличались. Title — название веб-страницы в поисковой выдаче и на вкладке браузера, а H1 — более короткий заголовок статьи, отображающийся на самой странице сайта. Тег Title — «Как приготовить вкусный плов в мультиварке», H1 — «Готовим рассыпчатый плов».

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

• «Как похудеть на 10 кг за месяц»;
• «Способы быстрого заработка для ленивых»;
• «Самые частые ошибки в отношениях» и пр.

Присоединяй­тесь к
Rush-Analytics уже сегодня

7-ми дневный бесплатный доступ к полному функционалу. Без привязки карты.

Правила составления успешного тайтла

При подготовке к написанию Title специалисты просматривают метаданные ТОП-10 страниц аналогичной тематики в поисковой выдаче, анализируют список ключей и продумывают, как их естественно вписать. Страница с правильно составленным тайтлом имеет все шансы попасть в строку быстрых ответов (сниппет) поисковой системы Google.

Сниппет (англ. snippet — «фрагмент», «отрывок») — небольшой, расширенный по сравнению с description фрагмент текста с ключевыми словами по запросу из страницы сайта. Он находится на первой строке результатов поиска, над конкурентными страницами, что значительно повышает кликабельность ресурса.

Основные правила построения заголовков:

1. Соблюдение языковых правил. Тайтл должен отражать содержимое документа, быть читабельным, легко восприниматься пользователями. Необходимо соблюдать грамматические правила, следить за согласованностью, склонением слов. Цифры положительно сказываются на кликабельности («Топ-10», «5 лучших»). Грамматическое число выбирают исходя из содержимого материала: для карточки товара — единственное; для листинга — множественное. Ключевые слова должны быть вписаны естественно и равномерно распределены. Ключ «маска пошив» нечитабелен в точном вхождении; его можно вписать «Пошив маски на заказ: популярные модели и цвета».
2. Соблюдение оптимального размера. Размер тайтла варьируется в зависимости от поисковой системы: 69 символов (12-13 слов) в Google и 70 символов (14-15 слов) в Yandex, но средняя оптимальная длина составляет 44-63 символа. Стоит избегать слишком коротких заголовков длиной в 2-3 слова, так как это понижает его релевантность. Индексируются и длинные заголовки, превышающие лимит по количеству символов, но они обрезаются или скрываются за многоточием в поисковой выдаче. При этом робот учитывает при ранжировании весь заголовок, а не только видимую его часть.
3. Тайтл рекомендуется формировать в одном предложении. Заголовки, состоящие из двух предложений, обычно занимают низкие позиции, размещаясь на 3-4 странице выдачи в Google и Yandex. В теге «Открытка ручной работы за полчаса. Как красиво украсить открытку» допущены такие ошибки, как 2 предложения и неправильное склонение. Правильный вариант: «Как сделать красивую открытку своими руками за полчаса».
4. Наличие основного ключа в прямом вхождении. Главное ключевое слово или фразу не нужно склонять, разбавлять, если их можно гармонично вписать в Title. Ключевую фразу «у собаки пропал аппетит» можно вписать «Почему у собаки пропал аппетит?». Главный, наиболее частотный и конкурентный ключ обычно вставляют в начало заголовка, так как первые слова и фразы более весомы при ранжировании, чем остальные. Кроме того, они не пропадут из видимой части названия в случае сокращения. Для улучшения ранжирования основные ключи разбавляют низкочастотными (НЧ), среднечастотными (СЧ) запросами. Ключевые фразы типа «пластиковые окна доставка» склоняют и разбавляют для читабельности.
5. Отсутствие переоптимизации, спамности. Не стоит перегружать тайтл ключами, повторять один и тот же ключ в разных формах или делать из тайтла перечисление ключевых фраз, так как поисковые системы воспринимают это как спам, что может понизить ранжирование сайта. Вместо заголовка «Британская кошка: фото, характер, воспитание, уход, клички» правильным решением будет «Всё о британской породе кошек», или можно написать статьи под каждый запрос с отдельными заголовками: «Характер, особенности поведения…», «Воспитание и дрессировка…», «Чем кормить…», «30 популярных кличек…» и пр. С помощью такой разбивки текстов и внутренней перелинковки между статьями на сайте можно повысить трафик, уровень доверия поисковика веб-сайту (траст) и удельный вес каждого URL.
6. Отсутствие преувеличений. Title — заголовок одной страницы, а не описание всего сайта. Он должен точно соответствовать содержимому материала, без преувеличений и обмана. Не нужно добавлять в него лишние слова, не относящиеся к статье или отсутствующие в поисковых запросах. Нерелевантные теги могут подвергаться санкциям поисковых систем (дисконтироваться). Пользователь, которому понравился контент сайта или оформление товара в интернет-магазине, самостоятельно посетит и другие разделы ресурса. Не нужно навязчиво настаивать на этом. Также не нужно указывать в заголовке то, чего нет на странице. Если стоит задание написать про причины артрита, не нужно упоминать в тайтле о лечении этого заболевания. Пользователь не получит этой информации, а доверие к сайту будет утеряно.
7. Сведение к минимуму пунктуации. Запрещено использовать знаки препинания . , !, +, -, =, ’. Допускаются :, —, ?, , , реже – « ». Для разделения нескольких запросов применяют длинное тире (—); смысловые блоки разделяют вертикальной палкой |. Title в форме вопроса должен заканчиваться соответствующим знаком. Поисковики поддерживают специальные знаки &, ©, ®, ™, •, §, £, €, °, », ¼. Стоит избегать лишних символов, а в случае их добавления анализировать показатель кликабельности (CTR). В тайтл можно вставлять не больше одного емодзи, отделенного от слов пробелами.
8. Упоминание популярных брендов. Название известных торговых марок, фирм, сайтов, вставляют в начале, после главного ключа или в конце тайтла, чтобы сделать его запоминающимся и увеличить коэффициент конверсии (CR): «Отношения между мужчинами и женщинами — Cosmopolitan», «Как создать сильный текст — Seotext.ru», «Продвижение веб-сайта — Википедия». Всемирно известные бренды размещают в начале заглавия как знакомое название для многих пользователей, вызывающее доверие.
9. Соблюдение уникальности. Title должен быть оригинальным, не совпадать с другими страницами сайта. В нем не должны повторяться слова, чтобы избежать переспама. Вместо «Ноутбук Asus — купить ноутбук Asus с доставкой по России» правильно написать «Купить ноутбук Asus с доставкой по России».
10. Минимизирование стоп-слов. Стоп-слова (союзы, предлоги, частицы, местоимения, вводные конструкции) делают заголовок уникальным и читабельным. Но их количество рекомендуется свести к минимуму. Поисковики не учитывают стоп-слова при оценке заголовка, но их наличие также может влиять на ранжирование. По запросу «продажа и аренда электросамокатов в Москве» сайт находится на 3 месте в результатах поиска, а при вводе запроса «продажа аренда электросамокатов Москва» та же страница занимает 2-ю позицию в списке страниц.
11. Составление SEO-заголовков коммерческих страниц в одном стиле. Тайтлы для однотипных страниц товаров/услуг оформляют по шаблону, состоящему из наименования товара/услуги, призывающих к действию слов «купить», «арендовать», «заказать», «цена»; указания региона, названия бренда, магазина. Пример: «Качественное постельное белье — купить в Москве недорого». В продающем тексте не рекомендуется использовать прилагательные наподобие «выгодный», «лучший», «большой». Конкретика и указание информации об особых условиях (скидках, акциях) хорошо сказываются на кликабельности.

Шаблоны для Title

Копирайтеры при создании Title могут использовать такие стандартные шаблоны:

• Для главной страницы сайта: Вид деятельности — Регион (Город) — Дополнительная информация. «Ремонт квартир в Москве под ключ: цены, сроки | Remont.ru»;
• Для категории товаров/услуг в интернет-магазине: Купить — Товар (Услуга) — Регион (Город) — Дополнительная информация. «Купить iPhone 12 Pro Max в Москве — цена от 99 000 рублей | Apple.com», «Заказать продвижение сайта в Новосибирске — вывести ресурс в топ поисковой выдачи | Website.com»;
• Для карточки товара: Купить — Товар — Характеристики (модель, цвет, объем памяти) — Город (название или аббревиатура компании, интернет-магазина, адрес веб-сайта). «Купить iPhone 12 Pro Max, синий, 256 ГБ | Apple.com»;
• Для статьи: Вопрос, ответ на который даёт статья — Актуальность. Информационная статья продвигается по запросам, часто начинающимся со слов «Как», «Почему», «Где», «Сколько», «Зачем» и др. «Как оптимизировать текст под поисковые запросы? | Блог SEOHOST.com».

Анализ эффективности заголовка

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

Основные показатели, учитываемые при оценке эффективности тайтла:

• кликабельность (CTR) — отношение количества кликов к количеству показов, выраженное в процентах. Чем выше показатель, тем чаще пользователи переходят на страницу. CTR можно проанализировать через сервисы Google Search Console («Результаты поиска», «+Новый», «Страница»), Яндекс.Вебмастер («Поисковые запросы» — «Статистика страниц»);

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

Редактирование тайтла после индексации

Если страница находится в ТОПе и имеет большой трафик, изменять Title не нужно. Но если тайтл прошел индексацию поисковиком и не «выстрелил», то есть стабильно (1-5 месяцев) удерживается на низких позициях в выдаче, его следует отредактировать (не чаще 1 раза в 3-4 недели). SEO-специалисты на основе статистических исследований о трафике, поведения пользователей, анализа ТОП-выдачи, оптимизируют тайтл путем добавления новых слов, изменения словоформ и пр. для более высокого ранжирования. При изменении тайтла также стоит изменить H1 и содержимое страницы, взаимосвязанные с ним.

Заключение

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

Title

Title (тайтл) – это заголовок страницы на веб-ресурсе.

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

Вот так, к примеру, выглядит Title сайта seo.ru в поисковой выдаче:

В окне браузера этот же тайтл выглядит так:

А в исходном html-коде сайта Title записан следующим образом:

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