что такое title в html

Тег Title: для чего предназначен, примеры и шаблоны метатега

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Тег Title — важнейший HTML-компонент сайта, который влияет на ранжирование и CTR (кликабельность). Среди тройки базовых SEO-тегов — Title, заголовок H1 и Description — поисковиками, прежде всего, учитывается именно HTML-заголовок страницы.

В этой статье расскажем, для чего предназначен тег Title и как его правильно составлять.

Содержание

Функции Title

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Title страницы нашего блога со статьей о метатегах

Тег Title выполняет сразу несколько функций, полезных, как для поисковых роботов, так и для пользователей:

На что влияет качество заполнения Title

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

С точки зрения SEO, грамотный Title воздействует на ранжирование за счет двух факторов:

Дальше начинается цепная реакция: чем более точным и релевантным контенту страницы будет тайтл, тем выше CTR и лучше поведенческие факторы. А чем круче ПФ, тем выше сайт ранжируется.

Синтаксис Title

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Прежде чем подробно говорить о грамотном составлении HTML-заголовка, нужно разобраться, в каком блоке кода следует располагать тег Title. Его содержимое не отображается на странице и прописывается в блоке Head — это 2 характерных признака meta тегов, поэтому Title обычно тоже причисляют к ним, хотя чисто технически он не относится к этой группе.

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

Как поисковики анализируют Title

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

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

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Общий вид стандартного сниппета формируется из нескольких блоков:

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

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

Если в сниппет не подтягивается содержимое тега title из HTML-кода, то поисковик наскребает заголовки по сусекам:

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

На запрос «Структура сайта» в сниппет страницы нашего блога Яндекс подтянул заголовок из тега H1.

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

По запросу «Создание структуры сайта» Яндекс на ту же страницу взял содержимое тега Title.

Алгоритм составления релевантного заголовка

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

Чтобы получить максимально релевантный тайтл, нужно пройти 3 этапа:

Критерии грамотного тайтла

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Что значит «грамотный» тег Title? Как составить эффективный заголовок для сниппета, чтобы народ валом валил на сайт с поиска? Предлагаем вам чек-лист из 10 пунктов. Чем больше критериев будет учтено, тем больше шансов выжать из тайтла все возможные профиты.

Главные ошибки при заполнении Title

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Чтобы угодить поисковым роботам Яндекса и Google, избегайте косяков при оптимизации тегов Title. Будьте скромнее, и краулеры к вам потянутся.

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

Примеры удачных и неудачных тегов Title

Разберем примеры заголовков для коммерческих и информационных страниц.

Главная коммерческого сайта

Удачный тег:

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Разборка иномарок в Санкт-Петербурге, авторазборка, б/у запчасти — FINNAUTOPARTS

Удачный пример заголовка: несмотря на то, что в нем 80 знаков, главный ключ находится в зоне видимости. После основного высокочастотного запроса указана геолокация, в самом конце спрятано название компании.

Неудачный тег:

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

Страница категории интернет-магазина

Удачный тег:

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Плащ-дождевик купить в интернет-магазине «Мир охоты»

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

Неудачный тег:

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Дождевики- купить Дождевики, цены в городе Буденновск и в интернет-магазине на epicentre24.ru

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

Карточка товара

Удачный тег:

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Парник-мини на подоконник 4 яруса в Санкт-Петербурге – купить по низкой цене в интернет-магазине Леруа Мерлен

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

Неудачный тег:

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Парник-Мини На ⇑ Подоконник 4 Яруса ❗ Купить По Цене 1160 Рублей Со Склада Интернет-Магазина В Москве

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

Теги Title для Главной страницы информационного сайта

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

Википедия — свободная энциклопедия

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Заголовки разделов информационных сайтов

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

Удачный пример:

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Исследование Марса: история и современные миссии с фото

Четкий заголовок раздела: все по делу, органично вписаны ключи.

Неудачный пример:

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Исследование планеты Марс. Может ли человек жить на Марсе? Узнайте тут

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

Тайтл для информационной статьи

Удачный пример:

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

Неудачный пример:

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Канонические ссылки. Атрибут rel= «canonical» — полное руководство по использованию канонических ссылок. Как указать яндексу канонический url страницы

