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

Sobes Copilot

Получайте ответы в реальном времени

Ответ от нейросети

sobes.tech AI

Мета-теги — это HTML-теги, предоставляющие метаданные о HTML-документе. Они располагаются внутри <head> и не отображаются непосредственно на странице.

Основные назначения мета-тегов:

Описание содержимого: Указание заголовка страницы (<title>) и краткого описания (<meta name="description">).
Ключевые слова: Перечисление ключевых слов, связанных с содержимым (<meta name="keywords"> - менее актуально для современных SEO).
Кодировка: Определение набора символов документа (<meta charset="utf-8">).
Автор: Указание автора страницы (<meta name="author">).
Viewport: Управление масштабированием и размерами области просмотра на мобильных устройствах (<meta name="viewport">).
Robots: Указание инструкций для поисковых роботов (индексировать или нет, переходить по ссылкам или нет) (<meta name="robots">).
Open Graph и Twitter Cards: Предоставление информации для социальных сетей при расшаривании страницы (<meta property="og:...">, <meta name="twitter:...">).

Примеры:

<meta charset="utf-8">
<meta name="description" content="Описание моей веб-страницы.">
<meta name="keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Заголовок для социальных сетей">

Они важны для SEO, корректного отображения на разных устройствах и удобного обмена контентом в соцсетях.