Тег Title от А до Я: инструкция для начинающих SEO-специалистов

Казалось бы, ну какой смысл писать статью про то, как заполнять title в наши дни? Их же писано-переписано… Но это только на первый взгляд. Когда у меня возникает задача научить кого-то составлять его правильно, мне нужно дать новичку 5-8 статей, а потом еще объяснять, что в них правильно, а чего делать не нужно.

Почему 5-8, а не одну? Да потому что пишут, кому как нравится. Одни вообще не читали рекомендации Google и противоречат ему в некоторых моментах. Другие пишут хорошо, но раскрыта только часть темы. Третьи сосредоточены на кликабельности, но упускают работу с ключами.

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

Что такое тег Title

Во многих статьях можно встретить мнение, что вы уже должны это знать. Или формулировки вида:

Тег Title – это заголовок html-документа…

Тег Title – это элемент HTML разметки, указывающий…

HTML-элемент заголовка (<title>) определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы.

Которые хоть и правильные, но иногда только добавляют вопросов, а не уменьшают их. Попробую объяснить максимально просто.

Вы и поисковая система видите сайты по-разному. Возьмем главную страницу нашего сайта: https://prosuver.ua/ru/. Вы видите ее в виде привычной страницы в браузере. А поисковая система видит все в виде кода:

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

Для чего он нужен

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

Если все максимально упрощать, тогда именно так делает поисковая система. Когда кто-то вбивает в поисковую строку любой запрос – ПС анализирует все существующие документы и выбирает те из них, у которых заголовки наиболее полно соответствуют этому запросу.

В SEO

Отсюда первая и самая важная функция title в SEO – помочь поисковой системе «понять», что это за документ. Какая информация или товары представлены на нем. И чем лучше мы сможем это «объяснить», тем выше будет позиция на странице поисковой выдачи.

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

При формировании заголовков в результатах поиска

Часто можно встретить заявления о том, что title – это то, что мы видим на страницах результатов поиска:

Но это не совсем так. Да, данный заголовок действительно может быть сформирован из тайтл. Здесь стоит заметить, что может, а не должен. На самом деле вариантов его формирования много:

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

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

Например, пользователь вбивает в поисковую строку «мета тег title что это». Если у вас есть соответствующая страница, с названием: «Мета-тег Title: что это такое и как его написать», то и заголовок на странице результатов поиска будет сформирован из него.

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

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

Зачем вообще влиять на формирование заголовка на странице результатов поиска? Все просто – чем более полно заголовок будет соответствовать запросу пользователя и чем интереснее он будет выглядеть, тем больше шансов, что пользователь перейдет именно на ваш сайт, а не к конкурентам. Причем ваша позиция может быть 3-4-5, но заголовок, привлекающий внимание, может собирать больше кликов, чем сайты, стоящие выше, но с неудачными заголовками. А это напрямую влияет на ваши продажи.

Можно еще говорить про название вкладок в браузере и использование title при репостах в социальные сети. Но это уже не настолько важно на данном этапе.

Как его посмотреть

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

Вариант 1

Наведите курсор на вкладку в браузере с открытой страницей любого сайта, и вы увидите title этой страницы:

Вариант 2

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

Windows – Google Chrome:

• Комбинация клавиш: Ctrl + U
• Нажать правой кнопкой в любом месте страницы и выбрать: Просмотр кода страницы

MacOS – Google Chrome:

• Комбинация клавиш: Option + Command + U
• Меню браузера: Посмотреть – Разработчикам – Просмотр исходного кода

MacOS – Safari:

• Комбинация клавиш: Option + Command + U
• Меню браузера: Разработка – Показать программный код страницы

Затем нажимаете Ctrl + F и ищете «title». В начале статьи уже есть скриншот исходного кода с выделенным тайтл. Что-то похожее должны увидеть и вы.

Вариант 3

Нужно установить расширение для Google Chrome – SEO META in 1 CLICK. Это уже решение для работы, а не просто посмотреть что-то один раз. Открываете страницу, для которой нужно посмотреть title, нажимаете на значок расширения в браузере и видите:

Быстро, удобно, информативно.

Title и H1

H1 – это заголовок страницы (например, статьи в блоге или название товара/раздела в интернет-магазине). Но только, если title ориентирован больше на поисковую систему, то h1 – на посетителя. Первый виден в коде или в названии вкладки в браузере, а второй находится на самой странице и виден всем посетителям.

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

Давайте посмотрим на конкретном примере:

Посмотрите на скриншот выше и скажите, реально ли сделать их одинаковыми? Если title поставить на место h1 – разве это будет нормально восприниматься посетителями? Нет. А если текст в h1 использовать для title – будет ли сайт нормально ранжироваться? Тоже нет.

Поэтому не нужно каких-то сложных рассуждений. Просто примем за правило – они должны быть разными.

Какой должна быть длина

Посмотрим, что пишет на этот счет Центр Google Поиска. А пишет он, что для правильной интерпретации данных длина тега title должна быть в пределах 1-150 символов. Обратите внимание, пробел – это тоже символ. Соответственно, максимальная длина title – 150 символов с пробелами.

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

Видимо это ограничение и является для многих проблемой. Что только не пишут – длина тайтла должна быть 60-70 знаков, до 60, до 90, 70-80, 55-60… Вариантов в избытке.

А теперь процитирую рекомендацию из Центра Google Поиска:

«Используйте все 150 символов. Чем полнее вы охарактеризуете товар, тем больше шансов, что название будет чаще совпадать с пользовательскими запросами.»

То есть, Google говорит – у вас есть 150 символов, используйте их по максимуму. А SEO-оптимизаторы в ответ – нужно не больше 60, ведь больше не помещается на странице поиска. Вот и получается, что сравниваем теплое с мягким.

Как же быть? Начнем с того, что за ранжирование сайтов отвечает Google, а не авторы статей с подобными рекомендациями. Поэтому за базу берем справку Google и смело пишем тайтлы, которые не превышают 150 символов. Но только в том случае, когда это действительно необходимо. Например, слишком длинное название товара или услуги, плюс город, плюс уточняющая информация. И ни в коем случае не начинаем «удлинять» заголовки, которые этого не требуют.

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

Но давайте еще раз – да, до 150 символов писать можно. Но не нужно к этому стремиться специально. Потому что тот же Google в другом разделе пишет:

«…избегайте чрезмерно длинного текста в элементах <title>. Хотя длина элемента <title> не ограничена, ссылка-заголовок в результатах поиска Google обрезается под ширину экрана устройства.»

Таким образом оптимальная длина title начинается примерно от 40-50 знаков (видимую часть лучше использовать по максимуму) и заканчивается 150. Но чаще это диапазон в пределах 50-100 символов.

Подведем итог:

• максимальная длина – 150 символов;
• минимальная – нет;
• длина, которая помещается на страницу выдачи – порядка 60 символов;
• рекомендуемая – 50-100.

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

Как правильно написать Title

Чтобы правильно составить тайтл, вам понадобиться: url адрес страницы, список ключевых слов для нее, желательно Google Chrome с установленным SEO META in 1 CLICK, для анализа конкурентов. А дальше все просто, если знать хотя бы основные рекомендации, о которых и поговорим.

Уникальность

Тег title должен быть уникальным для каждой страницы вашего сайта. Что это значит? Давайте разделим уникальность на внешнюю и внутреннюю. Потому что уникальность некоторые трактуют весьма своеобразно.

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

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

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

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

А теперь пару слов о внешней уникальности. Проблема такая – ставим задачу новичку прописать title. Он берет ключевые слова, смотрит ТОП-10, находит хороший вариант заголовка и копирует его, меняя в лучшем случае 2-3 слова, а в худшем просто название сайта.

Это тоже работает плохо. У вас есть свои ключевые слова, которые могут не совпадать с ключевыми словами конкурента, даже несмотря на то, что вы в одной выдаче. У вас свои особенности сайта, свои цены, условия доставки, ассортимент. И главное – копируя чужое, вы копируете не только положительное, но и чужие ошибки. Возможно, сайт конкурента завтра попадет под фильтр, хотя еще вчера был на первой позиции. Вы собираетесь туда же? Делайте свое, а не копируйте чужое.

Релевантность контенту страницы

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

Неправильные:

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

Ключевые слова

Можно сказать, что это самая важная часть. Именно от того, как вы сможете «обыграть» ключевые слова, во многом зависит позиция в поиске. Поэтому прежде, чем писать title, вы должны собрать (или получить от заказчика) список ключевых слов. Выглядит это примерно так:

А дальше, как и рекомендует Google – чем более подробным будем описание, тем по большему количеству запросов сайт будет показан в поиске. Но это не значит, что нужно все эти фразы запихнуть в тайтл. Это будет худшее ваше решение.

Прежде чем что-то писать, нужно выделить главное ключевое слово. Обычно это фраза, которая имеет наибольшую частотность. Есть исключения, но пока не будем усложнять. В данном случае «тег title».

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

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

Пример для данной группы ключевых слов:

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

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

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