Чрезмерно длинный тайтл, есть точки, переспам, много лишних слов.

Анализ тегов Title у конкурентов

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Аудит конкурентов — штука полезная во всех отношениях. Об этом мы подробно рассказывали в статье Анализ сайтов конкурентов выдачи по запросам из ТОПа.

Существуют и специальные инструменты для парсинга SEO-тегов с конкурентных сайтов, например, Анализ SEO-тегов для списка URL и Парсинг сниппетов из Яндекса и Google от tools.pixelplus.ru. Анализируя заголовки из топа выдачи, можно выявить проблемы со своим тайтлом, посмотреть среднее число вхождений ключей, формулировки, длину тегов.

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

Шаблоны для Title

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

Например, карточки товаров — это типовые страницы, и тайтлы для них нужно делать типовыми. Минимум информации обеспечит шаблон:

название товара → призыв (купить, заказать) → регион → название магазина.

Дополнительно можно вписывать информацию о характеристиках товара, способах доставки и оплаты — здесь нужно правильно выстроить приоритеты и что-то поместить в Description.

Тайтлы для категорий товаров тоже уместно делать по шаблону:

призыв (купить, заказать) → название категории → преимущество → регион → бренд.

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Есть расхожее мнение, что за образец идеального, с точки зрения поисковика, тайтла нужно брать заголовки их представителей: маркетплейса Яндекса и его разнообразных сервисов. Но этот миф разбивается о жестокую реальность: например, в коде товарных карточек магазина «Беру», который интегрирован в Яндекс. Маркет, вообще нет тега Title. Так что ориентироваться здесь нужно на свое семантическое ядро, анализ конкурентов и здравый смысл.

Вывод

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

Грамотное оформление тега обеспечивает:

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

Источник

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Еще не зарегистрированы?

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

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

ЗапросТочная частота
продвижение сайтов4220
продвижение сайта3557
продвижение сайта заказать2790
заказать продвижение сайта2445
продвижение сайта сео750
сео продвижение сайта730
заказать seo продвижение480
продвижение сайта в поисковых системах270
Уникальные слова из запросовСлова из подсветки в выдачеСлова, задающие тематику
продвижение (10)москва (420)оптимизация
сайт (9)раскрутка (310)яндекс
заказывать (7)продвигать (39)топ
сео (6)заказ (22)услуга
seo (4)поиск (5)google
система (2)optimization (2)цена
поисковый (1)купить (1)интернет

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

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

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

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

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

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

Шаблоны для Title

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

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

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

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

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

Заключение

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

Источник

Что такое тайтл и как его правильно составить

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Тег Title влияет на ранжирование сайта. Среди трех главных мета-тегов — Title, H1, Description — поисковые роботы в первую очередь учитывают именно title. В статье рассмотрим, почему этот тег важно указывать на страницах сайта и как правильно его писать.

Что такое title

Тег title — важный компонент поисковой оптимизации. Это HTML-элемент, который определяет заголовок веб-страницы и предназначен для точного и краткого описания её содержимого. Нередко заголовок title называют определяющим фактором в SEO-продвижении сайта.

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

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

Должны ли отличаться Title и Н1 и в чем их разница

Тайтлы и H1 — это заголовки, они должны быть похожи по смыслу, но не должны полностью совпадать. Тег Title предназначается для поискового робота и помогает ему понимать, соответствует ли информация на странице запросу. Этот тег для поисковика, но в поисковой выдаче Яндекса и Google он — виден, а Н1 виден только после перехода на саму страницу.

В теге H1 пишут, о чем будет текст. Он должен мотивировать к чтению текста и дальнейшей покупке.

Отличия Title и H1:

Помимо правильных мета-тегов, важно искать способы увеличить конверсию. С помощью виджетов Calltouch вы можете настроить сбор заявок с сайта в нерабочее время, быстрый обратный звонок и «умную заявку» для тех, кто не любит звонить. Упростите связь клиента с компанией через бесплатные виджеты и оплачивайте только минуты разговора. С виджетами вы увеличите лояльность клиентов и повысите конверсию сайта на 30%.

Виджеты Calltouch

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Как поисковики анализируют Title

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

Почему теги title важны

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

