Подпишитесь на наш телеграм-канал,
чтобы не пропустить наши свежие кейсы и важные новости из мира digital!

Мета-теги – что это такое и какие они бывают

Автор: Remarka Agency
31.05.2024
Время чтения: 10 минут
Мета-теги — это фрагменты HTML-кода с информацией о содержимом страницы. Они размещаются в разделе <head> HTML-документа и не отображаются непосредственно на странице, но важны для поисковых алгоритмов и социальных сетей.
Основные метатеги включают заголовок (<title>), описание (<meta name="description">) и ключевые слова (<meta name="keywords">).
Их правильное использование помогает поисковым системам понять содержание страницы и улучшает шансы на привлечение целевой аудитории.

Задачи мета-тегов


  • Мета-теги помогают поисковикам понять содержание страницы и определить её релевантность по отношению к запросам пользователей. Например, мета-тег <meta name="description"> это краткое описание страницы, из которого формируется сниппет в результатах поиска.

  • Хорошо написанный метатег может привлечь внимание пользователей и подтолкнуть их перейти на ваш сайт.

  • С помощью метатегов можно контролировать, какие страницы сайта должны быть проиндексированы поисковыми системами, а какие — нет. Например, метатег <meta name="robots" content="noindex"> указывает поисковым системам не индексировать страницу.
Мета-теги на страницы добавляет программист, но их значения вносит SEO-оптимизатор.
Сниппет сайта - что это такое простыми словами и как его сформировать

Title


Мета-тег <title> – один из обязательных элементов HTML-документа.
Это первое, что видят пользователи при просмотре результатов поиска.
Title определяет заголовок страницы, который отображается на вкладке браузера. Он используется поисковыми системами для индексации и ранжирования страницы.
Мета-тег <title> содержит краткое, но ёмкое описание содержимого страницы, обычно состоящее из определенного количества символов.

Правила составления Title

Краткость и ёмкость

Оптимальная длина заголовка — 50-60 символов. Такой title полностью отображается в результатах поиска.
Максимальный лимит символов для Google – 70 (12 слов), для Яндекса – 80 (15 слов).

Четкость

Заголовок должен быть кратким и точно отражать содержание страницы.

Уникальность

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

Релевантность

Правильный title должен описывать содержание страницы, чтобы пользователи понимали, что их ожидает.

Использование ключевых слов

Включите в title основные ключи, по которым вы хотите ранжироваться, но используйте их естественно, без перенасыщения.

Брендинг

Title содержит название сайта, компании, бренда.
проанализируем ваш сайт ------ подготовим стратегию ------ проанализируем ваш сайт ------ подготовим стратегию------
проанализируем ваш сайт ------ подготовим стратегию ------ проанализируем ваш сайт ------ подготовим стратегию------
Закажите SEO для своего сайта!
Хотите от теории перейти к практике?

Примеры Title

  • Правильный:

  • Почему это правильно:

Заголовок чётко указывает на содержание, в нем есть ключевые слова "метатеги" и "SEO", которые соответствуют тематике страницы. Его длина не превышает лимиты поисковиков. В теле тега есть название бренда («Примерный сайт»).


  • Неправильный:

  • Почему это неправильно:

Заголовок слишком длинный (такой не будет полностью отображаться в результатах). Он перенасыщен ключевыми словами. Фразы слишком общие, не дающие чёткого представления о содержимом.

Description


Мета-тег <meta name="description"> кратко описывает содержание страницы и обычно состоит из 150-160 символов.

Описание должно быть лаконичным и информативным, чтобы пользователь быстро понял, о чём страница.
Description с ключевыми словами улучшает видимость в поисковых системах, хотя и не влияет напрямую на ранжирование.
Он размещается в разделе <head> HTML-документа.

Правила составления Description


Требования к составлению мета-тега <meta name="description"> практически дублируют правила формирования title:
Это краткость, ёмкость, читаемость, информативность, уникальность, соответствие содержимому, наличие ключевых слов.
Как и в title, ключей в описании не должно быть слишком много, иначе ранг страницы в выдаче понижается.
В description добавляются фразы, побуждающие действию, например, "Узнайте больше", "Посетите наш сайт", "Читать далее". Это может повысить вероятность клика.

Примеры Description

  • Правильный:
<meta name="description" content="Купите стильную женскую куртку-парку с подкладкой из искусственного меха в нашем интернет-магазине. Водонепроницаемый материал, различные цвета и размеры. Бесплатная доставка по России.">

Органично добавлены ключевые слова ("женская куртка-парка", "искусственный мех", "интернет-магазин"). Указаны преимущества: водонепроницаемый материал, различные цвета и размеры, бесплатная доставка.


  • Неправильный:
<meta name="description" content="Крутая куртка на зиму. У нас много классных вещей. Приходите и купите!">

