Загрузка…
Базовое понимание
<meta> передаёт метаданные документа: кодировку, viewport, описание, robots и др. Void-элемент в head.
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Краткое описание страницы">
<meta name="robots" content="index,follow">
<meta property="og:title" content="Заголовок для соцсетей">charset должен быть рано в head. Open Graph / Twitter Card — тоже через meta. Не заменяет <title>.
Итог
Meta — машиночитаемые сведения о странице для браузера, поиска и превью.