Поговорим сегодня о важной технической составляющей оптимизации: общении с поисковыми роботами через теги title и description. Эти теги являются метаданными, они передают роботам информацию о странице, формулируют запросы о каких-либо действиях. То есть являются необходимым каналом связи между любым сайтом и поисковыми системами.
Давайте рассмотрим, в чем сложность создания метатегов, и выясним, как правильно заполнять description, title, а также работать над наполнением сайта.
В далеком 2013 году компания Fresh IT проанализировала 177 сайтов (71 интернет-магазин, 69 сайтов компаний, 37 контент-проектов) и определила основные SEO-ошибки. Некоторые оптимизаторы повторяют технические ошибки из года в год, что негативно влияет на индексацию сайтов. Когда мы говорим про наполнение сайта, необходимо уделить особое внимание метатегам. Статистика показывает, что с этими полями работают немногие.
Тег title отвечает за релевантность страницы поисковому запросу. Если он не заполнен или нуждается в доработке, сайт занимает более низкие позиции в поиске, чем мог бы занимать.
Рис.1. Тег title
Тег description отвечает за сниппет (описание страницы в поисковой выдаче). Если он составлен неверно или не заполнен вовсе, это снижает кликабельность сайта в поисковой выдаче.
Рис.2. Тег description
Вот как мета теги title и description выглядят в поисковой выдаче:
Вот так они выглядят в коде страницы:
Разберемся подробнее с тем, как правильно заполнить title и description. Обратите внимание, что эти мета теги прописываются для каждой страницы!
Заголовок страницы title в HTML добавляется следующим образом:
<html>
<head>
<title>Здесь заголовок!</title>
</head>
<body></body>
</html>
Таким образом заголовок выглядит в браузере:
Тег title — главный носитель информации о странице для поисковых роботов. Технически он является одним из важнейших элементов для поднятия рейтинга сайта, поэтому прежде, чем заполнить поле title, надо хорошо подумать о его содержании.
Несколько основных требований, которые вы должны учесть при заполнении тега title:
Описание страницы description в HTML добавляется по-соседству с title, то есть:
<html>
<head>
<meta name=’description’ content=’Здесь описание!‘>
</head>
<body></body>
</html>
Несмотря на то, что на ранжирование метатег description никакого эффекта не оказывает, именно его видят пользователи на странице с результатами поиска. То есть от этого тега зависит кликабельность сайта и его посещаемость.
Есть один нюанс: сниппет (информация о сайте на странице с результатами поиска, формируемая из тегов title и description) в поисковых системах Яндекс и Гугл составляется по-разному.
Гугл послушно берет description длиной до 278 символов с учетом пробелов из HTML-кода страницы. Он может взять описание со страницы, если тег description по его мнению не содержит необходимую информацию о странице или чересчур оптимизирован.
Яндекс использует иную методологию. Он может среди текста страницы выбрать фрагменты, по его мнению наиболее релевантные запросу, и сделать из них описание. А может взять текст из тега description. Например:
Выше в статье мы уже показали, какое описание использует Гугл. Он взял первую половину текста из тега description.
Полная версия описания в HTML-коде страницы в теге description выглядит следующим образом: «Эффективное продвижение сайта в ТОП Яндекса и Google. Автоматизированный процесс раскрутки сайта, проверенный более чем на 400 клиентах. Специалисты компании “GUSAROV” выработают наиболее эффективную схему продвижения, модернизируют навигацию сайта и проведут ряд работ для раскрутки сайта».
Яндекс собрал описание кусками, но, благодаря хорошей работе оптимизаторов компании, взял их из тега description. Получилось информативно.
Если не уделить должного внимания созданию поля описания, то в сниппете может оказаться набор слов, не привлекающий пользователей. Чтобы так не произошло, расскажем, как правильно заполнять description:
Есть отличное расширение для браузера Google Chrome — META SEO Inspector. Приложение собирает из кода информацию о метаданных страницы: заголовке, ключевых словах, описании.
Возьмем для примера сайт seoded.ru (из рандомной выдачи) и проанализируем одну страницу с помощью этого инструмента.
META SEO Inspector хорош тем, что красным цветом предупреждает, если длина заголовка, описания превышает рекомендуемое значение. В нашем примере, поле title составляет 104 знака (норма — 65 знаков), поле description — 233 знака при норме в 170. Можно лишний раз проверить свой сайт или подсмотреть идеи метаданных у конкурентов.
В заключение, еще несколько слов про теги и их положительное влияние на оптимизацию:
Если вы хотите избежать ошибок и улучшить знания, приходите к нам на Seo-курсы. Будем рады всем!
