вернуться на основной сайт

Заполнить title и description: простые шаги оптимизации

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

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

SEO-ошибки в тегах title и description

В далеком 2013 году компания Fresh IT проанализировала 177 сайтов (71 интернет-магазин, 69 сайтов компаний, 37 контент-проектов) и определила основные SEO-ошибки. Некоторые оптимизаторы повторяют технические ошибки из года в год, что негативно влияет на индексацию сайтов. Когда мы говорим про наполнение сайта, необходимо уделить особое внимание метатегам. Статистика показывает, что с этими полями работают немногие.

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

Тег title
Рис.1. Тег title

Тег description отвечает за сниппет (описание страницы в поисковой выдаче). Если он составлен неверно или не заполнен вовсе, это снижает кликабельность сайта в поисковой выдаче.

Тег description
Рис.2. Тег description

Как избежать ошибок?

Вот как мета теги title и description выглядят в поисковой выдаче:

как мета теги title и description выглядят в поисковой выдаче

Вот так они выглядят в коде страницы:

как мета теги title и description выглядят в коде страницы

Разберемся подробнее с тем, как правильно заполнить title и description. Обратите внимание, что эти мета теги прописываются для каждой страницы!

Прописываем title

Заголовок страницы title в HTML добавляется следующим образом:

<html>
<head>
<title>Здесь заголовок!</title>
</head>
<body></body>
</html>

Таким образом заголовок выглядит в браузере:

Таким заголовок выглядит в браузере

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

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

  1. текст заголовка должен начинаться с наиболее релевантных слов, то есть важные ключевые слова следует разместить вначале;
  2. объем: до 65 символов с пробелами, иначе поисковая система его обрежет;
  3. текст должен содержать основные ключевые слова, использовать одно и то же слово 1 раз — маловато, 2 — как раз в меру;
  4. текст заголовка должен быть связный, а не содержать простое перечисление ключевых слов. Во втором случае сайт могут постигнуть санкции поисковых систем;
  5. следует избегать упоминания названия компании в заголовке, использовать только если это популярный бренд, который на слуху у пользователей;
  6. если все-таки используете название компании, поместите его в конец заголовка, начало лучше оставить для высокочастотных запросов;
  7. не следует использовать спецсимволы, а знаки препинания нужно употреблять по-минимуму;
  8. текст должен быть уникальным и не совпадать с заголовками страниц из топа выдачи, иначе поисковые системы не проранжируют вашу страницу;
  9. не ставьте точку в конце.

Прописываем description

Описание страницы description в HTML добавляется по-соседству с title, то есть:

<html>
<head>
<meta name=’description’ content=’Здесь описание!‘>
</head>
<body></body>
</html>

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

Есть один нюанс: сниппет (информация о сайте на странице с результатами поиска, формируемая из тегов title и description) в поисковых системах Яндекс и Гугл составляется по-разному.

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

Яндекс использует иную методологию. Он может среди текста страницы выбрать фрагменты, по его мнению наиболее релевантные запросу, и сделать из них описание. А может взять текст из тега description. Например:

текст из тега description

Выше в статье мы уже показали, какое описание использует Гугл. Он взял первую половину текста из тега description.

Полная версия описания в HTML-коде страницы в теге description выглядит следующим образом: «Эффективное продвижение сайта в ТОП Яндекса и Google. Автоматизированный процесс раскрутки сайта, проверенный более чем на 400 клиентах. Специалисты компании “Гусаров Групп” выработают наиболее эффективную схему продвижения, модернизируют навигацию сайта и проведут ряд работ для раскрутки сайта».

Яндекс собрал описание кусками, но, благодаря хорошей работе оптимизаторов компании, взял их из тега description. Получилось информативно.

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

  1. придумать уникальный текст, а не брать фрагмент со страницы;
  2. соблюдать объем: 150—170 знаков с учетом пробелов;
  3. оптимально использовать ключевую фразу 2 раза, один из которых в прямом вхождении;
  4. «разбавить» ключевую фразу следует синонимами и связанными словами;
  5. не тратить поле описания на перечисление ключевых слов, фразы должны быть информативными, написанными для пользователей;
  6. использовать знаки препинания можно, но в меру.

Пара полезных фишек напоследок

Есть отличное расширение для браузера Google Chrome — META SEO Inspector. Приложение собирает из кода информацию о метаданных страницы: заголовке, ключевых словах, описании.

Возьмем для примера сайт seoded.ru (из рандомной выдачи) и проанализируем одну страницу с помощью этого инструмента.

META SEO Inspector

META SEO Inspector хорош тем, что красным цветом предупреждает, если длина заголовка, описания превышает рекомендуемое значение. В нашем примере, поле title составляет 104 знака (норма — 65 знаков), поле description — 233 знака при норме в 170. Можно лишний раз проверить свой сайт или подсмотреть идеи метаданных у конкурентов.

В заключение, еще несколько слов про теги и их положительное влияние на оптимизацию:

14 queries in 0,963 seconds.