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

Как правильно составить мета-теги 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

Читайте в нашем блоге

Все статьи
Что будет, если не продлить лицензию Битрикс24?

Что будет, если не продлить лицензию Битрикс24?

Битрикс24 – это платформа, которая помогает организовать и автоматизировать бизнес-процессы компании, обеспечивая удобство использ...

04.03.2024
152
Как настроить редирект через .htaccess

Как настроить редирект через .htaccess

Редирект можно настроить разными способами: в панели управления хостингом, через код HTML, через PHP, с помощью web.config, через .htaccess, а ...

04.03.2024
122
Как восстановить доступ в панель администрирования сайта на 1С-Битрикс?

Как восстановить доступ в панель администрирования сайта на 1С-Битрикс?

Через панель администратора сайта на 1С-Битрикс можно управлять настройками сайта, менять контент и так далее. Также там можно заводить новых п...

21.12.2023
727
Как создать аккаунт разработчика в App Store, Google Play, AppGallery

Как создать аккаунт разработчика в App Store, Google Play, AppGallery

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

08.12.2023
1844
Файлы-куки: как правильно информировать пользователей и избежать штрафов

Файлы-куки: как правильно информировать пользователей и избежать штрафов

Веб-аналитика и маркетинг сегодня немыслимы без использования куки-файлов (cookies) - небольших фрагменты данных, которые веб-сайты сохраняют в...

06.12.2023
393
Безопасность сайта: поиск вирусов и троянов

Безопасность сайта: поиск вирусов и троянов

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

20.11.2023
803
«Цифровой Элемент» принял участие в Русском Экономическом Форуме

«Цифровой Элемент» принял участие в Русском Экономическом Форуме

Форум посвящен масштабным вопросам развития суверенной экономики России в XXI веке. Среди основных тем: импортозамещение, технологическое разви...

13.11.2023
356
Новый закон о запрете регистрации на российских сайтах с помощью иностранных электронных почтовых сервисов

Новый закон о запрете регистрации на российских сайтах с помощью иностранных электронных почтовых сервисов

Давайте разберемся, что это значит для владельцев сайтов и пользователей.

Что именно предписывает закон

С 1 декабря ...

09.11.2023
1087