Атрибут name тега <meta>
Описание
Атрибут name тега <meta> определяет тип метаданных документа, которые используются браузерами, поисковыми системами и другими веб-сервисами. Это основной атрибут для SEO и управления отображением страницы.
<!-- Описание страницы -->
<meta name="description" content="Сайт о веб-разработке и дизайне">
<!-- Ключевые слова (устарело) -->
<meta name="keywords" content="HTML, CSS, JavaScript">
<!-- Инструкции для поисковых роботов -->
<meta name="robots" content="index, follow">
<!-- Автор страницы -->
<meta name="author" content="Иван Иванов">
Основные значения name:
| Значение | Пример content | Назначение |
|---|---|---|
description |
Краткое описание страницы | SEO, сниппеты в поиске |
viewport |
width=device-width, initial-scale=1.0 |
Адаптивный дизайн |
robots |
noindex, nofollow |
Управление индексацией |
theme-color |
#4285f4 |
Цвет панели браузера |
Современные рекомендации:
<!-- Обязательный минимум -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Уникальное описание страницы">
<!-- Дополнительные мета-теги -->
<meta name="theme-color" content="#ffffff">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="Заголовок для соцсетей">
SEO-оптимизация:
- Description: 50-160 символов, уникальный для каждой страницы
- Viewport: обязателен для мобильных устройств
- Robots: по умолчанию "index,follow" (можно не указывать)
- Open Graph: для красивого отображения в соцсетях
Ошибки и решения:
| Проблема | Решение |
|---|---|
| Дублирование description | Уникальные описания для всех страниц |
| Отсутствие viewport | Всегда добавлять для мобильных |
| Устаревшие keywords | Не использовать или минимизировать |
Примечание: Современные поисковые системы (Google) используют description как один из многих факторов ранжирования. Viewport критически важен для мобильного интернета. Open Graph и Twitter Card улучшают отображение в соцсетях.