Как заполнить поле title
TITLE – это тег, содержание которого отображается в заголовке браузера. Поисковые системы часто выводят TITLE в качестве заголовка сниппета – описания сайта в результатах поиска (подробнее про формирование сниппетов). От правильного заполнения TITLE зависят позиции вашего сайта и кликабельность сниппета.
В данной статье подробно рассказано, как заполнить тег TITLE на страницах сайта. В конце статьи вы найдете примеры удачных и неудачных заголовков, а также комментарии к примерам.
Что такое тег Title и где его можно посмотреть?
Текст, содержащийся в теге Title, выводится в заголовке окна браузера (на скриншоте ниже на него ведет красная стрелка). Если вы наведете курсор мыши на заголовок окна, то во всплывающей подсказке увидите содержание тега. Оно может дублировать заголовок текста на странице, но чаще отличается от него.
Как правило, задавать содержание тега Title можно в настройках страниц в системе управления (CMS). На некоторых проектах, например, в интернет-магазинах содержание Title может генерироваться автоматически и включать в себя название рубрики, ключевые слова, параметры товаров и другую информацию.
Общие требования к заполнению тега TITLE
Как правильно заполнить тег TITLE для разных страниц?
Главная страница
Как правило, главная страница продвигается по самым конкурентным и высоко- частотным запросам. Для продвижения по таким запросам крайне важны поведенческие факторы, в том числе – качество сниппета. Поэтому TITLE для главной должен быть не только оптимизированным к запросам, но и максимально привлекательным и стимулирующим перейти на ваш сайт. Рассматривается Тайтл как рекламный слоган.
Совет: составьте таблицу с Тайтлами сайтов-конкурентов из ТОП-10 и сделайте свой Тайтл таким, чтобы он выгодно отличался от тех, которые уже есть в выдаче.
Раздел или подраздел каталога
Для разделов и подразделов каталога оптимально разработать шаблон для генерации заголовков (особенно если у вас на сайте большой каталог). Как правило, шаблон TITLE включает название раздела + популярные слова в тематике (цена, фото, отзывы и т.д.). Если в разделе имеются страницы пагинации, сделайте разные заголовки на них. Например, у страниц пагинации используйте сокращенный заголовок с минимумом ключевых слов и добавляйте к нему фразы «Страница 2», «Страница 3», «Страница 4».
Важно, чтобы TITLE на страницах каталога не дублировались.
Карточки товаров
Здесь используется похожая схема: в начале тега Title выводится название товара, к которому добавляются популярные слова из запросов пользователей. Например, «цена», «акция», «купить со скидкой». В ряде тематик в TITLE имеет смысл добавлять артикул товара, его параметры (цвет), производителя, поскольку эти параметры также встречаются в запросах пользователей. Чтобы правильно заполнять тег TITLE на карточках товаров, нужно тщательно исследовать запросы пользователей и грамотно составить семантическое ядро.
Старайтесь сделать так, чтобы содержание тега TITLE на карточках товаров было максимально естественным и привлекательным для пользователей. Избегайте нагромождения ключевых слов.
Галерея
Галерея может продвигаться по запросам, включающим слова «фото», «фотографии», «картинки», «иллюстрации», «изображения», «обои для рабочего стола», «примеры работ» и множества других. Поэтому оптимизацией заголовков в галерее пренебрегать не стоит. Принципы заполнения тега TITLE такие же, как при разработке шаблонов для разделов каталога и карточек товаров. Только разделами служат альбомы, а карточками товаров – страницы с отдельными изображениями.
Информационные материалы
Информационными материалами часто делятся в социальных сетях через соответствующие кнопки. В социальных сетях TITLE используется как заголовок статьи. Поэтому заполняя Тайтл для статьи, постарайтесь избегать нагромождения ключевых слов. Старайтесь сделать TITLE статьи максимально естественным. Вы получите больше переходов из поисковых систем и сможете увеличить приток посетителей из социальных сетей.
Примеры хороших и неправильных TITLE
Примеры хороших TITLE:
В данных примерах ключевые слова аккуратно вписаны в тег TITLE. Имеются слова, привлекающие внимание (низкие цены, бесплатно).
Примеры плохих TITLE:
В данных примерах ключевые фразы даны простым перечислением. Одинаковые слова могут встречаться несколько раз. Нарушаются правила русского языка (например, нет запятых между словами при перечислении). Говорить о том, что такие TITLE выглядят естественно – не приходится.
Полезные статьи по теме:
5 Ответов
Мне нравится совет о том, что имеет смысл анализировать тайтлы конкурентов и делать свой тайтл лучше. Я сам так делаю)) и не только что касается тайтлов, я и заимствую идеи интересного контента и ключевики у конкурентов парсю (через Продвигатор и др). действительно, конкуренты могут многое дать. У меня к вам только одно возраженьице на счет слов в тайтлах, привлекающие внимание. Разве правильно использовать слова типа «дешево», «низкие цены», «успейте купить»? я слышал, что такие рекламные слоганы, которые не несут под собой четкого смысла, сегодня уже малоэффнетивны. Они только отталкивают потребителей своей чрезмерной рекламностью) что вы думаете на этот счет?
Игорь, многое зависит от сайта, продукта, ситуации. Например, по слову «дешево». Если множество запросов в тематике включают это слово и продвигаемый сайт делает акцент на низких ценах — может иметь смысл использовать слово «дешево» в TITLE. Аналогично с низкими ценами — вряд ли потребитель откажется что-то купить по низкой цене.
Я правильно поняла, примеры плохих Title похожи на перечисление ключевых слов? а Тайтл сам должен быть законченным предложением? Спасибо, полезно!
Тоже как то задавался вопросом как у Игоря, частично согласен с ответом Сергея. Такие слова как «дешево» и «низкая цена» подойдут для, например, покупки продукции хорошего производителя, но при этом будет странно выглядеть запрос «купить лимузин класс люкс по низкой цене».
Аня, он не обязательно должен быть предложением. Title должен описывать содержание страницы кратко, сжато и при этом содержать нужные ключевые слова. Но просто перечислять ключи в заголовке — это плохое решение. Поисковые системы могут негативно к этому отнестись.
Мета-теги title, description, keywords для продвижения вашего сайта
Мета-теги, метатеги, meta tags (редко еще сео-теги) — все это одно и тоже понятие в продвижении сайтов в поисковых системах. В двух словах — это специальные теги (элементы) HTML (или XMTL), которые входят в код страниц сайтов и не видны пользователю визуально на странице. Это вспомогательные элементы для продвижения, которые специально вводят в код для передачи информацию о сайте браузерами и поисковым системам.
Введение
Правильное заполнение мета тегов на сайте очень важно для сео продвижения любого сайта. При разработке сайта мета теги нужно учитывать сразу: чтобы они выводились на каждой странице в код, были везде заполнены, а так же чтобы имелась возможность правки мета-тегов на каждой странице в любой момент. Правильное заполнение метатегов особенно способствует продвижению НЧ запросов. Одним из основных правил заполнения сео тегов — это их уникальность на сайте: не должно быть дублирования значений мета тегов ни на одной странице сайта. Отсутствие основных мета тегов на странице негативно отражается на продвижении.
Эти теги не являются обязательными элементами при создании кода страниц сайта и не отражаются на его работоспособности. Наличие мета-тегов на странице — это важный критерий seo продвижения сайта.
Основные мета теги страниц и где они должны размещаться
Метатеги, которые существуют (хотя их чуть больше) и о которых мы будем рассказывать в этой статье:
Где обычно эти теги размещаются в коде страницы? Внутри контейнера в самом начале кода страницы. Их может быть несколько разных по своим назначениям. Метатеги должны размещаться на всех страницах сайта и должны быть правильно и корректно заполнены.
Мета-теги в коде страницы сайта
Как добавить мета-теги на сайте
Добавлять мета теги в шаблоны должны программисты/разработчики сайта. А вот прописывать значения мета должны уже сео-специалисты. Добавлять мета теги в шаблоны должны программисты/разработчики сайта. А прописывать значения мета удобнее непосредственно сео-специалисту — для этого должен быть предусмотрен функционал в системе администрирования сайта. Заполнять значения тегов можно руками для каждой страницы отдельно, либо с помощью автоматических правил по сайту.
Как проверить, есть ли мета-теги на сайте
Проверить, есть ли на странице мета теги, можно открыв код страницы. Сделать это можно несколькими способами:
И уже здесь вы можете найти все имеющиеся мета теги в разделе head.
Мета тег title (тайтл, заголовок страницы)
Понятие и синтаксис
Тег title является одним из самых важных при оптимизации. Титл — это заголовок страницы, ее название. Поэтому он должен присутствовать на всех страницах сайта. Страницы без тайтлов на сайте выглядят в сниппете так:
Страница без title в выдаче
Т.е в заголовок отдается сам урл страницы (урл — это адрес страницы).
Сниппет — это небольшой текстовый блок, который описывает страницу сайта в поисковой выдаче. Благодаря сниппету пользователь может получить представление о сайте, не заходя на него.
Так выглядят снипепеты в выдаче Яндекса
Соответственно, title должен присутствовать на всех страницах сайта. Он способствует улучшению оптимизации по запросам в поисковой выдачи.
Так выглядит title в коде
Существуют общепринятые правила для заполнения title. Но назвать эти правила «правилами» можно только условно. Рассмотрим основные моменты, на что в первую очередь стоит обращать внимание при составлении мета title:
12 основных правил составления заголовков Title
В поисковой выдаче title мы видим тут:
Так выглядит title в выдаче
Часто именно по этому заголовку пользователи решают, перейти на сайт или нет. Вот почему содержание тайтла страниц очень важно: оно должно быть по теме, содержательным и информативным, чтобы привлекать внимание.
Как правильно заполнять title:
Нужно понимать, что всегда есть исключения из правил: иногда в топ попадают страницы, где присутствую элементы, про которые мы говорим «нельзя», «воздержитесь», например:
Мета-теги
Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП. Зачастую под SEO-тегами подразумеваются Title, Description и Keywords. Однако тегов намного больше. И в этой статье мы постараемся охватить этот вопрос максимально полно.
Содержание
Что такое мета-теги
К тегам мета относятся:
Подробнее можно прочитать в справке по HTML или Википедии.
На хабрахабр приводится такое определение: meta-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для браузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей.
Мета-теги (англ. meta tags, досл. служебные ярлыки) — это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. К таким словам (тегам) относятся теги Title, Description, Hx, Robots, Canonical.
Правильные SEO мета-теги для Яндекса и Google
Рассмотрим, как правильно написать мета-теги для сайта, как их добавить и разместить в коде. Нас будет интересовать:
Следует отметить, что в большинстве CMS (систем администрирования сайта), есть специальные поля для заполнения мета-тегов, и вам не нужно прописывать их непосредственно в HTML-коде. От вас потребуется только вписать содержание тега (Title, Description, Keywords, H1, Canonical) или выбрать подходящее значение (Index/NoIndex, Follow/NoFollow). Однако следует проверять, корректно ли размещаются теги: 1) в правильных местах, 2) правильный синтаксис, 3) значения в тегах соответствуют вашим настройкам. Причем следует проверить не только на главной странице, но и на различных внутренних страницах. Например, у нас сайт интернет-магазин. В этом случае обязательно нужно проверить, корректно ли размещаются мета-теги на главной странице, внутренних информационных, страницах категорий и товаров, поскольку веб-документы каждого из этих типов могут формироваться по своему отдельному шаблону.
Теперь подробнее о каждом из тегов.
Мета-тег Title
Это самый главный тег, который больше других влияет на продвижение сайта по ключевым словам. В большинстве случаев именно этот текст используется в заголовке сниппета, как показано в примере ниже. (Но не всегда, в заголовок так же может быть выведено содержание тега H1 или даже H2, H3).
Синтаксис
Тег должен находиться внутри контейнера … в любом месте.
Требования SEO
Примеры правильного заполнения тегов
Ошибки и неудачные примеры мета-тегов
Мета-тег Description
Так же один из важных тегов для продвижения страницы по ключевым словам. Описание может использоваться в сниппете.
Однако текст в сниппет может быть подставлен и из контентной части страницы, если поисковик решит, что это предпочтительнее. При этом, независимо от того, выводится в сниппет описание из тега description или из текста, то, как составлен метатег описания, оказывает влияние на ранжирование страницы в поиске.
Пример, когда description в мета и в сниппете отличаются: 
Синтаксис
Тег должен находиться внутри контейнера … в любом месте.
Требования SEO
Примеры правильного заполнения тегов (полужирным выделены ключевые слова)
Ошибки и неудачные примеры мета-тегов
Мета-тег H1
Еще один очень важный тег. В нем лучше всего размещать главный, максимально частотный запрос, по которому продвигается данная страница. Заголовок страницы чаще всего должен содержать 1-3 слова. Исключение — страницы статей, товаров, проектов и т.п. То есть страницы, продвигаемые под более специфические, менее частотные запросы.
Синтаксис
Все о Title и Description – как написать, как заполнять…
Сегодня поговорим о метаданных для SEO: а именно тегах Title и Description. Никакой воды! Все что вы хотели знать об этих метатегах за 5 минут.
Что такое Тайтл и Дескрипшн и почему они так важны для продвижения сайта
Что такое сниппет в SEO?
Это блок (фрагмент) с информацией, который формируется в результатах поиска на основании данных, которые роботы Гугл или Яндекс получают от сайта. Состоит из: Title, Description, URL, а также расширенные данные: дата, быстрые ссылки, цены, рейтинг и многое другое.
Пример, как выглядит наш сайт в поисковой выдаче:
Пример метатегов Title и Description в коде страницы:
Как правильно написать Title и Description:
Начнем с Title
В Тайтл обязательно должно быть основное ключевое слово. Это важно, как для пользователей, так и для поисковых систем, будь то Google или Яндекс.
Тайтл должен быть максимально привлекательным для пользователей. Т.е. на него должны кликать чаще, чем на другие результаты выдачи. CTR (клики/показы) вашего сниппета – это один из факторов ранжирования поисковых систем.
Title должен быть уникальным для каждой страницы вашего сайта.
Как создать Тайтл с высоким CTR:
Пример идеального title для статьи:
Теперь о Description
Если Тайтл действительно важен, то вот Дескрипшн немного отходит на второй план. На это есть две причины:
Тем не менее отсутствие этого мета тега поисковые системы признают ошибкой, а значит он должен быть заполнен и должен отличаться от Title.
Как написать эффективный Description:
Пример хорошего метатега Description (думаю, понятно какой из них):
О длине Title и Description
На момент написания статьи рекомендуемые ограничения по количеству символов для Яндекс и Гугл такие:
Стоит ли придерживаться этих рекомендаций?
Постарайтесь, чтобы в 90 символов Тайтла уместились основной ключ и самая важная информация.
Что касается дескрипшена, то я часто пишу в 1.5-2 раза больше символов.
Примеры создания Title и Description
Пример на сайте услуг
Description: Купить прямой или угловой шкаф-купе в 👦👧детскую комнату под ключ по самой ⭐низкой цене в Минске! ✅Рассрочка 0% от 3 до 6 месяцев от компании. ✅Безусловная гарантия 3 года на шкафы-купе.
Пример в интернет-магазине
Description: Бескаркасная мягкая мебель со скидкой и 🚚 доставкой по всей Беларуси. ✅Самый большой выбор расцветок форм и размеров в Минске! 🎁 Скидки до 60% на акционные кресла-мешки. ✅Всегда в наличии! ✅Можно в аренду!
Пример в информационной статье
Description: Продвижение статей и оптимизация текста под поисковые системы: ⭐правила оформления, ⭐как использовать мета-теги, ⭐4 фишки для супер-эффективного продвижения в Google и Яндекс.
Автоматизация создания метатегов Title и Description в популярных CMS WordPress и OpenCart
Если для небольшого блога вполне удобно прописывать Title и Description вручную к каждой странице, то вот в интернет-магазине на 1000 товаров это будет крайне затруднительно.
Как поступать в случае большого количества страниц на сайте?
Использовать специальные плагины, которые позволяют формировать уникальные мета-данные через шаблоны и переменные.
К примеру в интернет-магазине, как правило, используются следующие переменные: название товара, цена, город, название категории и многое другое.
Все переменные заполняются отдельно в каждом товаре, а нам остается только создать шаблон, по которому будет сформирован уникальный Тайтл или Description.
Пример: «Купить [название товара] в [город] по честной цене»
Таким образом, мы можем сформировать метатеги сразу для всех страниц товаров, категорий, страниц услуг и так далее. А главное, мы можем быстро их изменить в будущем.
#9.1 – Как правильно прописать мета-тег Title?
Привет! Каждый SEO-специалист сталкивается с составлением правильных мета-тегов для сайтов. Основными тегами являются: meta Title и meta Description и того, насколько правильно вы их заполните будет зависеть ранжирование статьи или посадочной страницы, которую вы продвигаете.
В данной статье я рассмотрю только тег Title и то, как его составлять и прописывать для информационного сайта и для интернет-магазина в современных реалиях, а именно в 2021 году.
Общая информация
Мета-тег Title –это заголовок страницы, который выводится в поисковой выдаче Яндекса или Google.
Стоит отметить, далеко не факт, что заполненный в соответствующем поле мета-тег будет отображаться в SERP, т.к. поисковые системы по своему усмотрению решают, как формировать сниппет по тому или иному запросу. Особенно это касается Яндекса, потому что он гораздо чаще Гугла «забивает» на мета-теги (это касается и дескрипшена) и выводит вместо аккуратно и тщательно продуманного и составленного Title, например, подзаголовки H2. Об этом я писал отдельную статью, рекомендую ознакомиться.
Тем не менее, необходимо уметь составлять правильный Тайтл, чтобы страница хорошо ранжировалась в поисковиках, даже если они в итоге его игнорируют и выводят другую строчку в выдаче!
Нужно различать Title для коммерческих и информационных сайтов, т.к. они формируются немного по-разному.
Также нужно отличать тег Тайтл для Главной страницы, потому что его составление несколько отличается от составления мета заголовка для статей, посадочных страниц или рубрик.
Старайтесь писать Тайтл максимально естественным языком, соблюдая по возможности правила русского языка, не спамьте ключами и не используйте неестественные конструкции типа «Пластиковые окна купить москва недорого доставка». Такой тег с большой вероятностью будет признан ПС переоптимизированным и документ будет плохо ранжироваться в выдаче.
Избегайте в качестве разделителей слэши или вертикальные линии: / или |. Используйте двоеточие, дефисы и запятые.
Иногда в конце Тайтла можно добавлять бренд, но я не рекомендую этого делать, т.к. каждое слово в метатеге должно быть тщательно подобрано, ничего лишнего не должно быть, чтобы не разбавлять и тем самым не уменьшать вес ключевых запросов.
Для карточек товаров используем низкочастотные фразы, для рубрик – среднечастотные, для Главной – высокочастотные.
Оптимальный размер Title в 2021 году
У Яндекса и Google есть свои требования по длине данного мета-тега. Яндекс рекомендует не превышать 80 символов, Гугл – 70 символов. Однако, по своему личному опыту, можно делать Тайтлы гораздо длиннее вплоть до 100-120 символов. И такие документы отлично ранжируются в поисковиках.
Как заполнить Тайтл на Вордпрессе с Yoast SEO?
Для владельцев сайтов на CMS WordPress существует отличный плагин для сео-оптимизации Yoast SEO, который позволяет заполнять все необходимые мета-теги, при этом оценивая их правильность (но на самом деле я особо не обращал бы внимание на оценку, которую ставит Yoast статье).
Я писал отдельную статью по данному SEO-плагину, она немного устарела, но разобраться с настройкой всё-таки можно.
Yoast позволяет легко заполнить необходимые поля для мета-тегов:
Так что если у вас движок Вордпресс можете выдохнуть, у вас задача по мета-тегам упрощается многократно.
Инфографика
Специально для упрощения восприятия информации, которая будет изложена ниже я подготовил для вас инфографику по составлению Тайтла:
Если плохо отображается скачать полную версию можно здесь.
Title для интернет-магазина или сайта услуг
Итак, давайте начнём с составления Title для коммерческого сайта, будь это интернет-магазин или сайт услуг.
Карточки товаров или посадочные страницы
В Тайтле коммерческого проекта должны присутствовать:
Для тех кто не знает, что такое «хвост» и откуда он берётся, нужно прочитать статью по ссылке.
Вот пример формулы, по которой необходимо составлять тег Title для интернет-магазина платьев:
Купить вечернее платье на свадьбу по низкой цене в Москве с доставкой
Т.о.формула в 90% случаев будет выглядеть так:
%Коммерческая фраза% %основной ключ%: %хвост% %коммерческая фраза% %гео-привязка%
Ну и как я писал выше, в конце можно добавить бренд, но это по вашему желанию, я не рекомендую.
Главная страница коммерческого сайта
В отличие от мета-тегов для рубрик или посадочных страниц для Главной мы используем максимально высокочастотный и маржинальный ключ, при этом он должен быть общим для всего сайта.
Т.е. если у вас интернет-магазин платьев, то главная будет затачиваться под запрос «купить платье», а значит Title для главной будет содержать этот запрос + гео-привязку + бренд (вот для Главной бренд добавлять нужно).
Т.о. формула Тайтла трансформируется в:
%Коммерческая фраза% %основной ключ%: %коммерческая фраза% %гео-привязка% %бренд%
Тайтл для информационного сайта
Для информационных сайтов заполнять Title проще, т.к. не будет коммерческих фраз и гео-привязок. От бренда настоятельно рекомендую отказаться.
Статьи
Пример формулы Тайтла для статьи инфосайта:
%Основное ключевое слово%: %хвост%, %хвост%, %хвост%
Количество хвостов будет зависеть от количества фраз в семантическом ядре собранном для конкретной статьи. Хвосты также необходимо прописывать в читабельной форме, в максимально естественном виде, чтобы конечный Тайтл создавал впечатление полноценного единого предложения и не был корявым на слух (ну если только самую малость 🙂 )
Главная страница информационного сайта
Главная инфосайта может продвигаться как по основному ВЧ-запросу, так и просто содержать основные ключевые фразы сайта с вхождением бренда. Проблема составления Title для главной страницы информационного сайта состоит в том, что сайт может быть на широкую тематику и выбрать какое-то одно основное ключевое слово не представляется возможным.
Для своих статейников мы не используем главную как продвигаемую под какой-то определённый запрос, на главную попадают только по брендовым запросам. Т.е. у нас конструкция Тайтла Главной примерно такая:
%Бренд%: %основной ключ%, %основной ключ%, %основной ключ%
Количество основных ключей зависит от обширности темы сайта.
Как посмотреть Title и Description чужого сайта?
И напоследок, если у кого-то есть вопрос, как посмотреть чужие мета-теги Тайтл и Дескрипшн, то для этого есть несколько вариантов:
Далее пользуемся Поиском по странице и ищем по ключам Title и Description:
Т.е. в html-коде Title выглядит как:
Про метатег Тайтл в телеграм-канале @vysokoffru
( UPD 01.2021 ) Также рекомендую ознакомиться с постами из моего телеграм-канала по поводу Тайтлов:
Итого
Надеюсь, мне удалось научить вас заполнять правильные Title в статьях на информационных сайтах или в карточках товаров в интернет-магазинах. Если же у вас остались вопросы, то с радостью отвечу на них в комментариях.
