Загрузка...
Загрузка...
Метатеги (<meta>) — это теги, размещаемые внутри <head>, которые не отображаются на странице, но дают браузеру, поисковым системам и соцсетям информацию о странице.
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Краткое описание страницы для поисковиков" />
<meta name="keywords" content="html, метатеги, frontend, seo" />
<meta name="robots" content="index, follow" />
index, noindex, follow, nofollow<meta name="author" content="Hack Frontend" />
<meta http-equiv="Content-Language" content="ru" />
<meta property="og:title" content="Заголовок страницы" />
<meta property="og:description" content="Описание страницы" />
<meta property="og:image" content="https://site.com/image.png" />
<meta property="og:url" content="https://site.com" />
Используется соцсетями (Facebook, LinkedIn) для отображения превью страницы.
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Заголовок" />
<meta name="twitter:description" content="Описание" />
<meta name="twitter:image" content="https://site.com/image.png" />
Аналог OG, но для Twitter.
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Security-Policy" content="default-src 'self'" />
<meta name="referrer" content="no-referrer" />
Важно:
Не злоупотребляйте keywords — современные поисковые системы их игнорируют. А вот description и OG-теги по-прежнему играют роль в SEO и соцсетях.