Теги title используются в трех ключевых местах:

Страницы поисковой выдачи

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

Что такое title в браузерах

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

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

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

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

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

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

Оптимальное представление title строится по схеме:

Первичное ключевое слово — вторичное ключевое слово | Название бренда

Сквозная аналитика — Все данные в одном окне | Calltouch

Оптимальная длина title

Google обычно отображает первые 50–60 символов содержимого тега title. Если вы укладываетесь в длину до 60 символов, то вы можете ожидать, что около 90% ваших заголовков будут отображаться правильно.

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Точного ограничения на количество символов нет, потому что они могут различаться по ширине. В настоящее время Google способен вывести тайтл максимум в 600 пикселей.

Как написать хороший тайтл

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

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

Следите за длиной title

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

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

Некоторые буквы, естественно, занимают больше места. Заглавная Щ намного шире, чем строчная р или г.

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

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

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

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

Заголовок title с человеческим лицом

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

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

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

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

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

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

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

Подключить коллтрекинг, коллтрекинг для бизнеса, коллтрекинг Москва

Это неправильный заголовок title. Он не только перегружен количеством символов, но и мешают поисковым системам.

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

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

Помимо этого, многие SEO-специалисты рекомендуют избегать предлоги, местоимения и частицы там, где это оправданно. К ним относят «или», «к», «в», «не», «о», «перед», «до», «и» другие им подобное. Дело в том, что они отнимают лимитированное количество символов, а поисковые системы их игнорируют.

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

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

А как быть с названием городов и мест? Если речь идёт о локальном бизнесе или рынке, то географический топоним имеет смысл разместить в начале или середине title. Например, если предлагают товар или услугу только в одном населённом пункте.

Страховка КАСКО и ОСАГО в Перми. Оформление полиса

Разместите на каждой странице уникальный title

Уникальные формулировки помогают поисковым системам понять, что ваш контент является оригинальным, ценным, а также повысить CR.

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

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

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

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

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

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

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

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

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

Emoji в title страниц

Использование emoji — способ повышения CTR поисковой выдачи и увеличения органического трафика. Такие title для пользователей выглядят привлекательно, так как передают чувства, эмоции и разбавляют текст. Смайл в тайтл можно добавить через html-код, unicode или скопировать и вставить изображение эмодзи — способ зависит от платформы сайта. Заголовки с эмодзи выглядят интересно и необычно, но не нужно размещать emoji на каждой странице.

Особенности составления мета-тега title для разных типов страниц

Тайтл для каждого типа страницы имеет свои особенности.

Для служебных и не продвигаемых страниц

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

Для интернет-магазина

В интернет-магазине title пишут и для категорий товаров и для самих товаров. Шаблон для категорий:

Купить [Продукт] | [Дополнительная информация, цена] | [Адрес сайта].

Для товаров чаще используют низкочастотные запросы в тайтл и указывают конкретные сведения о товаре. Шаблон:

Купить [Продукт] | [Конкретные сведения, цена] | [Адрес сайта].

При составлении title для товаров пишите не больше двух главных характеристик, чтобы не удлинять тайтл.

Для сайта

Для самописных сайтов собирают семантическое ядро — низко-, средне- и высокочастотные запросы. На основе ключевых слов пишут title для каждой страницы сайта и вносят вручную в код страницы. При подготовке тайтл проанализируйте теги конкурентов, которые входят в ТОП-10 поисковой выдачи.

Как проанализировать эффективность title

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

В этом случае, как и в аналогичных, в которых речь идёт об оценке эффективности отдельного компонента, применяется A/B тестирование.

Создайте группу объявлений, если это рекламная кампания, или несколько страниц, если речь идёт об обычном SEO, с разными тайтлами, которые вы считаете конкурентоспособными.

Через 2-3 недели измерений можно будет говорить о разнице в эффективности отдельных title.

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

Сквозная аналитика

что такое title в html. Смотреть фото что такое title в html. Смотреть картинку что такое title в html. Картинка про что такое title в html. Фото что такое title в html

Можно ли менять тайтл после индексации

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

Главные ошибки при заполнении Title

При заполнении title делают две главные ошибки:

Заключение

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

Источник

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

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