Атрибут content тега <meta>
Описание
Атрибут content тега <meta> содержит значение метаданных, которые определяются атрибутами name или http-equiv. Это основной атрибут, который задает содержание мета-информации.
<!-- Для SEO -->
<meta name="description" content="Описание страницы для поисковых систем">
<!-- Для браузера -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Для мобильных устройств -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Основные типы content:
| Тип мета-тега | Пример content | Назначение |
|---|---|---|
| SEO метаданные | content="описание страницы" |
Для поисковых систем |
| Инструкции браузеру | content="noindex, nofollow" |
Управление индексацией |
| Viewport | content="width=device-width" |
Адаптивный дизайн |
Рекомендации по использованию:
- Для description: 50-160 символов, уникальный текст
- Для viewport: обязателен для мобильной верстки
- Для кэширования: точные значения заголовков
- Избегайте дублирования мета-тегов
Примеры с разными назначениями:
<!-- Ключевые слова (устарело, но иногда используется) -->
<meta name="keywords" content="HTML, CSS, JavaScript">
<!-- Инструкции для поисковиков -->
<meta name="robots" content="index, follow">
<!-- Кэширование -->
<meta http-equiv="cache-control" content="no-cache">
<!-- Редирект -->
<meta http-equiv="refresh" content="5;url=https://example.com">
Ошибки и решения:
| Ошибка | Решение |
|---|---|
| Слишком длинный description | Сократите до 160 символов |
| Несовместимые директивы | Проверьте сочетание значений |
Примечание: Современные поисковики могут игнорировать некоторые мета-теги (keywords), но description и viewport остаются критически важными. Всегда проверяйте актуальные рекомендации Google и Yandex.