Неинформативное описание. Нет важных характеристик товара (например, "женская куртка-парка", "искусственный мех"). Не указаны преимущества.
Стиль не подходит для мета-тега description, он должен быть более формальным и конкретным.

Keywords


Мета-тег <meta name="keywords"> изначально был создан для указания ключевых слов. В прошлом он использовался для определения релевантности страницы по конкретным запросам. Однако, сейчас поисковые алгоритмы часто игнорируют этот тег из-за злоупотреблений и спам-методов в прошлом. Тем не менее, внутренние поисковые системы сайтов могут использовать этот тег для улучшения релевантности результатов поиска.

Мета-тег <meta name="keywords"> также размещается в разделе <head> HTML-документа.
Оставьте ваши данные, и наш менеджер свяжется с вами в ближайшее время.
проанализируем ваш сайт ------ подготовим стратегию ------ проанализируем ваш сайт ------ подготовим стратегию ------
проанализируем ваш сайт ------ подготовим стратегию ------ проанализируем ваш сайт ------ подготовим стратегию------

Готовы обсудить

ваш проект?

Правила составления Keywords


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

Умеренность
Не перегружайте тег ключевыми словами. Оптимальное количество — 5-10.

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

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

Примеры Keywords


  • Правильный:
<meta name="keywords" content="метатеги,SEO,оптимизация сайта,продвижение сайта, ключевые слова,теги для SEO,метаописания">

В этом примере ключевые слова тесно связаны с темой страницы о мета-тегах и SEO.


  • Неправильный:
<meta name="keywords" content="товары,купить,дешево,скидки,акции,лучшая цена">

Ключевые слова не связаны с нашей тематикой. Они слишком общие и не дают представления о содержании страницы. Это может восприниматься поисковиками как попытка манипулировать ранжированием.

Robots


Мета-тег <meta name="robots"> указывает поисковым роботам, что они должны делать с данной страницей: индексировать её, не индексировать, следовать или не следовать ссылкам. Это помогает оптимизировать индексацию сайта и предотвращать ранжирование нежелательных страниц, например с дублирующимся контентом или разделы с конфиденциальной информацией.

Директивы тега Robots

Примеры Robots


  • Разрешить индексацию и следование по ссылкам:

<meta name="robots" content="index, follow">

  • Запретить индексацию, но разрешить следование по ссылкам:

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

  • Запретить индексацию и следование по ссылкам:

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

  • Запретить индексацию, кэширование и отображение сниппетов:

<meta name="robots" content="noindex, noarchive, nosnippet">

  • Запретить индексацию изображений на странице:

<meta name="robots" content="noimageindex">

Content-Type


Мета-тег <meta http-equiv="Content-Type"> указывает тип контента, который сервер должен отправить браузеру. Этот тег определяет кодировку символов. что особенно важно при работе с многоязычными сайтами или при использовании специфических символов, (юникод).

Вот как он выглядит в коде:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

text/html указывает, что тип контента - HTML.
charset=UTF-8 определяет кодировку символов UTF-8, которая поддерживает широкий спектр символов, включая символы различных языков.

Content-Language


Мета-тег <meta http-equiv="Content-Language"> используется для указания языка контента на странице. Этот тег сообщает поисковым системам и браузерам о языке, на котором написано содержание страницы.

Вот как он выглядит в коде:
<meta http-equiv="Content-Language" content="en">

content="en" указывает, что язык контента на странице - английский.

Refresh


Мета-тег <meta http-equiv="refresh"> нужен для обновления содержимого страницы или переадресации пользователя на другую страницу. Этот тег может быть полезен для автоматического обновления новостной ленты, перенаправления после отправки формы или реализации других автоматизированных действий на странице.

Вот как он выглядит в коде:
<meta http-equiv="refresh" content="5; url=https://example.com/new-page.html">

content="5; url=https://example.com/new-page.html" указывает, что страница должна быть обновлена через 5 секунд, и пользователь будет перенаправлен на страницу по указанному URL.

Meta Author и Copyright


Мета-теги <meta name="author"> и <meta name="copyright"> дают информацию о создателе контента и правах на него. Эти теги важны для идентификации автора страницы и защиты авторских прав.

Meta Author
Мета-тег <meta name="author"> указывает на создателя контента.

<meta name="author" content="Иван Иванов">

Meta Copyright
В мета-теге <meta name="copyright"> включена информация о владельце авторских прав на содержимое страницы.

<meta name="copyright" content="Иван Иванов, 2024">

Здесь мы видим, что правообладателем является Иван Иванов, и права защищены в 2024 году.

Заключение


Знание значений и правил заполнения мета-тегов критически важно для оптимизации веб-сайта.

Правильно составленные мета-теги помогают:

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

Другие статьи