Метатеги — это специальные HTML-теги, предоставляющие метаданные (информацию о документе) для браузеров и поисковых систем. Они располагаются в секции <head> HTML-документа.
Основные типы метатегов и их назначение:
charset: Указывает кодировку символов страницы, например, UTF-8. Важен для корректного отображения текста.
htmlname="description": Определяет краткое описание содержимого страницы. Используется поисковыми системами в результатах выдачи.
htmlname="keywords": Список ключевых слов, описывающих контент страницы. Влияние на SEO сократилось, но может использоваться некоторыми старыми системами.
htmlname="viewport": Управляет масштабированием и размерами области просмотра на мобильных устройствах. Критичен для адаптивного дизайна.
htmlwidth=device-width: Ширина области просмотра равна ширине экрана устройства.initial-scale=1.0: Начальный масштаб страницы при загрузке.name="robots": Указывает поисковым роботам правила индексирования страницы.
Таблица значений атрибута content:
| Значение | Описание |
|---|---|
index | Разрешить индексирование страницы. |
noindex | Запретить индексирование страницы. |
follow | Разрешить переходить по ссылкам на странице и индексировать их. |
nofollow | Запретить переходить по ссылкам на странице. |
all | Эквивалентно index, follow. (Значение по умолчанию) |
none | Эквивалентно noindex, nofollow. |
htmlproperty (Open Graph, Twitter Cards): Используются для определения того, как контент страницы будет отображаться при публикации в социальных сетях.
htmlНеобходимость метатегов сводится к следующему:
description, keywords, robots).viewport).property - Open Graph, Twitter Cards).Использование метатегов обязательно для создания корректных, оптимизированных и удобных веб-страниц.