Что позволяет указать тег title
Перейти к содержимому

Что позволяет указать тег title

  • автор:

: элемент заголовка документа

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 4 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

  • Product help
  • Report an issue

Our communities

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

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

Тег title, заголовок страницы

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

Скриншот браузера с заданным тегом title

А вот пример использования в коде:

 Тренажёры — HTML Academy 

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

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

Перейти к заданию

  • index.html Сплит-режим

Всем привет! Добро пожаловать на мой первый сайт. Ещё недавно я понятия не имел, кто такой верстальщик, а теперь я нашёл тренажёры по HTML и CSS и поставил перед собой цель — стать им. У меня даже появился инструктор — Кекс, который не позволит мне расслабиться и будет следить за моими успехами. Моё первое задание — вести дневник и честно писать обо всех своих свершениях.

Проверить на сервере Проверка проводилась слишком много времени, попробуйте ещё разок Показать ответ

Спасибо! Мы скоро всё исправим)

Тег Title – что это такое и как его правильно прописать?

Больше полезных статей, кейсов и мануалов. Подпишись на обновления!

Тег Title – это заголовок html-документа. Title почти всегда используется в результатах поисковых систем. На данный момент, он очень важен для классического SEO и для привлечения внимания в социальных сетях.

Тег Title – что это такое и как его правильно прописать?

Основное предназначения тега Title, это точное и краткое описание содержания контента страницы .

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

Оптимальная структура тега title

Главная ключевая фраза – второстепенная ключевая фраза | Название бренда

Оптимальная длина для поисковых систем

Google обычно отображает первые 50-60 символов или столько символов, сколько поместится в 512 пикселей. Если все ваши заголовки будут 55 символов, то вы можете ожидать, что около 95% страниц будут полностью отображаться.

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

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

Почему так важен тег title?

Title уже давно считается одним из важнейших факторов среди внутренних факторов ранжирования (важнейший: контент страницы) и он появляется в 3-х местах:

1. Браузер. Отображается в верхней части вашего браузера + в закладках.

Отображение тега title в браузере

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

Тег Title в результатах поиска Google

А так в Яндексе:

Тег Title в результатах поиска Яндекс

3. На внешних сайтах. Многие внешние сайты, особенно социальных сети, будут использовать title, как анкор ссылки на вашу страницу.

Например, так это выглядит в Facebook:

Тег Title в Facebook

А так в Google Plus:

Тег Title в Google Plus

А теперь разберемся в том, как же лучше оптимизировать и прописать title на вашем сайте.

Как правильно оптимизировать title

Вот важнейшие рекомендации для оптимизации title для поисковых систем и для повышения юзабилити:

  • Всегда помните про длину

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

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

  • Размещайте основные ключевые слова в начале

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

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

  • Читаемость и эмоциональное воздействие

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

Инструменты, которые могут помочь с оптимизацией title

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

serpsimulator.com — очень большой выбор различных настроек

В итоге можно посмотреть как выглядит title в результатах поиска:

Симулятор title в результатах поиска

В заключение

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

Хорошие статьи в продолжение:

Title

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

Сниппет в выдаче Гугл

Тайтл страницы во вкладке

Чтобы увидеть Title страницы, в открытой вкладке навести курсор мыши на шапку окна.

Как выглядит

Внешний вид заголовка Title

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

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

Существует несколько видов заголовков, которые можно найти в разметке кода сайта. К примеру, H1 – это заголовок текстового содержимого страницы. Его пользователь видит, как только переходит на страницу. Title же отображается в сниппете и на вкладке при наведении мыши. Он передает общую суть страницы. Title должен пересекаться с H1 по основным ключам. Иначе поисковые роботы не поймут, какому из заголовков соответствует содержание страницы. Особенности составления заголовка Title и H1:

  • главные ключи необходимо поместить в каждый заголовок;
  • в Title необходимо прописать ключи для расширения семантики;
  • в H1 в дополнение к основным ключам добавляют что-то важное.

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

Правила составления Title

Основные правила, которыми стоит руководствоваться при составлении Title:

  • Средняя длина – 60–70 символов. В некоторых случаях можно сделать заголовок больше.
  • Не рекомендуется составлять Title, выполняя простое перечисление ключевых фраз.
  • Возможно разбавление основных ключей запросами низкой частотности.
  • Заголовок должен «подталкивать» пользователя к переходу на сайт.
  • Для коммерческих сайтов необходимо использовать транзакционные слова: «купить», «цена».
  • Желательно, чтобы в заголовке присутствовало как можно больше основных ключей со страницы.

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

Где искать

Title можно найти в коде страницы сайта. Тег находится внутри блока …. Чтобы посмотреть код, нужно нажать правой кнопкой мыши на странице и найти пункт «Просмотр кода».

поиск тега Title

Через поиск f3 можно найти элемент кода с названием Title.

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

Особенности составления заголовков:

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

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

Синтаксис

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

В коде он выглядит следующим образом:

Заголовок, расположенный в окне браузера

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

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

Зачем нужен

Тег Title решает множество задач. Он играет важную роль в продвижении страницы:

  • Одна из главных задач Title – помочь пользователю лучше ориентироваться во вкладках. Читая текст заголовка в сниппете, пользователь узнает о сайте, названии текущей страницы, суть ее содержания. Если проигнорировать составление Title, пользователю будет сложнее найти нужный сайт среди большого числа вкладок. В результате он не получит той информации, которая нужна ему прямо сейчас.
  • Современные браузеры поддерживают возможность полного копирования веб-страницы на компьютер. В этом случае сохраненный файл носит название, которое определяется тегом Title. Если в тексте заголовка есть недопустимые символы (*?/\<>), браузер заменит их на дозволенные.
  • Поисковые роботы ищут страницу по определенным фразам, при этом заголовок используется как ссылка на документ. Если Title написан интересно, люди охотнее будут переходить по ссылке.

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

