Тег | 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> выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы.
- По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди.
- Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? » < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами.
- При сохранении в разделе браузера «Избранное», адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило.
- В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.
Тег Title (тайтл) — зачем он нужен и как правильно его прописывать на странице
Тег Title – служебный тег, который содержит текстовый заголовок сайта или страницы. Именно благодаря этому тегу поисковые системы и пользователи узнают, какая информация находится на странице.
Элемент Title не является частью содержимого страницы – т.е. пользователи не видят его в основном контенте. Чаще всего с информацией из тега Title пользователь сталкивается в браузере и поисковой выдаче:
Какие задачи выполняет тег Title
- Корректно заполненный тег Title является обязательным условием успешной поисковой оптимизации сайта, т.к. информацию из него поисковик берет при формировании сниппета сайта в результатах поиска. Часто пользователь выбирает сайт, ориентируясь именно на заголовок, который отображается в сниппете. Если пользователь видит информацию, которая соответствует его поисковому запросу, он с большей вероятностью перейдет на этот сайт.
- Информация в теге Title помогает пользователю ориентироваться в открытых вкладках браузера и быстро находить нужную страницу.
- При сохранении страницы сайта в закладки браузера, ей автоматом дается название, указанное в теге Title. При корректно указанном заголовке страницы пользователь впоследствии без труда найдет необходимый ему документ.
Как корректно заполнить тег Title
Правильно оформленный тег Title понравится и поисковым системам, и пользователям. Чтобы сделать все правильно, достаточно придерживаться следующих правил:
Прежде всего, заполненный тег Title является обязательным элементом веб-страницы. Оставлять его пустым нельзя ни в коем случае.
Тег Title используется на странице только один раз в блоке HEAD.
Содержание тега Title должно быть уникальным для каждой страницы сайта.
Рекомендуемая длина текста в теге Title – от 60 до 120 символов. Но стоит не забывать, что сниппет страницы в поисковой выдаче может отображать до 70 символов (включая пробелы), и лучше уложиться в эти рамки. В общем, чем короче и понятнее, тем лучше.
Текст тега Title должен кратко и максимально понятно описывать содержимое страницы. Также не стоит забывать о его релевантности основному тексту документа.
Ключевые слова стоит размещать в начале текста тега Title – это положительно сказывается на ранжировании страницы в поиске. Также пользователь скорее кликнет на текст, соответствующий его запросу.
В тексте тега Title нельзя просто перечислять одни и те же ключевые слова (даже в разных падежах), текст не должен быть бессмысленным.
Если в тексте тега используется несколько разных ключевых слов, их оптимальное расположение будет следующим: основная ключевая фраза/слово – второстепенная ключевая фраза /слово – название бренда.
Желательно использовать схожую структуру построения и стиль для тегов Title на страницах всего сайта.
Что касается использования названия бренда в тексте тега Title, то если компания известная, его можно ставить ближе к началу текста (чтобы пользователи скорее обратили на него внимание). В остальных случаях рекомендуется использовать имя бренда ближе к концу текста.
При составлении текста для тега Title стоит думать о пользователе и о том, какой заголовок может привлечь его и заставить кликнуть на ссылку. Например, интернет-магазин может добавить в текст конкурентные преимущества, условия доставки и покупки, регион пользователя и т.д.
Что касается сниппета, название страницы из тега Title должен сочетаться с информацией в описании страницы, выступая в роли вводного текста.
Не нужно включать в текст тега Title не несущие дополнительной информации слова вроде «Добро пожаловать» и т.д.
Стоит отнестись с осторожностью к дополнительным символам, например, «=», «/», «!», «?», «*» и т.д., и по возможности их не использовать в тексте тега. Также не стоит использовать символы для украшения заголовка – они визуально перегружают текст и затрудняют его восприятие.
Существует мнение, что лучше избегать использования в title стоп-слов (и, о, или, я, к, до, не и т.д.), так как поисковые системы их всё равно игнорируют.
В заголовках страниц не следует использовать устаревшие, нераспространенные слова, которые могут ввести пользователя в заблуждение и переключить его внимание на другие сайты. Это правило не касается сайтов со специфичной информацией, где использование терминологии, в том числе и в теге Title, обязательно.
Рекомендуется использовать схожие ключевые слова в тегах Title и h2.
Тег Title – что это такое и как его правильно прописать?
Тег Title – это заголовок html-документа. Title почти всегда используется в результатах поисковых систем. На данный момент, он очень важен для классического SEO и для привлечения внимания в социальных сетях.
Основное предназначения тега Title, это точное и краткое описание содержания контента страницы.
Данный элемент имеет очень важное значение как для пользователей (когда они принимают решение перейти ли на данную страницу из результатов поисковой выдачи), так и для поисковых систем (один из важных факторов определение релевантости страницы определенным поисковым запросам).
Оптимальная структура тега titleГлавная ключевая фраза – второстепенная ключевая фраза | Название бренда
Оптимальная длина для поисковых системGoogle обычно отображает первые 50-60 символов или столько символов, сколько поместится в 512 пикселей. Если все ваши заголовки будут 55 символов, то вы можете ожидать, что около 95% страниц будут полностью отображаться.
Но, поисковые системы могут выбрать для отображение и другой текст: 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 аудит сайта
Оцените статью
Загрузка…заполнение тега с точки зрения SEO
Для чего нужен тег title
Повторимся, title — это, по сути, заголовок страницы. Он прописывается внутри контейнера <head>…</head> следующим образом: <title>текст</title>.
Непосредственно на веб-странице тайтл не отображается. Его можно увидеть, только если подвести курсор к открытой вкладке браузера.
Title на вкладке браузера
Этот мета-тег выполняет сразу несколько функций:
- Информирует о содержании страницы. Тег title позволяет получить представление о содержимом конкретной страницы. Когда пользователь открывает несколько сайтов, именно заголовки помогают ему находить среди свернутых вкладок те, которые он хочет просмотреть.
- Служит заголовком страницы, сохраненной на ПК. Интернет-страницу можно сохранить на компьютере в формате файла. В качестве заголовка для этого файла браузер автоматически выбирает мета-тег title. Пользователю не нужно тратить время на выбор и ввод названия для сохраненной страницы.
- Используется при добавлении ссылок в «Избранное»/«Закладки». В разделе «Избранное»/«Закладки» можно сохранить наиболее интересные страницы. Заголовок для каждой из них сформируется из соответствующего мета-тега title, что, опять же, избавит пользователя от лишних манипуляций с выбором и вводом названия закладки.
Тег title при сохранении страницы в закладки
-
Выполняет функцию заголовка в сниппете. Сниппет — это информационный блок, сопровождающий результат поисковой выдачи.
- ссылка на страницу;
- заголовок, почти всегда это и есть title, но в отдельных случаях поисковые системы берут заголовок не из него, об этом поговорим ниже;
- мета-описание, как правило это тег description.
Таким образом, текст тега title позволяет пользователю оценить содержимое страницы еще до того, как он кликнет по ссылке. Наличие ключевых запросов в заголовке сайта может повысить его релевантность для поисковиков. При этом важно, чтобы ключи, используемы в мета-тегах, соответствовали контенту страницы.
Пример отображения title в сниппете
Формирование заголовка сниппета не из title
Иногда поисковые системы отказываются от использования мета-тегов в сниппете. Это происходит в следующих случаях:
- Когда тег title не прописан в HTML-коде сайта;
- Когда длина заголовка превышает 60 символов;
- Когда текст тега не соответствует контенту страницы;
- Когда текст тега не соответствует тексту запроса.
В подобных ситуациях поисковики формируют заголовок сниппета из текста мета-тега h2. Иногда в качестве title используется часть текста со страницы, содержащая ключевой запрос либо его часть.
Следует отметить, что Яндекс более внимательно проверяет релевантность мета-тегов и чаще использует автоматически сгенерированный заголовок при наличии прописанного Title. Google в этом отношении более лоялен: если веб-мастер указал мета-тег, то поисковая система с высокой долей вероятности будет использовать в сниппете именно его.
Как правильно прописать title
Отметим наиболее важные моменты, на которые следует обратить внимание при создании мета-заголовка страницы.
Длина
Оптимальная длина — 50-70 символов с пробелами. Более длинный текст просто не отобразится в поисковой выдаче. Яндекс и Google учтут содержимое тега, но обрежут его при демонстрации результатов поиска. Поэтому прежде чем написать длинный заголовок, подумайте, что увидит пользователь, после того как поисковые системы «втиснут» его в свои рамки. Будет ли текст привлекательным для читателя? Останутся ли в нем необходимые ключевые запросы?
Пример обрезки заголовков в Google
Самый важный запрос — в начале заголовка
Включите в текст мета-тега основной ключ. В идеале, его нужно использовать в прямой словоформе (если она не противоречит нормам русского языка). Остальные ключи добавляются по мере возможности. Поскольку поисковые системы могут обрезать текст, основной запрос вводится в самом начале мета-тега, чтобы он точно остался в заголовке страницы. Дополнительные ключи можно видоизменять и разбавлять другими словами. При этом они не должны повторяться и снижать читабельность текста.
Основной ключ ставим в начало
Заголовок должен быть грамотным
Прошли времена, когда мета-теги можно было составлять из бессвязного перечисления ключей. Сегодня ни поисковые системы, ни пользователи не любят такие тексты. Поэтому при составлении тайтла для страницы постарайтесь сделать его грамотным и приятным для чтения. По сути, это должен быть обычный заголовок, отображающий суть материала по ссылке и содержащий необходимые ключи.
В нем не должно быть ничего лишнего
Старайтесь меньше использовать в тексте тега знаки препинания — тире, запятые, двоеточия, восклицательные и вопросительные знаки, кавычки, математические символы. Несколько разных предложений можно разделить точкой. Хотя по мнению поисковиков, эти знаки препинания не портят качество заголовка.
Не добавляйте в текст тайтла эмодзи, символы Unicode и прочие элементы «для красоты». Удалите все лишнее — повторяющиеся слова, вводные конструкции, фразы, не несущие смысловой нагрузки.
Заголовок страницы должен получиться информативным, лаконичным и, что особенно важным, привлекательным для потенциального посетителя.Не забудьте про уникальность
Мета-тег title должен отличаться от заголовка h2 и прочего контента на странице. Он также должен быть уникальным относительно других текстов в интернете. Скопировать его на сайте конкурента — однозначно плохая идея. Поисковики негативно реагируют на подобные хитрости.
В заголовке страницы можно указать название компании, регион, наименование реализуемого товара. Однако вся эта информация должна идти в конце текста, после главного ключа.
Основные ошибки при заполнении title
Яндекс и Google не одобряют следующее:
- Использование в заголовках прилагательных в сравнительной и превосходной степени: «лучший», «самый выгодный», «более экономичный».
- Несоответствие мета-тега title контенту на странице. Например, в заголовке говорится о продаже смартфонов, а в самом тексте описываются разные модели гаджетов, но нет ни слова о том, где их можно купить.
- Указание бренда в начале заголовка. Такой подход используется только для тех компаний, которые пользуются большой известностью в оффлайне.
- Перечисление целого ряда городов в одном мета-теге.
- Выделение слов и фраз при помощи разного регистра букв.
- Использование терминов и сложных для восприятия конструкций.
- Сокращение тега до 2-3 слов. В столь коротком тексте будет всего один ключ, в то время как для успешного продвижения страницы их должно быть несколько.
Все эти ошибки могут привести к тому, что поисковики посчитают ваш заголовок нерелевантным и укажут в сниппете свой автоматически сгенерированный текст. Либо ваш сайт окажется на нижних позициях поисковой выдачи, как в примере ниже.
Неудачные или незаполненные теги title в выдаче
Генерация title для интернет-магазинов
Сайт интернет-магазина может состоять из сотен, а то и тысяч однотипных страниц. И у каждой из них должны быть прописаны мета-теги. Рассказываем, как сгенерировать title для всех разделов, подразделов и карточек товаров.
Для главной страницы
Заголовок главной страницы магазина формируется из следующих составляющих:
- Продукция;
- Город/область реализации;
- Основное преимущество;
- Название компании.
Примеры заголовков для главной страницы
Категории товаров
На страницах с категориями товаров всегда прописывается слово-призыв к действию. Кроме того, в title указывается название категории, город, бренд и преимущество.
Пример тайтлов для категорий товаров
Карточки товаров
В заголовке страницы, посвященной отдельному товару, важно указать не только его название, но и способ доставки и оплаты, детали использования, характеристики, регион продажи и преимущества магазина.
Мета-теги title для карточек товаров составляются по следующему шаблону:
призыв к действию → товар → способ применения → характеристика → регион → способ доставки → способ оплаты → бренд
Очевидно, что уместить всю эту информацию в 60-75 символов не удастся. Поэтому SEO-специалисту необходимо выбрать именно те детали, которые наиболее важны с точки зрения потенциального покупателя, а все остальное написать в теге description.
Так, вы можете сделать акцент на цене (если товар продается со скидкой) либо упомянуть бесплатную доставку, либо указать на длительный гарантийный срок.
Примеры тайтлов для карточек товаров
Помните, что заголовки страниц должны быть уникальными относительно друг друга. Даже если в вашем интернет-магазине представлены товары, различающиеся только цветом, дизайном или поставщиком, мета-теги для их страниц должны быть разными.
Заполнение мета-тегов title для SEO-продвижения интернет-магазина — долгая и трудоемкая работа. Чтобы упростить этот процесс, создайте по вышеописанному алгоритму шаблоны заголовков для разных страниц и просто вставляйте в них нужные слова. Можно использовать специальные сервисы — генераторы фраз, например, prodalet.ru.
Итак, мета-тег title имеет большое значение в SEO-продвижении сайта. Для его правильного составления необходимо учитывать основные запросы и структуру сайта, а также общие требования поисковых систем.
Что такое тег Title и как его использовать| Блог Wix
Как вам наверняка уже известно, поисковая оптимизация сайта – процесс не из простых и требует немалых усилий с вашей стороны. В серии статей «Всё о SEO» мы постараемся изложить всю необходимую информацию для оптимизации вашего сайта в наиболее доступном формате.
Если вы уже знакомы с ключевыми факторами, которые влияют на ранжирование сайта в поисковиках, вам наверняка доводилось слышать словосочетание «метатег Title» или «тег заголовка». Давайте поймем, что это за тег, и как можно его использовать для повышения позиции сайта в поисковой выдаче.
Что такое метатег?
Метатеги – это текстовые описания, которые позволяют поисковикам понять тематику вашего сайта. Это ваш способ сообщить как поисковой системе, так и пользователям, нашедшим ваш сайт в поисковиках, о чем ваш сайт (и почему его обязательно стоит посетить!). При этом метатеги не отображаются на вашем сайте, а видны лишь в поисковой выдаче.
Что такое метатег «title»?
Метатег «title» — это, собственно, заголовок сайта или отдельной страницы. Заголовок сайта является самым важным фактором при ранжировании в поисковых системах, но не стоит пренебрегать заголовками страниц – они тоже помогут привлечь трафик на ваш сайт.
Правильное написание тега «title» для сайта нередко становится самой сложной частью креативного процесса при создании сайта. Даже если вы уже потратили несколько часов на выбор подходящего названия для вашей компании и соответствующего доменного имени, вам придется проделать неменьшую работу, когда дело дойдет до написания метатега «title» для поисковиков. Ведь заголовок сайта может как помочь пользователям найти вас онлайн, так и усложнить для них эту задачу.
Классическая структура тега «title» небольшой компании выглядит так:
Ключевые слова | Название компании | Адрес*
*Если у вас нет определенного адреса, это поле можно пропустить.
Вот несколько важных советов по написанию тега «title», которые помогут привлечь трафик из поисковиков (как Яндекс, так и Google):
Как правило, поисковики ограничивают количество символов, которые можно использовать в теге «title». Поэтому желательно сделать заголовок коротким, легко читаемым и хорошо заметным. Несмотря на то, что в Wix вы можете написать тег «title» из 70 знаков, мы рекомендуем ограничиться 50-55 включая пробелы.
Не забывайте, что в разных поисковиках ваш «title» будет выглядеть по-разному. Если какие-то из слов в теге заголовка совпадут с запросом пользователя, поисковик выделит эти слова. В результате размер поля «title» в выдаче увеличится, поэтому лучше всегда делать его как можно короче.
Используйте вертикальную черту как разделитель между разными категориями, описанными в поле «title», чтобы их было легче прочесть.
Помимо поисковых результатов, тег «title» отображается во вкладках браузера и в репостах в социальных сетях, поэтому старайтесь сделать его понятным и аккуратным.
Вы работаете в конкретном регионе? Тогда укажите ваш адрес в теге «title». Таким образом вы повысите процент релевантных посещений, так как пользователь сразу поймет, доступны ли ваши услуги в его городе. Плюс посетителям вашего сайта не придется разочаровываться, узнав, что понравившийся товар нельзя приобрести поблизости.
Напишите в «title» то, что будут искать ваши пользователи
Как мы уже говорили, вид тега «title» зависит от результатов поисковой выдачи Google или Яндекса. Если запрос пользователя совпадает с тем, что написано у вас в теге «title», поисковик не только покажет ваш сайт в выдаче, но и выделит соответствия в тексте. Поэтому при написании тега «title» необходимо учитывать потенциальные запросы ваших клиентов.
К счастью, в вашем распоряжении есть несколько бесплатных инструментов для подбора релеваниных ключевых слов. Воспользуйтесь Планировщиком ключевых слов Google AdWords или Подбором слов Яндекс, чтобы выяснить, какие ключевые слова используют ваши клиенты в каждом из поисковиков. Добавьте их в тег «title», чтобы сделать его более эффективным.
Например:
Допустим, вы владелец пиццерии в Воронеже. Назовем ее «Пицца Ромео». Давайте посмотрим в инструментах для подбора ключевых слов, по каким ключевым словам ищут пиццу жители Воронежа. Эти слова мы и поставим на первое место в теге «title». Благодаря этим инструментам вы быстро поймете, что вашу аудиторию главным образом интересуют условия доставки и адрес ресторана, поэтому ваш метатег «title» должен выглядеть примерно так:
Доставка пиццы | Пицца Ромео | Воронеж
А теперь подберите ключевые слова для вашего заголовка:
Войдите в ваш аккаунт в Google Adwords или Яндекс.Директ.
В Google: перейдите во вкладку Интсрументы → Планировщик ключевых слов, Яндекс: на страницу «Подбор слов».
Найдите подходящие ключевые слова.
Компаниям, работающим в конкретном регионе, нужно также выбрать регион, в котором они хотят появляться в результатах поиска.
Работаете по всему миру? Тогда вместо выбора региона вы можете задать языки поиска.
Выбрав подходящий регион и языки, нажмите «Получить варианты» или «Подобрать».
Так вы сможете найти множество новых идей для подбора ключевых слов, соответствующих вашей сфере деятельности.
Составили оптимальный тег заголовка? Отлично! Теперь добавьте его на ваш сайт. Если вы создали сайт самостоятельно на Wix, просто следуйте этой инструкции.
Подпишитесь на нашу рассылку и получите всю необходимую информацию по продвижению бизнеса в сети прямо от экспертов Wix:
#всёоSEO #дляновичков #заголовоксайта #метатеги #метатег #поисковаяоптимизация #тегзаголовка #текстдлясайта
Как Правильно Заполнять Мета Тайтл (Техника Эверест)
Я, Николай Шмичков, сделаю твой бизнес успешным.
У меня только 1 вопрос, ты готов значительно увеличить продажи?
Содержание:
- Техника Эверест — создаём кликабельный тайтл
- Как ещё улучшить Ваш title?
Чем выше позиция Вашего онлайн-ресурса, тем больше трафика Вы получите.
Редкий покупатель пойдёт дальше первой-второй страницы поисковой выдачи.
Поэтому поисковик выбирает для ТОПа сайты с максимально полезной и релевантной информацией. Как он это определяет?
Существует много параметров. Но известно, что достичь даже 10-й позиции в органической выдаче невозможно без качественного авторского контента и ссылок.
Дальше поисковик в соответствии с кликабельностью ссылок распределяет места.
Чем выше CTR, тем выгоднее позиция.
Увеличить показатель поможет правильно сформированный тег title.
Почему важно знать, как записать тайтл:
SEO-специалисты вкладывают большие бюджеты в закупку ссылок и создание авторского контента, чтобы попасть в ТОП-10.
Но занять заветные первые позиции так и не удаётся из-за низкого CTR.
Чем чаще люди кликают на сайт, тем выше он будет отображаться.
Зачем поисковику показывать сайты, на которые никто не кликает.
Чем оптимальнее Вы составите тайтл, тем выше будет позиция сайта в выдаче.
Это увеличит количество переходов и обеспечит приток трафика.
Убедиться в прямой взаимосвязи CRT с заголовком можно на примере контекстной рекламы, где от кликабельности объявления зависит цена клика и позиция показа объявления.
В органике наблюдается нечто похожее.
Итак, пример грамотного написания метатега title: с помощью Техники Эверест.
ГЛАВА 1:
Техника Эверест — создаём кликабельный тайтл
Оптимальная длина тега.Цифры, скобки, призыв к действию, трастовый домен, заглавные буквы.
Отсутствие чёрного SEO.
Рассмотрим 7 основных приёмов создания крутых метатегов title по технике Эверест.
Оптимальная длина тега. Цифры, скобки, призыв к действию, трастовый домен, заглавные буквы. Отсутствие чёрного SEO.
Рассмотрим 7 основных приёмов создания крутых метатегов title по технике Эверест.
Следите за длиной тега
Следите за тем, чтобы длина тега составляла около 50-60 символов (это 6-10 слов).
Поисковик замеряет длину тайтла в пикселах (в среднем это 600 pixel) под стандартные девайсы: ПК, ноутбуки, смартфоны, планшеты.
Не следует писать слишком длинный заголовок, иначе поисковик выборочно обрежет его, что значительно снизит CTR.
Но и чрезмерно укорачивать тоже не стоит. Важно, чтобы тайтл соответствовал тематике страницы и отражал её суть.
Как создать title для страницы?
- Формируйте тег из высокочастотных запросов.
- При необходимости расширяйте тайтл ключами из поисковых подсказок, расположенных внизу списка.
- Следите за тем, чтобы тег был индивидуальным для каждой страницы.
- Проверьте, чтобы тайтл отличался от тегов description и h2.
Рекомендуем воспользоваться утилитой для быстрого сбора ключевых слов.
Используйте цифры
Цифры — важный триггер, который позволяет увеличить количество кликов и сделать тайтл привлекательнее.
По мере возможности внедряйте номера в title.
Это может быть перечень инструментов, советов, шагов, идей, примеров.
Используйте цифры, которые максимально соответствуют тематике страницы и используемым ключам.
Пример использования цифр в заголовках:
- ТОП-10 лучших инструментов раскрутки сайта.
- 268 SEO инструментов интернет-маркетинга.
- Как увеличить продажи в 7-10 раз.
- Сокращение до 30% расходов за 1 месяц.
Если совсем нет идей, для привлечения внимания к тайтлу можно использовать текущий год.
Это особенно актуально для сфер, в которых информация быстро устаревает.
Используйте скобки
По результатам исследований компании Hubspot, наличие квадратных скобок в тайтле увеличивает количество кликов на 30-40%.
С чем связан этот феномен?
Возможно, с тем, что сами по себе квадратные скобки чем-то напоминают пользователям предварительный просмотр содержимого страницы.
Поэтому люди охотнее кликают по ссылке, так как понимают, какой контент увидят на странице.
По одной из версий популярность скобок связана с тем, что их в принципе мало кто использует в title.
Поэтому они визуально привлекают к себе внимание и позволяют выделиться.
Применяйте вопросы и призывы к действию
Хотите сделать тайтл более кликабельным?
Используйте побуждающие слова: акции, скидки, бесплатная доставка, низкие цены, дёшево и пр.
Укажите факты, которые наиболее важны для Ваших потенциальных клиентов.
Достаточно эффективно работают вопросы. Также рекомендуем применять призывы к действию (купить, смотреть, заказать, получить и т.д.).
Множество из них можно отыскать в контекстной рекламе.
Ещё один секретный лайфхак. Чтобы повысить CTR, добавьте в заголовок эмоций.
По результатам исследования BuzzSumo, эмоциональные тайтлы получают существенно больше кликов и переходов, чем сухо сформулированные фразы.
Безусловно, есть стереотипы, что в b2b-сфере должен быть выдержан строгий и деловой стиль.
Но не будем забывать, что информацию на сайтах читают люди, поэтому эмоциональные заголовки успешно работают.
Используйте трастовость домена
Этот способ актуален для крупных брендов. Но Вы также можете применять этот приём.
Включите в title наименование своего домена и протестируйте, как это повлияет на CTR.
Если Вы уверены, что Ваш домен узнаваем или схож с ключевым словом, можете смело использовать этот приём.
Пишите все слова с заглавной буквы
Ещё один приём создания крутых тайтлов — написание всех слов в предложении с заглавной буквы.
Этот метод уже давно применяется в объявлениях Яндекс Директ и Google ADS, успешно увеличивая тем самым CTR.
Казалось бы, это ошибка. Но такой способ не является противоречивым по регламентам поисковиков, поэтому Вы можете смело его использовать.
Всё ещё сомневаетесь?
Просмотрите примеры популярных сайтов. У них все слова выводятся с заглавной буквы в тайтле.
Не пользуйтесь чёрной накруткой
Накрутка различных поведенческих факторов может нанести серьёзный урон репутации Вашего сайта, и тогда о заветном ТОПе органической выдачи можно забыть.
Чтобы этого не произошло, откажитесь от использования различных сервисов по накрутке переходов.
Даже если кликбейтом занимаются не роботы, а реальные люди, поисковики умеют хорошо отслеживать это и наказывают таких «умельцев».
Людей-кликеров легко определить. Они ежедневно вводят множество запросов и переходят на сотни сайтов.
В реальности ни один человек не будет так делать.
Как избежать накрутки?
Просмотрите предложенный гайд. В нём мы пишем о видах накрутки, а также о том, как избежать от Яндекс санкций за имитирование целевого трафика.
Теперь Вы знаете 7 приёмов создания крутого тайтла.
Но не следует забывать о качестве контента на странице. Воспользуйтесь утилитой для проверки качества заголовков.
Это позволит найти, устранить слабые места и улучшить поведенческий фактор.
ГЛАВА 2:
Как ещё улучшить Ваш title?
Содержание тега.Структура. Грамотность.
Дубликаты. Фавикон.
Содержание тега. Структура. Грамотность. Дубликаты. Фавикон.
Содержание тега
Важно, чтобы title максимально детально описывал то, что ожидает пользователя на сайте.
Человек должен понимать, с чем столкнётся на странице и какое действие сможет совершить.
Например, не следует использовать в тайтле формулировки «оформить заказ», «купить» и т. д, если страница носит информационный характер — на ней представлен каталог, но нет функции оплаты.
Иначе разочарованный посетитель просто закроет сайт через 2-3 секунды, что увеличит общее число отказов и снизит поведенческие характеристики.
А это чревато снижением позиций.
Структура
Title — визитка Вашей страницы. Важно, чтобы тег был читабельным, интересным и полностью понятным для Вашего потенциального клиента.
4 правила оформления тайтла
- Нельзя перечислять подряд все высокочастотные ключевые фразы в title через запятую: каркасные дома купить, каркасные дома дёшево, каркасные дома цена киев.
- Нужно сформулировать тайтл правильно, чтобы он был представлен в виде логичного и завершённого предложения: Купить Каркасные Дома в Киеве — Цены в 2 Раза Ниже.
- Не допускайте использования несогласованных формулировок: каркасный дом недорого заказать.
- Согласовывайте все слова в тайтле: купить каркасный дома недорого.
Грамотность
Помните, что поисковики следят за качеством контента, отображаемого пользователям.
Важно, чтобы не только тексты на страницах, но и теги были прописаны безошибочно.
Поэтому уделите должное внимание грамотности:
- следите за тем, чтобы в написании слов не встречалось описок и ошибок;
- избегайте использования жаргонизмов;
- следите за количеством знаков восклицания и специальных символов;
- следите за пунктуацией, не делите содержимое тега точками;
- используйте скобки, кавычки, если это необходимо.
Дубликаты
Следите за тем, чтобы title не повторял другие теги, например, h2 или description.
В идеале они должны дополнять смысл и раскрывать значение друг друга.
Если сделать их идентичными, поисковик с большой долей вероятности покажет обрывки фраз из контекста, которые вряд ли приведут к Вам на онлайн-ресурс целевых покупателей.
Продуманные title и description справятся с этой задачей куда более эффективно.
Поэтому важно прописать индивидуальный тайтл под каждую страницу, даже если товары отличаются несколькими параметрами — только размером или цветовой гаммой.
Как избежать дубликатов:
- укажите в заголовке <h2> наименование товара;
- в title добавьте к ним самые частотные запросы.
Фавикон
Как ещё сделать сайт более заметным и повысить CTR? Добавьте фавикон.
Это значок страницы, который будет отображаться:
- в строке поисковой выдачи, перед URL;
- в виде изображения, рядом с закладкой;
- в табах и в прочих интерфейсных элементах.
В настоящее время эту функцию поддерживает только Яндекс.
В отечественных результатах выдачи Google таких изображений пока нет, хотя известно, что в прошлом году поисковик уже протестировал фавиконы в выдаче Великобритании.
Какое выбрать изображение?
То, которое имеет форму квадрата.
- Оптимальный размер — 16×16 или, к примеру, 32×32. Также можно выбрать более крупные размеры (вплоть до 192×192).
- Формат — можно применять ICO, GIF, а также PNG, JPEG, SVG.
При этом важно учесть, что файлы ICO включают в себя сразу несколько версий картинок, поэтому присутствует вероятность, что браузер ошибочно выберет фавикон с более низким разрешением для конкретного браузера.
По этой причине веб-мастера используют PNG-файлы.
Влияет ли фавикон на результаты выдачи?
Нет, использование данного изображения не сказывается на позициях ранжирования сайта и оптимизации его кода.
Поисковые системы не учитывают этот фактор при формировании органической выдачи.
Но у фавикона есть целый ряд других преимуществ:
- Визуально привлекает внимание к ресурсу. Без иконки ссылка менее заметна и сливается с остальными (особенно если нет цифры, скобок, заглавных букв).
- Способствует повышению узнаваемости бренда. Пользователь скорее запомнит Ваш сайт, если поставить лого организации в фавикон.
- Упрощает поиск ресурса в истории браузера, закладках и пр. Посетителю удобнее найти глазами знакомую картинку, чем искать нужный текст.
Какое изображение выбрать для фавикона?
Важно, чтобы картинка для фавикона прямо или косвенно была связана с деятельностью компании.
Персонификация
Если речь идёт об узнаваемом бренде, можно выбрать в качестве изображения логотип или его фрагмент, если первый содержит много деталей, слишком сложный или имеет вытянутую форму.
В том случае если подходящего лого нет, поставьте картинку или просто цветовой градиент, ассоциативно напоминающий тематику сайта.
Больше контраста
Главная задача картинки — привлечь внимание. Выделиться среди конкурентов достаточно сложно, ведь многие используют фавиконы.
Поэтому изображение должно хорошо бросаться в глаза.
Чем более контрастным и визуально привлекательным будет фавикон, тем лучше.
Иногда для привлечения внимания используют контрастную стрелку (иконку), указывающую на сайт.
Чем проще, тем лучше
Фавикон имеет маленький размер. Поэтому ошибкой будет использовать для него слишком детализированную картинку.
Такой формат никто не сможет разглядеть на страницах поисковой выдачи и в сохранённых закладках.
Используйте изображение, где будет 2-3 цвета и минимум деталей. Избегайте иконок с неоднозначным трактованием смыла.
Оригинальность в тренде
Хотите, чтобы фавикон отлично справлялся со своей задачей и привлекал взгляд к Вашему сайту?
Откажитесь от использования банальных иконок, которые применяют 90% конкурентов.
Чем более оригинальной и запоминающейся будет картинка, тем лучше.
Выводы
Для попадания в ТОП-10 поисковой выдачи Яндекс и Google важно следить за качеством контента и наличием ссылок.
Чтобы занять заветные первые позиции, нужно грамотно прописать title.
Тайтл напрямую влияет на CTR (кликабельность).
Чем чаще кликают на Ваш сайт, тем выше шансы занять ТОП-3. А количество трафика здесь заметно выше (в 7-10 раз).
Важно следить за длиной тайтла, она не должна превышать 50-60 символов (это 6-10 слов).
Для повышения кликабельности в предложении стоит использовать высокочастотные ключевики и их возможные модификации.
Усилить заголовок помогут вопросы, призывы к действию и побуждающие слова (из контекстной рекламы).
Для фиксации внимания пользователя на Вашем сайте в тайтле можно применять квадратные и круглые скобки, а также цифры.
Ещё один простой способ усилить title — написать каждое слово с большой буквы.
Откажитесь от чёрной накрутки поведенческих факторов.
При необходимости добавьте в тайтл название домена (если он хорошо известен в кругах потенциальных клиентов).
Выполнив эти простые рекомендации, Вы сможете повысить CTR и позиции сайта в органической выдаче. Желаем успехов!
Заголовок в HTML — тег TITLE — Знакомство с HTML — codebra
Дополнительное видео по теме
Что такое title?
Это неотъемлемая часть сайта, ведь это первое, что видит пользователь в поисковике и в своем браузере. Кстати, title
играет большую роль в оптимизации, а если еще в title
есть ключевик (ключевое слово, по которому находят сайт) и вдобавок если оно (ключевое слово) вначале, то поисковики, особенно Google (о других я не знаю) будут кидать сайт ближе к топу (первое место). Эту информацию я прочитал где-то то ли в блогах Google, то ли официальных представителей. По запросу в Google: «программирование», сайт с title
«программирование — это классно», будет выше чем «что такое программирование». Тег <title>
обязательно должен быть внутри контейнера <head>
. Более об этом теге вам знать и не надо, точнее больше мне нечего сказать.
Основные задачи тега title (заголовок HTML страницы)
Во-первых, по title
(заголовок страницы) пользователь получает краткие сведения о странице: о чем речь, как называется, что найдет, какой сайт и т.д. Я называю этот тег – лицо сайта. Ведь если не будет тега title
, что сделает пользователь? Закроет окно. Значит нужно обязательно указывать этот тег, и, кстати, в HTML 5 наличие тега title
обязательно! Во-вторых, почти все браузеры умеют сохранять страницу (или закладку) на локальный диск. Имя сохраняемого файла, будет совпадать с содержанием тега title
. Вот вам еще один «плюс» этого тега. В-третьих, все браузеры умеют сохранять закладки. Имя закладки совпадает с содержимым заголовка страницы. В-четвертых, во всех поисковиках, заголовок страницы отображает в поиске и поэтому, правильный заголовок может привлечь больше посетителей из поисковых систем. И последнее, правильно составленный тег title
может помочь в оптимизации страницы, если в нем есть ключевые слова, которые есть и в контенте всего сайта. А далее идет пример:
Код HTML
<!DOCTYPE html>
<html>
<head>
<title>Я страница</title>
</head>
<body>
<p>А я абзац</p>
</body>
</html>
HTML-тег заголовка
Пример
Определите заголовок для вашего HTML-документа:
Справочник по элементам HTML
Это заголовок
Это абзац.