Как правильно составить мета-теги Title и Description

Оглавление

Эта статья пригодится всем, кто хочет разобраться в основах SEO-оптимизации. Разбираемся, как оптимизировать мета-теги так, чтобы увеличить посещаемость и привлечь больше трафика на сайт.

Мета-теги – часть HTML-кода. Они помогают поисковой системе понять суть индексируемой страницы. Для органичного SEO продвижения необходимо прописывать title, description, robots.

Зачем заполнять метаданные

1. Оптимизация мета-тегов структурирует контент, отображает кликабельный заголовок страниц и выделяет уникальные преимущества ресурса.
2. Мета-теги определяют текстовку сниппета. Без них система задает ее самостоятельно, и часто не слишком качественную.
3. Заполненные теги обеспечивают релевантность веб-сайта. 
4. Оптимизированные теги положительно влияют на позиции выдачи и повышают посещаемость.

Оптимизируем мета-теги правильно

Title. Заголовок страницы для Google и Yandex.

Чек-лист по заполнению title:

• Главный ключ находится в самом начале фразы.
• Длина – 40-70 знаков.
• Союзы, частицы и предлоги используются только при необходимости.  
• Ключи из нескольких фраз не рекомендуется разбивать другими словами или знаками препинания (если это не вредит читаемости фразы). 
• Для коммерческих страниц можно прописать особенные вхождения: «купить», «заказать», «забронировать».
• Добавляйте LSI-лексику и запросы с низкой частотностью.

В заголовках региональных сайтов укажите название региона или города.

Description

Краткое описание страницы, в выдаче отображается как сниппет.

Приоритетные показатели:

• длина;
• уникальность;
• выдержанный смысл.

Специфика заполнения description:

1. Для интернет-магазинов

Используйте сведения о товаре и выгоды для покупателя. 

2. Для сайтов услуг

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

3. Для новостных ресурсов

Пара предложений из анонса вызовет у читателя желание узнать о событии подробнее.

Чек-лист:

• Рекомендуемый лимит – 70-170 символов с пробелами.
• Ключевые слова в тексте должны быть нативными, поэтому можно менять их склонение и переставлять местами. Чистые вхождения не естественны. 
• Важную информацию – в начало.
• Используйте динамику: указывайте количество товаров, скидки, цены.
• Указывайте призыв к действию.

Keywords

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

Если вы решили заполнить кейвордс, соблюдайте синтаксис:

<meta name="keywords" content="ключ 1, ключ 2, ключ 3…" />

4 правила для заполнения

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

Robots

Запрещает или разрешает индексацию страниц и переход по ссылкам на них.

У robots могут быть следующие значения:

• index / noindex — разрешение или запрет на индексацию;
• follow / nofollow — разрешение или запрет на индексацию ссылок;
• all — аналог единовременного применения index и follow;
• none — аналог единовременного применения noindex и nofollow;
• noarchive — сохраненная копия не будет выводиться в выдаче.

Без robots поисковые системы проиндексируют страницу по умолчанию и перейдут по ссылкам на ней.

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

Директивы Яндекс и Google

Директивы – это указания для определенной поисковой системы. Так, только Google поддерживает следующие директивы:

• nosnippet — сниппет не показывается в выдаче;
• max-snippet:[number] — максимальная длина сниппета;
• max-image-preview:[setting] — максимальный размер изображений в выдаче по конкретному запросу;
• max-video-preview:[number] — длительность видео, выводимого в результатах поиска;
• notranslate — запрет на автоперевод страницы в поиске;
• noimageindex — изображения на странице не будут индексироваться;
• unavailable_after: [date/time] — запрет на показы страницы в выдаче после заданной даты и времени.

Яндекс также имеет «особенные» директивы:

• noyaca — запрет на использование автоматически сформированного описания;
• index | follow | archive — отмена нужных запрещающих директив.

Кратко о других мета-тегах

Content-type — показывает вид документа и его кодировку. От него может зависеть корректное отображение документа в браузере. 

Content-language - предоставляет информацию о языке контента.

Refresh — переадресация пользователя в нужный раздел вместо 404. Refresh полезен при слишком долгой загрузке: в этом случае пользователь также направляется по другому адресу.

Meta Author и Copyright — указание авторских прав на графическое и текстовое содержимое страницы. 

Document-state – здесь указывается, подлежит ли страница повторной индексации. Значение Static подразумевает единовременную индексацию, а Dynamic, соответственно, периодическую реиндексацию.

Viewport – помогает адаптировать сайт ко всем устройствам и задает правила отображения видимой области в мобильном браузере.

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

Мета-теги для разметки Open Graph

Open Graph повышает привлекательность контента при его расшаривании в соцсетях.  Разметку поддерживают отечественные соцсети — ВК, Одноклассники.

Заголовки H1-H6

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

Заголовок H1

H1 часто путают с Title, но формулировки у них разные:

• Title – заголовок для поисковой системы. Прописывается в разделе HEAD. Сообщает ей содержимое контента на странице, привлекает пользователя и мотивирует его перейти по ссылке. 
• H1 – заголовок для пользователя. Прописывается в разделе BODY. Его задача – удержать пользователя на вкладке и побудить его прочитать контент. Смысловая нагрузка этих заголовков должна совпадать.

Теги H2-H5 выполняют роль подзаголовков, их может быть несколько. Они добавляются по мере смыслового изложения текста.

При расстановке тегов обязательно соблюдение очередности: например, после H1 идет H2, H3, и.т.д.

Проверка всех мета-тегов на сайте

Грамотная техническая оптимизация в 99% случаев требует заполнения ключевых мета-тегов: title, description, robots, keywords (опционально), разметки Open Graph, h1-h6, viewport.

Правильное заполнение указанных мета-данных можно проверить через автоматические программы или воспользоваться услугами SEO-специалистов «Цифрового Элемента», которые проанализируют:

• семантическое ядро сайта;
• внутренние и внешние факторы, влияющие на оптимизацию;
• поведенческие реакции пользователей и другие аспекты, важные для эффективного продвижения.

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