Тег <meta>

Описание

Тег <meta> (от англ. "metadata") предназначен для хранения метаданных веб-страницы, которые не отображаются напрямую в браузере, но используются поисковыми системами, браузерами и другими сервисами. Размещается внутри <head>.

Основные атрибуты:
<meta charset="UTF-8"> <!-- Кодировка -->
Управление отображением (Viewport):
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Описание страницы для SEO:
<meta name="description" content="Описание страницы для поисковиков"> <meta name="keywords" content="ключевые, слова, через, запятую"> <meta name="author" content="Автор контента">

Ключевые особенности:

  • Не имеет закрывающего тега (одиночный)
  • Поддерживает атрибуты: charset, name, content, http-equiv
  • Может управлять кешированием, редиректами, роботами
  • Критичен для SEO и адаптивного дизайна
  • Не влияет на визуальное отображение страницы
Примеры специальных мета-тегов:
<!-- Индексация для поисковиков --> <meta name="robots" content="index, follow"> <!-- Отключение кеширования --> <meta http-equiv="cache-control" content="no-cache"> <!-- 5-секундный редирект --> <meta http-equiv="refresh" content="5; url=https://example.com"> <!-- Социальные сети (OpenGraph) --> <meta property="og:title" content="Название для соцсетей"> <meta property="og:image" content="image.png">

Рекомендации по использованию:

  • Всегда указывайте charset первым в <head>
  • Для мобильных сайтов обязателен viewport
  • Избегайте дублирования мета-описаний
  • Используйте http-equiv для HTTP-заголовков
  • Добавляйте OpenGraph-теги для соцсетей

Тег <meta> — техническая основа корректного отображения, индексации и взаимодействия с веб-страницей.

Атрибуты

charset Кодировка документа
content Значение метаданных
http-equiv HTTP-заголовок для эмуляции
name Имя метаданных
scheme Схема интерпретации (устарел)

Поддержка браузерами
3.0 1.0 4.0 1.0 1.0