Как оптимизировать Title

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

  • Стоит помнить о длине. Поисковые системы укорачивают заголовок, если он превышает верхний порог в 80 символов. Однако указанная длина не является жестким ограничением. Длинные Title могут повышать кликабельность постов в соцсетях. Даже при отсутствии определенных слов в видимой части заголовка сниппета робот учитывает их при ранжировании.
  • Естественность. Желательно, чтобы Title был написан максимально естественным языком. В пользу естественности можно даже пожертвовать некоторыми ключевыми словами.
  • Основные запросы расположены как можно ближе к началу заголовка. Первые тематические фразы и слова, находящиеся в заголовке, имеют больший вес в ранжировании, чем остальные. Кроме того, повышается вероятность, что пользователь успеет прочитать первую часть Title и перейдет на сайт.
  • Усиление брендом. Когда бренд узнаваем на рынке, его упоминание полезно разместить в видимой области Title после основного ключа. В остальных случаях брендовые слова помещают в конец тега.
  • Эмоциональность. При написании привлекательного Title можно существенно увеличить число кликов из поисковых систем. Важно продумать возможные варианты взаимодействия с пользователем – через поиск и в соцсетях.

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

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

Пример Title в поисковой выдаче

Стоит помнить, что плохое ранжирование ресурса не зависит лишь от неверно разработанного Title.

Недопустимые ошибки при составлении Title

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

Использование прилагательных

При составлении заголовков страниц веб-ресурсов для бизнеса прилагательные зачастую мешают продвижению. Не рекомендуется употреблять слова вроде «выгодный», «лучший», «большие» и т. д. Для информационных сайтов использование прилагательных, наоборот, полезно. Оно повышает CTR. Однако важно учесть, что содержание контента должно быть релевантно прилагательным, которые употреблены в Title. Посмотреть процент кликабельности страниц сайта можно через популярный сервис Яндекс.Вебмастер. Необходимо во вкладке «Поисковые запросы» выбрать пункт «Статистика страниц». Инструмент показывает количество показов и кликов, строит график посещаемости ресурса.

Статистика CTR в сервисе Яндекс.Вебмастер

Стоп-слова

Не стоит включать в Title местоимения, предлоги и частицы. Поисковые системы не учитывают их при оценке заголовка. Исключить их полностью не получится, поэтому количество предлогов и частиц стоит сократить до минимума.

Бренд в начале Title

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

Бренд в Title

Перечень запросов

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

Перечисление городов

Город в Title можно упоминать, если компания привязана к конкретному месту. Использование топонимов оправданно в следующих случаях:

  • фирма осуществляет свою деятельность в указанном регионе;
  • компания занимается продажей или производством в разных городах или имеет филиалы в указанных регионах;
  • содержимое страницы заточено под определенный город – актуально для объявлений.

Примеры распространенных ошибок

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

  • Короткий Title. Не следует делать его из 2–3 слов. Такие заголовки актуальны для разделов навигации. Если сократить число слов в заголовке до минимума, можно сократить разнообразие ключей, которым релевантна страница.
  • Повторение слов. Нет необходимости использовать одни ключи несколько раз подряд. Такая SEO-практика не только не усилит заголовок, но и может повлечь за собой санкции поисковых систем.
  • Нежелательные символы. При создании заголовка Title стоит избегать лишней пунктуации. Не рекомендуется употреблять символы: , . = ! ? < >— + .
  • Несоответствие запросу. Основное свойство Title – релевантность содержимому страницы. Если пытаться обмануть пользователя и привлекать нецелевой трафик, все затраченные усилия приведут лишь к противоположному эффекту.
  • Переоптимизация. Не следует перечислять ключи через запятую непосредственно в заголовке.
  • Отсутствие ключей. Если Title не содержит ключевых фраз и слов, поисковики могут посчитать страницу нерелевантной запросам пользователей.

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

Шаблоны для Title

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

Стандартный шаблон Title:

Многие SEO-специалисты пропускают Title, в которые включены и разнородные ключевые слова, и бренд, и топонимы, и даже преимущества компании.

Предварительный сбор данных

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

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

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

Пример создания Title

Для начала стоит выбрать основной ключевой запрос, под который будет оптимизирована страница. К примеру, «разработка и продвижение сайтов». Сразу же стоит обратить внимание на конкурентов и их заголовки. Для создания правильного Title нужно составить семантику и обратить внимание на подсказки поисковых систем. Затем нужно уточнить частоту запросов в Яндекс.Вордстат. Автоматизировать процесс можно при помощи программы Key Collector. В результате получается оптимальный вариант Title: Разработка и продвижение сайтов – …, … от профессионалов .

Пример доработки Title

Новый Title: автоматизация бизнеса для …: варианты доступных решений – название сайта

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

Выводы

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

  • Естественность. «Правильный» Title привлекает пользователей и повышает CTR.
  • В начале заголовка размещается наиболее частотная фраза.
  • Ключевые фразы и слова с наибольшей частотностью необходимо помещать в первые 55 символов Title.
  • Нельзя формировать Title в отрыве от структуры веб-ресурса и семантики.
  • Важно изучать заголовки конкурентов.
  • Не нужно пытаться вставить в заголовок сразу несколько смежных ключей и оптимизировать под них страницу. Каждая страница должна отвечать на один запрос.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *