Что такое метатеги для сайта?

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

Начнём с определения что такое метатеги?

Метатеги (англ. meta tags) — это (X)HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Как правило, указываются в заголовке тега(X)HTML-документа. Метатеги не отображаются на странице и не имеют видимого контента. В них располагается дополнительная информация для поисковых роботов, различного ПО.

В SEO, когда слышим что-то вроде “Нужно прописать метатеги на странице”, в голове сразу же всплывают метатеги Description и Keywords, ну и, само собой, Title. Какое же SEO без этого тега? Начну сразу с них.

Тег Title

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

Title должен:

1. Отображать суть страницы.
2. Ближе к началу содержать прямое вхождение наиболее конкурентного запроса.
3. Быть читабельным предложением с вхождение ключевых слов.
4. Отличаться от заголовка страницы
5. Не содержать спама.
6. Быть уникальным для каждой страницы.
7. Примерной длины — около 70 — 130 символов.

Рекомендую к прочтению: Рекомендации по формированию заголовков от Google. Для посадочных страниц, категорий, разделов рекомендую заполнять Title вручную.

Заполнять Title автоматически можно, например, для карточек товара. Для этого используют шаблоны вида:

• Title: Название карточки товара + цена + город
• Title: Название карточки товара + доставка в город + цена
• Title: Название карточки товара + характеристика + цена

Рекомендую для каждой категории разделов карточек товара использовать разные шаблоны Title.

Как делать нельзя:

1. Не используйте несогласованные фразы, например: Пластиковое окно, пластиковые окна купить — в Москве. Title должен быть читабельным.
2. Отслеживайте и исправляйте дубли Title — в Google Search Console, в разделе Оптимизация HTML видно дубли Title.
3. Не делайте Title слишком длинным. Когда вы добавляете в заголовок большое количество слов, они размывают вес основного ключевого запроса.

Метатег Description

Этот метатег может учитываться при формировании сниппета. Чаще всего Google и Яндекс формирует сниппет из текста, но вероятность включения в него метатега также есть. Description может влиять на ранжирование — незаполненный meta description может негативно отразиться на оценке сайта.

Description должен:

1. Описывать содержание страницы.
2. Быть читабельным.
3. Содержать ключевые слова (для того чтобы они отображались и подсвечивались в сниппете).
4. Составлен с использованием спецсимволов.
5. Уникальным (не нужно выбирать абзац из текста страницы).
6. Длиною около 150 — 200 символов.

Рекомендации Яндекса

Рекомендации Google

Для посадочных страниц, категорий, разделов рекомендую заполнять Description вручную.

Автоматически заполнять Description можно, например, для карточек товара. Для этого используйте шаблоны вида:

• Description: В нашем интернет-магазине + “название магазина” + доступные цены от + “цена” + на + “название карточки товара” + с доставкой по + “город”.
• Description: “Название карточки товара” + по доступной цене + “цена” + от интернет-магазина + “название магазина” + с доставкой по + “город”.

Рекомендую для каждой категории разделов карточек товара использовать разные шаблоны Description.

Как делать нельзя:

1. Не делайте слишком короткие Description — в Google Search Console, в разделе Оптимизация HTML видно короткие метаописания.
2. Там же отслеживайте и исправляйте дубли Description (они должны быть уникальны).

3. Не пишите несогласованные фразы — метатег должен быть читабельным.Не используйте перечисления.

Метатег Keywords

Этот метатег не влияет на ранжирование, но, поскольку Яндекс пишет, что meta keywords может учитываться — рекомендую заполнять его, добавляя 3–5 релевантных контенту фраз, разделённых между собой запятыми.

Представитель Google в своём блоге заявил, что поисковик не учитывает в результатах ранжирования метатег Keywords

Рассмотрим, какие метатеги ещё бывают

Метатегов много. Я рассмотрю те, которые мне показались самыми интересными. Можно выделить две группы метатегов: name и http-equiv.

Группа name

Эта группа метатегов даёт общую информацию о странице.

Метатег robots — с помощью него мы можем сообщить поисковому роботу, что делать на странице.

Имеет значения:

• index — индексировать страницу;
• noindex — не индексировать страницу;
• follow — следовать по ссылкам на странице;
• nofollow — не следовать по ссылкам на странице;
• all — использует атрибуты index + follow;
• none — использует атрибуты noindex + nofollow.

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

<meta name="robots" content="noindex,follow" />

нужно запретить страницу к индексации с запретом на переход по ссылкам:

<meta name="robots" content="noindex,nofollow" />

или

<meta name="robots" content="none" />

Метатег document-state — может учитываться при индексации страницы поисковым роботом (сейчас имеет слабое влияние).

Имеет значения:

• static — говорит о том, что страница статична и практически не меняется;
• dynamic — если страница динамическая и на ней часто происходят изменения, используется по умолчанию.

Пример использования:

<meta name="document-state" content="Dynamic" />

Метатег revisit — указывает поисковому роботу через сколько дней ему вернуться и переиндексировать страницу (сейчас имеет слабое влияние).

Пример использования:

<meta name="revisit" content="14" />

— говорит о том, что мы хотим чтобы документ был заново проиндексирован через 14 дней:

Метатег viewport — используется при настройке области просмотра. Особенно актуален для мобильной версии сайта: позволяет веб-разработчикам контролировать размер окна на мобильном телефоне. По нему Яндекс и Google оценивают мобильную версию сайта.

Имеет значения:

• width — указывает ширину окна в пикселях. Если поставить device-width — будет значить, что ширина задана по ширине устройства;
• height — указывает высоту окна в пикселях. Если поставить device-height — будет значить, что высота задана по высоте устройства;
• initial-scale — задаёт масштаб экрана. Значение 1 — не масштабировать;
• maximum-scale — определяет максимальный масштаб vievport;
• minimem-scale — определяет минимальный масштаб vievport;
• user-scalable — определяет, может ли пользователь масштабировать размер окна.

Примеры использования:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

— область просмотра по ширине устройства нормального масштаба.

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0">

— область просмотра по ширине и высоте. Масштаб нормальный, масштабировать выше обычного масштаба нельзя.

Метатег author — указывает имя автора страницы (сейчас имеет слабое влияние).

Имеет атрибут:

lang — указывает язык данных.

Пример использования:

<meta name="author" lang="ru" content="Андрей Дегтярёв" />

Метатег copyright — используется для определения авторского права (сейчас имеет слабое влияние). Также как и author, имеет атрибут lang.

Пример использования:

<meta name="copyright" lang="ru" content="SiteClinic" />

Группа http-equiv

Браузеры преобразовывают данные этого метатега в форму заголовка ответа http, обрабатывая их, как будто был получен ответ напрямую от сервера.

Метатег cache-control — с помощью него можно управлять кэшированием браузера.

Имеет значения:

• public — документ кэшируется во всех доступных кэшах;
• private — кэшируется браузером, не кэшируется proxy-сервером;
• max-age=time, must-revalidate — указывает браузеру, сколько секунд хранить документ в кэше;
• max-age=time, proxy-revalidate — указывает сколько секунд хранить документ в кэше proxy-серверу;
• no-store — может быть кэширован, но не сохраняется в архиве;
• no-cache — запрет на кэширование (браузер и proxy-сервер документ не кэшируют).

Пример использования:

<meta http-equiv="Cache-Control" content="no-cache, no-store">

— если мы не хотим, чтобы страница кэшировалась.
Подробнее об этом метатеге рекомендую почитать на Mozilla Developer Network.

Метатег expires — также используется для управления кэшированием. В метатег устанавливается дата. Когда она проходит, браузер должен использовать повторный сетевой запрос, а не имеющийся кэш страницы. Дата указывается в формате RFC850.

Пример использования:

<meta http-equiv="Expires" content="Fri, 11 Oct 2017 15:34:48 GMT">

Метатег content-language — указывает язык документа.

Пример использования:

<meta http-equiv="content-language" content="ru" />

В HTML5 указание языка упрощено:

<html lang="ru">

Постарался перечислить, как мне показалось, самые интересные метатеги. Если вас интересуют другие meta, рекомендую ознакомиться с материалами: Метатеги, которые поддерживаются в Google и Использование HTML-элементов Яндекс.

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

Метатегов достаточно много, но, как оптимизатору, чаще всего приходится использовать в SEO тег Title, meta description, meta keywords. Если вы начинающий сеошник или владелец сайта, рекомендую также ознакомиться с вебинаром “Правила формирования Title и Description” нашего SEO-TeamLead Евгения Аралова:

Еще по теме:

• Внутренняя оптимизация интернет-магазина
Настройка фильтров, пагинации, сортировки каталога Формирование URL интернет-магазина Оптимизация URL страниц каталога Оптимизация страниц сортировки Оптимизация страниц фильтров интернет-магазина Оптимизация страниц пагинации Причины закрытия генерируемых...
• Как оформить страницу «Контактов» при наличии нескольких представительств в разных городах?
Как лучше оформить страницу «Контактов» при наличии нескольких представительств в разных городах? Например, варианты, которые рассматриваем: а) указать их в рамках одной страницы друг под...
• Правила оптимизации интернет-магазина: структура и навигация.
Поисковые системы уже долгое время при анализе сайта обращают внимание не только на тексты и метатеги, но и на удобство сайта для пользователей. Особенно важно...
• Что такое LSI-ключи, как их найти и внедрить на сайт
В этой статье речь пойдёт о том, что такое LSI, как и где искать LSI-запросы, как внедрить на сайт, и каких результатов можно достичь с...
• Переспамленный контент – вылет из ТОПа. Как выявить и «обезвредить» спам
Многие клиенты жалуются на плохие позиции в Яндексе. И уже при предварительном анализе становится ясно, что одна из причин этого – спам. Однако не только...