Цифровой элемент
10 минут на чтение
93
Отправь статью на почту?

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

Подписаться

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

Содержание

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

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

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

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

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

Пример тайтла в HTML.png
Пример тайтла в HTML

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

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

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

Description

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

Пример сниппета.png
Пример сниппета

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

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

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

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

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

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

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

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

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

Чек-лист:

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

Keywords

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

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

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

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

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

Robots

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

Вот как выглядит robots в HTML.png
Вот как выглядит robots в HTML

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

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

Без 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 в HTML.png
Пример viewport в HTML

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

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

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

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

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

Заголовок H1

Пример H1.png
Пример H1

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

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

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

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

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

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

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

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

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


Мне не нравится
Россия, Челябинская область, Челябинск, ул. Энтузиастов, 2, оф. 200 Телефон: +7 (351) 220-45-35

Блог

TОП-40 плагинов Figma
TОП-40 плагинов Figma

Для создания дизайнов и прототипов большинство современных дизайнеров использует Figma. Его основное преимущество перед другими графическими прогр...

11.мар.2021
120757
Микроразметка schema.org
Микроразметка schema.org

Schema.org – микроразметка, позволяющая структурировать данные на сайте для поисковых систем. С ее помощью поисковые системы понимают, какие данные...

28.май.2019
110075
Как попасть на Яндекс.Карты, Google.Карты, 2GIS
Как попасть на Яндекс.Карты, Google.Карты, 2GIS

Если ваша компания ведет бизнес офлайн, размещение на Яндекс.Картах и Google и 2GIS поможет рассказать об этом потенциальным клиентам. Присутствие...

17.июл.2019
98427
404 ошибка – страница не найдена
404 ошибка – страница не найдена

404 ошибка (страница не найдена) – это ответ сервера, который возникает, когда сервер не может отобразить запрашиваемую страницу по указанному адре...

13.авг.2019
41826
Семантика сайта
Семантика сайта

Семантическое ядро – это набор фраз, соответствующих поисковым запросам пользователей в поисковых системах, которые характеризуют определенную тема...

21.окт.2019
20727
Как составить ТЗ на разработку сайта
Как составить ТЗ на разработку сайта

ТЗ (техническое задание) – очень полезный документ, в котором описаны все разделы сайта, все элементы страницы и функциональность всех модулей. Пол...

14.май.2021
15326
Как предоставить гостевой доступ к Яндекс Директ и Google Adwords
Как предоставить гостевой доступ к Яндекс Директ и Google Adwords

Контекстная реклама — один из самых простых и быстрых способов увеличения посещений веб-сайта. Особенностью этого инструмента является понятность р...

19.янв.2021
14773
Микроразметка Open Graph
Микроразметка Open Graph

Open Graph – стандарт микроразметки, который позволяет формировать превью сайта при публикации в социальных сетях. Стандарт Open Graph был р...

05.ноя.2019
13667
Сброс кеша DNS в Google Chrome
Сброс кеша DNS в Google Chrome

Для сброса кеша DNS в Google Chrome: Введите в адресной строке браузера chrome://net-internals/#dns и нажмите кнопку Clear host cache; Зат...

31.янв.2020
13174
Анализ сайта с помощью Яндекс.Метрики
Анализ сайта с помощью Яндекс.Метрики

Яндекс.Метрика – инструмент анализа аудитории сайта. Метрика позволяет сегментировать данные, определять целевую аудиторию сайта, достигать целей и...

20.дек.2019
10133
Золотой партнер<br>1С-Битрикс
Золотой партнер
1С-Битрикс
Сертифицированное агентство <br>Яндекс.Директ
Сертифицированное агентство
Яндекс.Директ
Сертифицированное агентство <br>Google.AdWords
Сертифицированное агентство
Google.AdWords
Региональный партнер <br>Ru-center
Региональный партнер
Ru-center
Золотой партнер  <br>Битрикс24
Золотой партнер
Битрикс24