Тег | htmlbook.ru
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
Определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера (рис. 1). Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>.
Рис. 1. Вид заголовка в браузере Firefox
Синтаксис
<head>
<title>Заголовок</title>
</head>
Закрывающий тег
Обязателен.
Атрибуты
Нет.
Пример
HTML5IECrOpSaFx
<!DOCTYPE HTML>
<html>
<head>
<title>htmlbook.ru - Как правильно писать заголовок страницы</title>
</head>
<body>
<p>...</p>
</body>
</html>
Примечание
Тег <title> выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы.
- По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди.
- Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? » < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами.
- При сохранении в разделе браузера «Избранное», адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило.
- В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.
Статьи по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
htmlbook.ru
Тег title — правильно заполняем заголовок страницы
Что такое тег <title>?
<title> (от англ. «заголовок», «название») — основной тег, который описывает краткое содержимое страницы. По сути, это «технический» заголовок, который Вы не увидите на сайте. Найти его можно только в названии вкладки браузера.
Синтаксис этого тега крайне прост. Начинается он с открывающего <title>, далее идет словесное описание, которое обрамляется закрывающим </title>.
<title>Тут находится заголовок страницы сайта</title>
<title> это мета-тег?
Несмотря на расхожее мнение, тег <title> не относится к группе meta тегов. Все теги упомянутой группы начинаются с meta и содержат в себе несколько параметров. Давайте рассмотрим настоящий meta тег на примере description и author
<meta name=»description» content=»Текстовое содержание тега» />
<meta name=»author» content=»Алексей Типин» />
Как мы видим, meta имеют совершенно другой синтаксис.
Но, почему тогда многие называют <title> мета тегом? Ответ прост. Все дело в том, что <title> наряду с некоторыми meta тегами, является одним из важнейших элементов внутренней оптимизации. Из-за этого множество SEO специалистов говорят о нем в совокупности с meta тегами.
Кроме того, располагается <title> там же, где и meta, межу <head></head>. Именно поэтому многие по ошибке относят его не к своей группе.
Роли тегов <title>, keywords и description
<title> играет колоссальную роль в продвижении конкретной страницы и сайта в целом.
Во-первых, именно он является основным заголовком, который описывает суть страницы.
Во-вторых, именно <title> выводится в качествен ссылки в сниппете.
Если выстроить приоритетность тегов для поисковой системы, то на первом месте будет герой нашей сегодняшний статьи — тег <title>.
Мета тег description так же играет важную роль. Зачастую из него берется описание для сниппета. Подробнее о нем мы писали в предыдущей статье от 31 июля 2017.
Если говорить о keywords, то этот тег уже пережил свои лучшие годы. Поисковые системы не обращают на него никакого внимания. Ходит легенда, что при заполнении keywords поисковик сразу проверяет статью на переспам указанных в нем ключевиков. Правда это или нет, мы не знаем.
Как заполнять тег title?
Заполнение тега <title> основывается на трех столпах — статистика ключевых слов, удобство для пользователей и технические требования
Статистика ключевых слов
Так как <title> является одним из основных элементов внутренней оптимизации, он должен содержать главные ключевые слова страницы. При этом, не должно быть переоптимизации или несвязного списка ключевиков.
Удобство для пользователей
Так как именно из <title> поисковые системы берут заголовок для сниппета, очень важно, что бы он был читаем и легко воспринимался.
Технические требования
<title> как и любой другой тег должен отвечать ряду технических требований.
Не превышать положенную длину;
Быть написан на том же языке, что и страница ресурса;
Располагаться между тегами <head></head>;
Иметь корректный синтаксис.
Содержимое тега <title>
Итоговое содержимое тега должно быть емким и понятным, но при этом иметь основные ключевые слова. В этом и заключается сложность написания.Очень часто можно увидеть, что заголовок делится на две части: «Описание страницы» и «| Название компании«. Если Ваш бренд не является общеизвестным, мы бы не советовали так делать.
Длинна тега <title>
Корректная длинна тега <title> всего 60 символов. Именно такой объем могут показать в сниппете поисковые системы.
Если Вы выйдете за рамки 60 символов, ничего страшного не случиться, заголовок в сниппете будет обрезан троеточием.
Какой он — правильный тег <title>?
Правильный <title> отвечает всем следующим требованиям:
Имеет длину не более 60, но и не менее 35 символов;
Полностью описывает содержимое конкретной страницы, а не сайта или раздела;
Легко читаем;
Привлекает пользователя;
Не содержит сложных аббревиатур и сокращений;
Не обманывает и не вводит в заблуждение;
Содержит в себе основные ключевые слова страницы;
Не является копией meta description;
Написан на том же языке, что и содержимое страницы;
Не является поисковым спамом или списком ключевых слов.
Уверены, что Ваш тег полностью отвечает всем вышеперечисленным требованиям? Тогда можете считать его просто превосходным.
Тег <title> для Opencart
Практически все популярные CMS поддерживают функцию корректировки <title> без дополнительных модулей и виджетов. OpenCart исключением не является.
В разделе редактирования каждой статьи имеется ряд полей, среди которых есть «HTML-тег Title«. Именно это поле Вам и нужно.
Ограничения по количеству символов данное поле не имеет, поэтому придерживаемся основных требований написания.
Тег <title> для Joomla!
По умолчанию в Joomla! 2.5.x в <title> выводится название пункта меню. («Верхнее меню панели управления» -> «Ваше меню» -> «Необходимый пункт«)
Так же, есть способ прописать независимый <title>. Это сделано на случай, когда пункт меню должен отличаться от заголовка страницы. Сделать это можно в правом раскрывающемся меню в разделе «
Тег <title> для WordPress
Для создания <title> в WordPress мы обычно рекомендуем бесплатный плагин All In One SEO Pack. С его помощью намного удобнее заполнять meta теги и заголовки.
После того, как Вы установите плагин, под областью редактирования стати появятся следующие поля.
Для них определено символьное ограничение, поэтому с длинной заголовка Вы не ошибетесь.
Задать заголовок для главной страницы можно перейдя в левом меню на вкладку «All In One SEO Pack» -> «Настройки главной страницы«
<title> для Интернет-магазинов
С точки зрения SEO, Интернет-магазины можно считать особым видом сайтов. Они имеют ряд исключений и особенностей в сравнении с остальной массой ресурсов. К примеру, только им «разрешено» иметь неуникальный контент в виде технического описания товара.
Имеют свои особенности и правила написания тегов <title>.
Для главной страницы
<title> главной страницы любого Интернет-магазина должен быть обобщенным и вкратце описывать весь сайт.
Не стоит перечислять в заголовке товары, условия доставки, подаваемые бренды, а так же то, чего нету на главной странице. Разместите название своей компании и расскажите в двух словах о направлении деятельности.
Учитывайте, что на главную страницу магазина из поисковой выдачи будут переходить, в основном, по брендовым запросам.
Для категории
В этом случае <title> должен полностью описывать содержимое категории. Не нужно перечислять товары, писать стоимость, условия доставки и реализации.
Страницы с категориями будут часто показываться в поисковой выдаче, поэтом сделайте заголовок легко читаемым и привлекательным.
Вы можете добавить в <title> категории наиболее популярные ключевые слова, если они не повлияют на читабельность заголовка.
Для товаров
<Title> карточки с товаром обязательно должен содержать в себе название самого товара, быть кратким и понятным.
Допускается
Включение таких слов, как «с доставкой», «купить» и т.д.;
Добавление названия категории или Интернет-магазина;
Наличие стоимости;
Не допускается
Названия нескольких товаров для одной карточки;
Очень длинное техническое наименование товара;
Копирование заголовков категорий или других страниц;
Наличие ключевых слов или переспама.
<title> для Landing Page
Основной особенностью и преимуществом landing page является наличие всего одной страницы. Соответственно и <title> у лэндинга может быть только один. Именно поэтому он должен отвечать повышенным требованиям.
Содержать основное ключевое слово;
Быть легко читаемым и понятным;
Полностью описывать содержимое лэндинга;
Поисковые системы не должны найти никакого переспама, иначе о SEO можно будет забыть;
Быть конкретным и описывать одно направление деятельности. Не нужно писать обобщенных фраз;
Если Ваш бренд не является широко известным, повремените с его добавлением. Он лишь займет ценное место;
Соблюдать все остальные требования для хороших <title>.
Отнеситесь со всей ответственностью к написанию заголовка, у лэндинга он всего один!
dh-agency.ru
что такое тайтл страницы и как его правильно создать
Что такое тег title
Тег title это заголовок страницы, который почти всегда используется в поисковой выдаче. Он помогает поисковым системам, понять содержание страницы, а пользователям, кроме содержания, понять, чем страница отличается от других похожих страниц в выдаче. Но очень важно понять, что поисковая выдача это не единственное место, где пользователь видит title страницы.
1. Тег title в коде
Так тайтл выглядит в коде.
<html>
<head>
<meta name="title" content ="Free On-Page SEO Checker - Get Your SEO Score Now">
<title>Free On-Page SEO Checker - Get Your SEO Score Now</title>
</head>
</html>
2. Тег title в поисковой выдаче
Поисковая выдача, наверное, одно из самых важных мест при оптимизации тайтла. Так как органический поиск один из самых больших источников релевантного трафика на сайт.
3. Тег title в социальных сетях
При создании тайтла важно помнить, что пользователи могут делится вашей страницей в социальных сетях. И сколько из людей перейдет по опубликованной ссылке сильно зависит от сниппета, который пользователи увидят. Поведение пользователей в поисковых системах и социальных сетях отличается. Пользователи видят специально сформированную поисковую выдачу, в зависимости от своего запроса. А когда они используют социальные сети, у них часто нет конкретной цели. Поэтому иногда может быть полезно установить вообще отдельный title (который будет отличатся от тайтла для SEO) в тегах open graph.
4. Тег title во вкладке браузера
Чем больше у пользователя открытых вкладок в браузере, тем важнее для него скорость перемещения между ними. Скорость перемещения зависит от скорости идентификации вкладки. А идентификация зависит от двух элементов: фавикона сайта и тайтла страницы.
5. Тег title в закладках браузера
Ценные ссылки сохраняют в закладки. Если у пользователя много закладок, то с высокой вероятностью, он забудет на какую тему была сохраненная страница. И правильно составленный title здесь ему очень поможет.
Почему title важен
Этот тег важен по двум основным причинам.
- Как элемент ранжирования. Как один из 200 факторов ранжирования, title влияет на то, будет ли страница показана в топе поисковой выдаче по нужному ключевому слову или нет. Вклад тайтла зависит от того, включает он в себя ключевое слово или нет. Лучше если включает и лучше, если это слово будет вначале.
- Как элемент конверсии. Здесь вклад тайтла можно оценить по среднему CTR (коэффициет кликабельности) вашей страницы. Эту метрику мы получим, если выведим среднее CTR из всех источников: органический поиск, социальные сети, табы браузера, мессенджеры и т.д. Перемещаясь по сети, пользователи принимает массу решений. Каждый раз перед посещением страницы, он отвечает себе на вопросы: “это то что мне нужно сейчас?” и “почему именно эта страница, а не другая?”. И если ваш title скучный, не информативный, слишком длинный или слишком короткий, то и переходов будет соответственно меньше.
Как создать идеальный title
1. Наличие
Прежде всего, тег <title> должен присутствовать на странице и быть заполненным.
2. Длина
Оптимальная длина тайтла от 60 – 120 символов, но пользователь не увидит больше 60 символов на странице поисковой выдачи, поэтому лучше создавать заголовки, которые не превышают этот лимит.
3. Релевантность
Title должен отражать содержание страницы, и демонстрировать, как страница поможет удовлетворить запрос пользователя. Иначе, поисковые системы могут сформировать свой тайтл. Подробнее об этом будет ниже.
4. Использование ключевого слова
Здесь два правила. Лучше когда тайтл включает ключевое слово. Лучше когда ключевое слово стоит в самом начале. Кстати, этот пункт может помочь вам провести анализ топа по запросу. Посмотрите конкурентов в выдаче по вашему ключу. Если большинство тайтлов начинается с одной и той же фразы, вероятно что она самая высокочастотная или ценная с точки зрения продаж.
5. Нет дубликатов на странице
Тег “title” должен использоваться на странице только раз и размещаться в блоке “head”, а не “body”!
6. Нет дубликатов на сайте
Если можете, лучше создавать уникальный тайтл для каждой страницы. Самый простой способ проверить уникальность своих заголовков – введите текст вашего тайтла в Google и оцените сколько страниц вашего сайта имеют похожий тайтл. Для более детального иcследования, используйте наш краулер.
Найдите дублирующиеся title на сайте
Запустите аудит сайта и получите полный список страниц с дублирующимися тегами title
7. Привлекательность
Meta title выводится в виде заголовка на странице поисковой выдачи. Кликнут ли на вашу страницу зависит от нескольких факторов:
- насколько точно ваш заголовок обещает удовлетворить запрос пользователя;
- выделяется ли ваш заголовок и весь сниппет среди конкурентов;
- на каком месте в выдаче находится ваша страница
- насколько известен ваш сайт и бренд.
Title = h2
Часто задаваемый вопрос – может ли тег h2 страницы, быть таким же как и title. Рекомендуется использовать одни и те же слова и комбинации, но не делать их одинаковыми.
Да. В сети много WordPress сайтов с хорошими позициями в поисковой выдаче, которые не соблюдают это правило – title и h2 у них идентичные. Но нужно помнить, что рекомендация появилась неспроста. Эти теги служат разным целям.
Тег title это текст, который помогает пользователю выбрать вашу страницу среди других страниц в поисковой выдаче и не только. В нем уместно использовать название своего бренда, детали геолокации и стоимости товаров и услуг.
Тег h2 это текст, который помогает пользователю понять о чем будет страница, на которой он находится. Нет необходимости включать название бренда и цену в этот тег. Пользователь уже выбрал вас.
Итого, поисковые системы не накажут вас за использование одинаковых title и h2 на странице. Тем более, в их рекомендациях для вебмастеров нет правила запрещающего делать это. Но с точки зрения пользовательского опыта, лучше когда они различаются.
Почему Google показывает другой title
Иногда Google использует другой контент для формирования заголовка страницы – не тот, что содержится в теге title. Вас это может расстраивать. Но помните, что Google собирает огромное количество данных. Могут существовать запросы, для которых ваша страница релевантна, но сам тег title – нет. Вы не можете предусмотреть все эти случае. Таким образом, Google наоборот помогает вашему сайту.
Если мы обнаружим, что в заголовке какого-либо результата поиска имеются перечисленные выше недостатки, мы попытаемся сгенерировать более подходящий его вариант на основе текста ссылок, содержания страницы и других источников. В некоторых случаях для того, чтобы заголовок страницы более точно отражал ее релевантность поисковому запросу, в результатах поиска может использоваться заголовок, созданный Google, даже если исходный заголовок является кратким, информативным и качественным. Этому есть простое объяснение: тег заголовка, указанный веб-мастером, не может изменяться в зависимости от запроса.
Поскольку нам известен запрос пользователя, мы можем найти на странице альтернативный текст, более точно соответствующий ему. Разместив этот текст в заголовке, мы поможем как пользователю, так и вашему сайту. Просматривая результаты поиска, пользователи ищут введенные ключевые слова и другие признаки релевантности предлагаемого контента. Следовательно, правильно подобранный заголовок увеличивает вероятность того, что пользователь перейдет на ваш сайт.
Справка Google Search Console
В видео ниже, Мэтт Каттс детально объясняет как и когда Google формирует сниппет на основе содержания страницы.
Как выявить проблемы с тегами title
В сети существует очень маленькое количество сайтов без технических ошибок. Любой развивающийся сайт, при добавлении и удалении страниц, изменении структуры, добавлении новых внутренних ссылок накапливает разного рода ошибки. Вероятнее всего, у вашего сайта есть проблемы с тайтлами. Чтобы узнать так ли это, используйте форму выше для запуска аудита. После завершения аудита, вы получите отчет, похожий на эту картинку.
Изучите детально проблемы сайта и, прежде всего, уделите внимание самым ценным страницам – тем, которые приносят больше всего трафика и конверсий.
Как Google Search Console может помочь
Google Search Console помогает узнать, какие ключевые слова могут быть самыми релевантными для тайтла страницы. Перед созданием страницы, вы вероятно собирали для неё семантику. И первый заголовок формировали на основе этой семантики. Cпустя время после публикации страницы вы можете заметить, что Google ранжирует страницу по неожиданным для вас ключевым словам. Этими словами можно расширить или полностью видоизменить тайтл.
Например, первый тайтл для англоязычной версии страницы, которую вы сейчас читаете не включал слово “seo”. Но спустя время, мы заметили в Search Console, что страница начала ранжироватся по фразам, которые включают этот ключ. Поэтому мы обновили тайтл, включив в него слово “seo”.
sitechecker.pro
Что такое тег TITLE и как правильно его заполнить? Шаблоны и примеры Тайтлов
TITLE – это тег, содержание которого отображается в заголовке браузера. Поисковые системы часто выводят TITLE в качестве заголовка сниппета – описания сайта в результатах поиска (подробнее про формирование сниппетов). От правильного заполнения TITLE зависят позиции вашего сайта и кликабельность сниппета.
В данной статье подробно рассказано, как заполнить тег TITLE на страницах сайта. В конце статьи вы найдете примеры удачных и неудачных заголовков, а также комментарии к примерам.
Что такое тег Title и где его можно посмотреть?
Текст, содержащийся в теге Title, выводится в заголовке окна браузера (на скриншоте ниже на него ведет красная стрелка). Если вы наведете курсор мыши на заголовок окна, то во всплывающей подсказке увидите содержание тега. Оно может дублировать заголовок текста на странице, но чаще отличается от него.
Как правило, задавать содержание тега Title можно в настройках страниц в системе управления (CMS). На некоторых проектах, например, в интернет-магазинах содержание Title может генерироваться автоматически и включать в себя название рубрики, ключевые слова, параметры товаров и другую информацию.
Общие требования к заполнению тега TITLE
- Длина тега Title должна быть максимум 150 символов. В идеале Title должен состоять из 5-7, максимум – 10 слов. Чем больше слов в заголовке, тем меньше ценность каждого отдельного слова для поисковой системы.
- Для оптимизации страницы важен порядок слов в Title. Оптимально, чтобы в начале тега стояли самые конкурентные запросы, по которым продвигается страница.
- TITLE должен быть читаемым и привлекательным для людей. По возможности избегайте повторения одинаковых слов. Идеально, если TITLE будет отражать позиционирование компании и вызывать желание перейти из выдачи именно на вашу страницу.
- Если ваша компания является лидером отрасли, включайте название компании в TITLE. Посетитель увидит знакомый бренд в выдаче, что может привлечь на сайт больше пользователей.
Как правильно заполнить тег TITLE для разных страниц?
Главная страница
Как правило, главная страница продвигается по самым конкурентным и высоко- частотным запросам. Для продвижения по таким запросам крайне важны поведенческие факторы, в том числе – качество сниппета. Поэтому TITLE для главной должен быть не только оптимизированным к запросам, но и максимально привлекательным и стимулирующим перейти на ваш сайт. Рассматривается Тайтл как рекламный слоган.
Совет: составьте таблицу с Тайтлами сайтов-конкурентов из ТОП-10 и сделайте свой Тайтл таким, чтобы он выгодно отличался от тех, которые уже есть в выдаче.
Раздел или подраздел каталога
Для разделов и подразделов каталога оптимально разработать шаблон для генерации заголовков (особенно если у вас на сайте большой каталог). Как правило, шаблон TITLE включает название раздела + популярные слова в тематике (цена, фото, отзывы и т.д.). Если в разделе имеются страницы пагинации, сделайте разные заголовки на них. Например, у страниц пагинации используйте сокращенный заголовок с минимумом ключевых слов и добавляйте к нему фразы «Страница 2», «Страница 3», «Страница 4».
Важно, чтобы TITLE на страницах каталога не дублировались.
Карточки товаров
Здесь используется похожая схема: в начале тега Title выводится название товара, к которому добавляются популярные слова из запросов пользователей. Например, «цена», «акция», «купить со скидкой». В ряде тематик в TITLE имеет смысл добавлять артикул товара, его параметры (цвет), производителя, поскольку эти параметры также встречаются в запросах пользователей. Чтобы правильно заполнять тег TITLE на карточках товаров, нужно тщательно исследовать запросы пользователей и грамотно составить семантическое ядро.
Старайтесь сделать так, чтобы содержание тега TITLE на карточках товаров было максимально естественным и привлекательным для пользователей. Избегайте нагромождения ключевых слов.
Галерея
Галерея может продвигаться по запросам, включающим слова «фото», «фотографии», «картинки», «иллюстрации», «изображения», «обои для рабочего стола», «примеры работ» и множества других. Поэтому оптимизацией заголовков в галерее пренебрегать не стоит. Принципы заполнения тега TITLE такие же, как при разработке шаблонов для разделов каталога и карточек товаров. Только разделами служат альбомы, а карточками товаров – страницы с отдельными изображениями.
Информационные материалы
Информационными материалами часто делятся в социальных сетях через соответствующие кнопки. В социальных сетях TITLE используется как заголовок статьи. Поэтому заполняя Тайтл для статьи, постарайтесь избегать нагромождения ключевых слов. Старайтесь сделать TITLE статьи максимально естественным. Вы получите больше переходов из поисковых систем и сможете увеличить приток посетителей из социальных сетей.
Примеры хороших и неправильных TITLE
Примеры хороших TITLE:
- Ремонт ванной на Ленинградке – низкие цены, выезд сметчика бесплатно
- Тормозные колодки для LADA Vesta (код XYZ) – купить по низкой цене с бесплатной доставкой
- Магазин мебели в Самаре: 10 000 товаров по низким ценам, успейте купить!
- Автостекло по низким ценам: продажа, замена с гарантией!
- Интернет-магазин детских товаров с доставкой по России
В данных примерах ключевые слова аккуратно вписаны в тег TITLE. Имеются слова, привлекающие внимание (низкие цены, бесплатно).
Примеры плохих TITLE:
- Ремонт ванной дешево, ремонт ванной в Москве цены
- Тормозные колодки купить недорого дешево цена Москва
- Магазин мебели в Самаре, купить мебель дешево, мебель со скидками
- Автостекла дешево, стекло купить недорого на нашем сайте
- Купите очки дешево, линзы недорого, очки по низким ценам
В данных примерах ключевые фразы даны простым перечислением. Одинаковые слова могут встречаться несколько раз. Нарушаются правила русского языка (например, нет запятых между словами при перечислении). Говорить о том, что такие TITLE выглядят естественно – не приходится.
Полезные статьи по теме:
adblogger.ru
Тег 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>
guruweba.com
HTML тег Title – эффективно используем заголовок страницы
Так вот тег Title является заголовком HTML документа/страницы. Можно сказать, что он относится к технической информации о документе. Эта информация скрыта от глаз пользователей непосредственно на сайте, но ей пользуются все браузеры и поисковые системы.
Как используют Title браузеры
Если вы посмотрите в левый верхний угол браузера, вы увидите информацию о странице, на которой в данный момент находитесь. Если посмотрите на вкладку браузера и подведете к ней мышку, вы так же увидите информацию о странице. Я для примера взяла свою статью про SEO-заголовки:
Все, что я выделила на изображении желтым, является информацией, которая содержится внутри тега Title.
Если мы решим сохранить эту страницу в закладках браузера, именно с этим заголовком страница сохранится в избранном.
Как используют Title поисковые системы
Для поисковых систем тег Title так же имеет огромное значение. Это первая информация, которую получает поисковая система о содержимом страницы. Ведь мы помним, что title находится практически в самом начале документа, а все поисковые роботы индексируют страницы сверху вниз.
Т.к. это самая первая информация, которую получает поисковый робот о нашей странице, мы должны постараться указать в теге title самое важное, самое точное определение дальнейшему содержанию.
Но это ещё не все. Так же поисковая система использует содержимое тега title в результатах поисковой выдачи. Когда пользователь задает свой запрос поисковику, последний выдает ответ в виде ссылок с описанием на ресурсы, которые отвечают на запрос пользователя.
Если же мы посмотрим страницу найденного сайта, то увидим другой заголовок:
Т.е. поисковик показывает нам информацию которая содержится в теге title, при этом заголовок статьи в теге h может быть совсем другой.
Теперь начинается самое интересное. Т.к. заголовок страницы используется в поисковой выдаче, он является индикатором, как для поисковиков, так и для пользователей, полезности и качественности найденного ресурса.
Что значит индикатором? Если title малоинформативный, то при просмотре результатов выдачи пользователь может не кликнуть по ссылке и не перейти на ваш сайт. В обратной же ситуации, если title будет перегружен лишней информацией, то пользователь так же может не захотеть перейти на ваш сайт. Из этого следует, что в title должна быть очень точная информация, отвечающая на запрос пользователя.
Не скажу, что пример идеальный, да и все SEO строится на нюансах и не возможно что-либо утверждать со 100% уверенностью, но давайте попробуем разобраться (изображение кликабельно):
Итак, красным я выделила более привлекательные ссылки, соответственно title. Из первых слов я могу судить о том, что на сайте продается то, что мне нужно и с большей вероятностью по этим ссылкам я кликну в первую очередь. Хотя, конечно, я не могу сказать, что эти title идеальны, т.к. все равно перегружены лишней для меня информацией. То же самое и с ссылками, выделенными голубым. Зачем мне нужен артикул или, например, мне может быть совсем не важен бренд. Наличие такой информации рассредоточивает мое внимание, а так же может служить препятствием при продвижении по данному запросу.
Серым я выделила самый непривлекательный title, он длиннее, чем должен быть, поэтому был обрезан поисковиком в выдаче. Из-за большого количества слов, по сути являющихся перечислением всего, что можно, заголовок выглядит очень непривлекательно. Сразу не определишь, точно ли они продают то, что мне нужно.
Рассмотрев эти примеры мы можем сделать выводы, каким на самом деле должен быть title, чтобы служил верным помощником при продвижении, был привлекательным для пользователей, побуждал кликать по ссылке, а так же нес самую важную информацию.
Как эффективно использовать title для продвижения
Понятно, что title должен содержать ключевые слова, но тут важно следить за тем, чтобы ключевые слова стояли как можно ближе к началу или вообще, чтобы title начинался с ключевых слов. Это не только улучшит кликабельность ссылки, но и облегчит продвижение по запросам.
В title можно использовать одно и тоже ключевое слово два раза. Например:
HTML тег title – эффективно используем заголовок страницы title.
В примере ключевое слово title встречается два раза.
Title не должен быть набором ключевых слов, а должен быть осмысленной фразой.
Очень важно избегать внутри title знаков препинания, которые ставятся в конце предложения. Дело в том, что поисковые системы учитывают пассажи в тексте.
Пассаж – это законченная мысль. Т.е. каждое наше предложение – это пассаж. Все слова, которые находятся внутри предложения учитываются поисковой системой, как единое целое. Как только мы ставим точку, мы отделяем предыдущие слова от следующих.
Поэтому очень важно не разделять свои ключевые фразы знаками препинания, которые означают конец предложения – точка (.), вопросительный знак (?), восклицательный знак (!). Сравним два заголовка:
HTML тег title – эффективно используем заголовок страницы title
и
HTML тег title. Эффективно используем заголовок страницы title.
В первом случае, например, моя статья может находится по фразам:
- html заголовок страницы
- тег заголовка страницы
Во втором же варианте таких ключевых фраз уже не получится. Между словами стоит точка, отделяя один пассаж от другого.
Стоит уделить пристальное внимание и длинне title, тут тоже не все просто.
Во-первых, не смотря на то, что рекомендуют укладываться в 80 знаков, при подсчете title непосредственно в выдаче, максимальная длина встречается чуть более 60 знаков. Вполне вероятно, что поисковик учитывает в title 80 знаков, но в выдаче всегда обрезает длинный заголовок. Так же стоит учитывать, что обрезанный title выглядит менее привлекательно, чем не обрезанный.
Во-вторых, стоит учитывать плотность title. Чем больше в нем слов, тем сильнее значимость title распределяется по всем словам, которые находятся в нем. Соответственно, чем меньше слов, тем больше веса они приобретают в глазах поисковой системы.
Поэтому старайтесь формировать краткие, отражающие суть страницы, но яркие заголовки. Это не только улучшит позиции в поисковиках, но и увеличит их кликабельность.
Из этого следует, что стоит оптимизировать страницу по одному-двум близким запросам, чтобы title обладал максимальным весом.
В связи с этим, структура title
|заголовок страницы|
предпочтительней, чем
|Заголовок страницы|Название сайта|.
Я длительное время использовала структуру title из второго варианта, сейчас же мой title содержит только заголовок страницы/заголовок статьи.
Соблюдая эти нехитрые правила, вы сможете более эффективно продвигаться и больше привлекать посетителей с поисковых систем.
Помогут так же вам в этом биржи вечных ссылок, только будьте внимательны. Прежде, чем начать работать с какой либо биржей, не поленитесь почитать отзывы и узнать о подводных камнях, как например, получилось у одного из оптимизаторов с биржей ссылок gogetlinks.net. Конечно, подобная ситуация может произойти с каждым или не произойти вообще, но, как говорится, осведомлен, значит вооружен. Удачи в продвижении.P.S. Кто-то мог подумать, а причем здесь хлеб на картинке? Хлеб всему голова, title имеет такое же важное значение в сайтостроении и SEO, как и хлеб в нашей жизни:).
amateurblogger.ru
Тег Title – что это такое и как его правильно прописать?
Тег Title – это заголовок html-документа. Title почти всегда используется в результатах поисковых систем. На данный момент, он очень важен для классического SEO и для привлечения внимания в социальных сетях.
Основное предназначения тега Title, это точное и краткое описание содержания контента страницы.
Данный элемент имеет очень важное значение как для пользователей (когда они принимают решение перейти ли на данную страницу из результатов поисковой выдачи), так и для поисковых систем (один из важных факторов определение релевантости страницы определенным поисковым запросам).
Оптимальная структура тега title
Главная ключевая фраза – второстепенная ключевая фраза | Название бренда
Оптимальная длина для поисковых систем
Google обычно отображает первые 50-60 символов или столько символов, сколько поместится в 512 пикселей. Если все ваши заголовки будут 55 символов, то вы можете ожидать, что около 95% страниц будут полностью отображаться.
Но, поисковые системы могут выбрать для отображение и другой текст: title в результатах может быть изменен
- для вашего бренда
- пользовательского запроса
- или из любых других соображений (например, переспам ключевыми словами)
Почему так важен тег title?
Title уже давно считается одним из важнейших факторов среди внутренних факторов ранжирования (важнейший: контент страницы) и он появляется в 3-х местах:
1. Браузер. Отображается в верхней части вашего браузера + в закладках.
2. На страницах результата поиска. При использовании ключевых слов в title, поисковые системы будут выделять их в результатах поиска, если пользователь выполнил запрос с этими ключевыми словами. Это дает пользователю больше доводов нажать именно на вашу ссылку.
А так в Яндексе:
3. На внешних сайтах. Многие внешние сайты, особенно социальных сети, будут использовать title, как анкор ссылки на вашу страницу.
Например, так это выглядит в Facebook:
А так в Google Plus:
А теперь разберемся в том, как же лучше оптимизировать и прописать title на вашем сайте.
Как правильно оптимизировать title
Вот важнейшие рекомендации для оптимизации title для поисковых систем и для повышения юзабилити:
- Всегда помните про длину
Как было уже указано выше, то поисковые системы будут укорачивать ваш заголовок, если вы превысите граничный порог. Но, с другой стороны, данная длина не очень жесткое правило.
Так как длинные заголовки могут значительно лучше работать для получения трафика из социальных сетей. А также, даже если некоторые ключевые слова были не отображены поисковой системой, то это совсем не означает, что они не берут никакого участия в ранжировании. Поэтому, желательно, делать тайтл максимально естественным и кликабельным, при этом можно пожертвовать длиной.
- Размещайте основные ключевые слова в начале
По данным экспериментов и нашему опыту, чем ближе ключевая фраза к началу title, тем больше она имеет вес в ранжировании. Кроме этого, возрастает вероятность, что пользователь нажмет именно на нашу ссылку в результатах поиска.
- Усиление Брендом
Если ваш бренд достаточно известен на вашем целевом рынке, то в таких случаях, его необходимо размещать в видимой области title, чтобы пользователи обратили на него внимание в результатах поиска. В других случаях, бренд лучше добавлять в конец тега title.
- Читаемость и эмоциональное воздействие
Создание привлекательного заголовка может помочь значительно увеличить количество кликов из поисковой выдачи. Когда вы создаете заголовки, то очень важно думать про все взаимодействия с пользователем, помимо его поисковой оптимизации и использовании ключевых слов.
Инструменты, которые могут помочь с оптимизацией title
Для того чтобы не ждать, как будет выглядеть ваша страница в поисковой выдаче, а сразу получить максимальный эффект, мы рекомендуем воспользоваться следующими сервисами симуляции поисковой выдачи:
serpsimulator.com — очень большой выбор различных настроек
moz.com/blog/new-title-tag-guidelines-preview-tool
В итоге можно посмотреть как выглядит title в результатах поиска:
В заключение
Тег title одинаково важен как для поискового продвижения сайтов, так и для конечных пользователей. Использование хорошо построенных и уникальных тайтлов для всех страниц вашего сайта поможет выше ранжироваться в поисковых системах.
Хорошие статьи в продолжение:
— Идеальная оптимизация страницы сайта
— Чек лист по внутренней оптимизации
— Как сделать SEO аудит сайта
Оцените статью

seoprofy.ua