Виды метатегов и их значение для SEO-продвижения

1 месяц назад
Дмитрий Москвичев
2 минут
Содержание скрыть
1 Что такое метатеги?
2 Основные метатеги для SEO
3 Метатеги для социальных сетей
4 Метатеги для безопасности и управления кэшированием
5 Метатеги для улучшения отображения на мобильных устройствах
6 Метатеги для идентификации и авторства
7 Метатеги для улучшения индексации и локализации
8 Дополнительные метатеги

Что такое метатеги?

Метатеги (meta tags) — это HTML-теги, размещаемые в разделе <head> страницы, которые помогают поисковым системам и браузерам правильно интерпретировать и отображать содержание. Они не отображаются на самой странице, но играют важную роль в SEO-продвижении, безопасности и улучшении пользовательского опыта. Вот полный список всех основных и дополнительных метатегов, используемых на сайтах.

Основные метатеги для SEO

  1. Title — заголовок страницы
    • Назначение: Отображается в поисковой выдаче и вкладке браузера.
    • Рекомендации: Длина 50–60 символов, включите основное ключевое слово.
    • Пример: <title>Заголовок страницы</title>
  2. Description — описание страницы
    • Назначение: Краткое описание для отображения в поисковой выдаче.
    • Рекомендации: Длина 150–160 символов, сделайте его привлекательным и содержательным.
    • Пример: <meta name=»description» content=»Описание страницы»>
  3. Keywords — ключевые слова
    • Назначение: Перечисление основных ключевых слов страницы (используется редко).
    • Рекомендации: Используйте только релевантные ключевые слова.
    • Пример: <meta name=»keywords» content=»ключевое слово 1, ключевое слово 2″>
  4. Robots — управление индексацией
    • Назначение: Контролирует индексацию страницы и переход по ссылкам.
    • Пример: <meta name=»robots» content=»index, follow»>

Метатеги для социальных сетей

  1. Open Graph (OG) — метатеги для социальных сетей, таких как Facebook и LinkedIn.
    • Назначение: Контролируют отображение страницы при её публикации.
    • Пример:

<meta property=»og:title» content=»Заголовок для соцсетей»>

<meta property=»og:description» content=»Описание для соцсетей»>

<meta property=»og:image» content=»URL изображения»>

  1. Twitter Cards — метатеги для Twitter
    • Назначение: Определяют, как страница будет выглядеть при публикации в Twitter.
    • Пример:

<meta name=»twitter:card» content=»summary_large_image»>

<meta name=»twitter:title» content=»Заголовок для Twitter»>

<meta name=»twitter:description» content=»Описание для Twitter»>

<meta name=»twitter:image» content=»URL изображения»>

Метатеги для безопасности и управления кэшированием

  1. Content-Security-Policy — политика безопасности содержимого
    • Назначение: Управляет безопасностью для предотвращения XSS-атак.
    • Пример: <meta http-equiv=»Content-Security-Policy» content=»default-src ‘self’;»>
  2. Cache-Control и Pragma — управление кэшированием
    • Назначение: Управляют кэшированием страниц.
    • Пример:

<meta http-equiv=»Cache-Control» content=»no-cache»>

<meta http-equiv=»Pragma» content=»no-cache»>

  1. Expires — срок годности страницы
    • Назначение: Устанавливает срок, после которого страница считается устаревшей.
    • Пример: <meta http-equiv=»expires» content=»Wed, 21 Oct 2025 07:28:00 GMT»>

Метатеги для улучшения отображения на мобильных устройствах

  1. Viewport — оптимизация для мобильных устройств
    • Назначение: Управляет масштабированием страницы на мобильных устройствах.
    • Пример: <meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
  2. Theme-Color — цвет темы для мобильных браузеров
    • Назначение: Устанавливает цвет верхней панели браузера на мобильных устройствах.
    • Пример: <meta name=»theme-color» content=»#4285f4″>
  3. Apple-specific Tags — теги для устройств Apple
    • Примеры:

<meta name=»apple-mobile-web-app-capable» content=»yes»>

<link rel=»apple-touch-icon» href=»icon.png»>

<meta name=»apple-mobile-web-app-status-bar-style» content=»black-translucent»>

Метатеги для идентификации и авторства

  1. Author — автор страницы
    • Назначение: Указывает автора страницы.
    • Пример: <meta name=»author» content=»Имя автора»>
  2. Publisher — издатель страницы
    • Назначение: Указывает организацию, ответственную за публикацию.
    • Пример: <meta name=»publisher» content=»Название компании»>
  3. Copyright — авторские права
    • Назначение: Указывает сведения об авторских правах.
    • Пример: <meta name=»copyright» content=»© 2024 Example Company»>

Метатеги для улучшения индексации и локализации

  1. Language — язык страницы
    • Назначение: Указывает язык содержимого.
    • Пример: <meta name=»language» content=»en»>
  2. Geo Tags — географическая метка
    • Назначение: Определяет местоположение страницы.
    • Примеры:

<meta name=»geo.position» content=»37.7749;-122.4194″>

<meta name=»geo.region» content=»US-CA»>

  1. Revisit-After — частота повторного посещения
    • Назначение: Рекомендует поисковым роботам, как часто пересканировать страницу.
    • Пример: <meta name=»revisit-after» content=»7 days»>

Дополнительные метатеги

  1. Generator — указывает, какой программой создана страница
    • Пример: <meta name=»generator» content=»WordPress 5.8″>
  2. Abstract — краткое описание содержания
    • Пример: <meta name=»abstract» content=»Краткое описание содержания»>
  3. Classification — категория или тип страницы
    • Пример: <meta name=»classification» content=»Интернет-магазин»>
  4. DC (Dublin Core) — стандарты метаданных для классификации контента
    • Примеры:

<meta name=»DC.title» content=»Название документа»>

<meta name=»DC.creator» content=»Автор»>

  1. Referrer — настройка передачи данных реферера
    • Пример: <meta name=»referrer» content=»no-referrer»>
  2. Rating — возрастной рейтинг страницы

Пример: <meta name=»rating» content=»safe for kids»>