В идеале, вы должны подмечать какие-то закономерности, общие моменты для большинства сайтов в ТОПе. Ведь именно с ними вы будете конкурировать. И пока вы только готовитесь к этому, они уже находятся там. Если поисковая система считает их наиболее «достойными», значит они делают правильные шаги для этого. Вот и попытайтесь понять, есть ли у них что-то общее. Если есть – применяйте и у себя.

Использование бренда

Нужно ли использовать название сайта или бренда в title и как это делать правильно? Этот вопрос просто не может не появится. Вы будете видеть это у конкурентов, читать в рекомендациях Google, слышать от SEO-специалистов.

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

Когда бренд можно ставить в начало

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

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

В данном примере «интернет-магазин обуви» – это не просто название, это ключевая фраза, по которой сайт может продвигаться.

Если ставите название сайта в начало, тогда лучше использовать в качестве разделителя двоеточие или тире.

Когда бренд можно ставить в конце

Бренд в конце тайтл можно ставить для разделов на сайте и для страниц (Контакты, О нас и подобные). Например, для страницы с контактами, можно написать так:

А можно так:

Надеюсь, не нужно объяснять, что второй лучше, как для поисковика, так и для пользователей?

Аналогично с разделами. Если раздел продвигается под большую группу запросов – тогда нужно смотреть запросы. А если их нет или почти нет, тогда вариант:

Точно проигрывает вариантам:

Если бренд ставим в конце, двоеточие не слишком уместно, лучше выбирать тире или вертикальную черту.

Когда бренд использовать не нужно

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

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

Грамотность

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

Возьмем просто пример. Вы пишете в поисковую строку: «купить цветок на компьютерный стол». И видите в выдаче заголовок:

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

Поэтому, после написания все внимательно перечитываем и правим ошибки.

Читабельность

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

Как бы банально это не звучало – пишите для людей. При этом используя ключевые слова. В этом и есть задача SEO-специалиста – совместить интересы пользователей и ПС.

Как увеличить кликабельность

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

Используйте цифры

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

Посмотрим на примере:

Заголовок с цифрами занимает более низкую позицию. Но кликов почти наверняка соберет больше. А всего-то и надо было – посчитать количество рекомендаций в статье и добавить эту информацию в title.

Используйте скобки

Скобки действительно могут привлечь внимание и увеличить кликабельность. Но не все и не всегда. Например, обычные круглые скобки, внутри которых какое-то уточнение никак не повлияют на ctr. А вот такие, могут:

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

Используйте символы

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

Чего следует избегать

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

Верхний регистр

Пытаясь выделиться среди конкурентов, некоторые владельцы сайтов пишут title в ВЕРХНЕМ РЕГИСТРЕ. Это может быть расценено как спам. И скажется на сайте отрицательно. Верхний регистр допускается в аббревиатурах стран, валют, организаций, и других общепринятых сокращениях.

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

Когда сайт продвигается по одному городу, проблем никаких – можно вписать название города. По всей стране – тоже не проблема, там вообще регион указывать не нужно. А вот, когда по нескольким городам, у некоторых владельцев таких сайтов появляется желание вписать их все в title. Так делать не нужно. Это не только не поможет, но может даже навредить. Для работы с региональностью есть другие инструменты.

Предлоги, местоимения, частицы

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

Переспам

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

Шаблоны

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

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

1. Берем одну страницу и пишем для нее title, соблюдая все рекомендации.
2. Затем делаем из него шаблон.

Пример title для товарной страницы:

А теперь попробуем сделать шаблон:

Цветом я выделил переменные части. Посмотрим их:

• iPhone 15 128GB Black (MTP03) – это название товара, краткая характеристика и артикул. Они все разные, поэтому вам ничего составлять не нужно. Просто эта часть будет меняться;
• цены – как вариант, можно сделать эту часть переменной. Варианты: цены, лучшие цены, лучшие цены на рынке;
• отзывы – варианты: отзывы, реальные отзывы, проверенные отзывы;
• интернет-магазин Название магазина – варианты: интернет-магазин Название магазина, Название магазина, магазин Название магазина.

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

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

На этом остановимся. Есть еще очень много моментов, которые требуют обсуждения. Но того, что написано в статье, достаточно, чтобы вы могли правильно заполнить мета-тег title и начать получать первые результаты.

И не забудьте прочесть рекомендации Google:

• По тегу Title
• По управлению заголовками в результатах поиска

Большинство SEO-специалистов этого не делают. А потом удивляются отсутствию результатов. В следующих статьях будет еще много интересного. Подписывайтесь, чтобы не пропустить их.