Содержание
Описание
Meta теги помогают браузерам, поисковым системам, программному обеспечению и различным сервисам, которые взаимодействуют с вашим сайтом, получать дополнительную техническую информацию.
Мета теги делятся на две группы NAME и HTTP-EQUIV. Name содержат текстовую информацию о документе. HTTP-EQUIV влияют на формирование заголовка документа и определяют режим его обработки.
Основные meta name теги
<meta charset="UTF-8">
<!-- Определяет кодировку страницы -->
<meta name="keywords" content="ключевое слово 1, ключевое слово 2..." />
<!-- Устарел.
Ранее использовался для определения ключевых слов страницы -->
<meta name="description" content="Описание страницы" />
<!-- Описание страницы для поисковых систем -->
<meta name="language" content="RU" />
<html lang="ru"> <!-- в html5 -->
<!-- Язык содержимого -->
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<!--
Управление индексацией страницы поисковыми системами.
index: разрешает индексировать страницу
follow: разрешает переходить по ссылкам
noindex: запрещает индексирование страницы
nofollow: запрещает переходить по ссылкам
nosnippet: запрещает показывать в результатах поиска фрагмент текста
max-snippet:[сим]: максимальная длина фрагмента текста в символах
max-image-preview:[размер]: ограничивает размер картинок
max-video-preview:[числовое значение]:
указывает, что продолжительность предварительного просмотра видеороликов
noarchive: Запрет показа сохраненной копии в результатах поиска.
unavailable_after:[дата и время]: время запрета сканирования страницы
noimageindex: запрет отображения источника картинки
none: аналогичен метатегам noindex, nofollow.
all (по умолчанию): аналогичен метатегам index, follow.
-->
<meta name="viewport" content="">
<!-- Отображение страницы на смартфоне или планшете -->
<meta http-equiv="refresh" content="N; url=URL">
<!-- Перенаправление или обновление страницы -->
<meta name="author" content="Имя автора, email@mail.ru">
<meta name="copyright" content="Принадлежность авторских прав">
<meta name="address" content="Адрес владельца">
<!-- Копирайт и авторские права -->
<meta name="revised" content="Sunday, July 18th, 2010, 5:15 pm">
<!-- Дата последнего обновления контента на странице -->
<meta name="url" content="https://site.com">
<!-- Полный URL страницы -->
<meta name="generator" content="">
<!-- CMS сайта -->
<meta name="revisit-after" content="7 days">
<!-- Указывает, как часто страницу нужно пере-индексировать -->
<meta name="Document-state" content="Dynamic">
<!-- Тип документа - статический, динамический -->
<meta name="subject" content="тематика вашего сайта">
<!-- Короткое описание тематики вашего сайта -->
<meta name="ICBM" content="latitude, longitude">
<meta name="geo.position" content="latitude;longitude">
<meta name="geo.region" content="country[-state]">
<!-- Country code (ISO 3166-1): mandatory,
state code (ISO 3166-2): optional; eg.
content="US" / content="US-NY" -->
<meta name="geo.placename" content="city/town">
<!-- eg. content="New York City" -->
<!-- Geo-теги -->
Основные meta HTTP-EQUIV теги
<meta http-equiv="Content-type" content="text/html;charset=utf-8" />
<meta charset="UTF-8"> <!-- в html5 -->
<!-- Указывает на MIME-тип документа -->
<meta http-equiv="content-language" content="ru" />
<html lang="ru"> <!-- в html5 -->
<!-- Язык страницы -->
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="Wed, 26 Feb 1999 08:21:57 GMT">
<!-- Контроль кэша -->
<meta http-equiv="Content-Style-Type" content="text/less">
<!-- Переназначения CSS используемого по умолчанию внутри тегов -->
<meta http-equiv='set-cookie' content='name=value; expires=date; path=url'>
<!-- Установка cookie -->
<meta http-equiv="x-dns-prefetch-control" content="off">
<!-- Полностью отключает предзагрузку DNS-адресов -->
<meta http-equiv="Window-Target" content="_value">
<!-- Установка загрузки в определенном фрейме -->
Meta теги для ПС и сервисов
Meta теги Google
<meta name="googlebot" content="index,follow" />
<!-- Управление индексацией страницы -->
<meta name="google" content="nositelinkssearchbox" />
<!-- Убрать поиск по сайту с SERP -->
<meta name="google" content="notranslate" />
<!-- Не добавлять ссылку на перевод в SERP.
Отключить предложение в хроме о переводе страницы -->
<meta name="google-site-verification" content="..." />
<!-- Указывает право собственности в Search Console -->
<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />
<!-- Запрет показа в безопасном поиске адалт страниц -->
Метатеги, которые учитывает Яндекс
<meta name="description" content="..."/>
<meta name="keywords" content="..."/>
<meta name="robots" content="..."/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="type; charset=..."/>
<meta http-equiv="refresh" content="N;url=_адрес цели перенаправления_">
Meta теги для Apple
<meta name="apple-mobile-web-app-title" content="My App">
<!-- Название веб-приложения -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="App Title">
<meta name="apple-touch-fullscreen" content="yes">
<!-- Полноэкранный режим -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Устанавливает стиль строки состояния для веб-приложения -->
<meta name="format-detection" content="telephone=no">
<!-- Управление обнаружением телефонных номеров -->
<link href="pic.png" rel="apple-touch-icon" type="image/png">
<link href="pic.png" rel="apple-touch-icon" sizes="72x72">
<link href="pic.png" rel="apple-touch-icon" sizes="114x114">
<link href="pic.png" sizes="114x114" rel="apple-touch-icon-precomposed">
<link href="pic.png" sizes="72x72" rel="apple-touch-icon-precomposed">
<link href="pic.png" sizes="57x57" rel="apple-touch-icon-precomposed">
<link href="/pic.png" rel="apple-touch-startup-image">
<!-- Иконка для веб-приложения -->
<meta name="apple-itunes-app" content="app-id=APP_ID,
affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">
<!-- Баннер для перехода на страницу приложения в AppStore -->
Meta теги для Android
<meta name="application-name" content="название веб-приложения">
<!-- Название веб-приложения -->
<meta name="mobile-web-app-capable" content="yes">
<!-- Добавить на домашний экран -->
<meta name="theme-color" content="#hex-цвет">
<!-- Цвет заголовка у вкладки -->
<link rel="icon" sizes="192x192" href="pic.png">
<!-- Иконка для веб-приложения -->
Meta теги для Windows
<meta name="application-name" content="" />
<!-- Название веб-приложения -->
<meta name="msapplication-TileColor" content=" #009900" />
<!-- Цвет плитки (тайла) -->
<meta name="msapplication-square70x70logo" content="pic.png" />
<meta name="msapplication-square150x150logo" content="pic.png" />
<meta name="msapplication-wide310x150logo" content="pic.png" />
<meta name="msapplication-square310x310logo" content="pic.png" />
<!-- Изображение приложения -->
Meta теги Internet Explorer
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
<!-- Управляет режимом отрисовки (рендеренга) страницы.
Где x — это желаемая версия движка или
специальное ключевое слово EmulateIE7. -->
<meta name="msapplication-starturl" content="">
<meta name="msapplication-window" content="">
<meta name="msapplication-navbutton-color" content="">
<meta name="application-name" content="">
<meta name="msapplication-tooltip" content="">
<meta name="msapplication-task" content="">
<meta name="msapplication-task" content="">
<meta name="msapplication-task" content="">
<meta name="msapplication-task" content="">
<meta name="msvalidate.01" content="">
<meta http-equiv="cleartype" content="on">
Open Graph
<meta property="og:title" content="">
<meta property="og:type" content="movie">
<meta property="og:url" content="">
<meta property="og:image" content="">
<meta property="og:site_name" content="">
<meta property="og:description" content="">
<!-- Основные -->
<meta property="og:video" content="http://site.com/video.swf">
<meta property="og:video:height" content="640">
<meta property="og:video:width" content="385">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video" content="http://site.com/html5.mp4">
<meta property="og:video:type" content="video/mp4">
<meta property="og:video" content="http://site.com/fallback.vid">
<meta property="og:video:type" content="text/html">
<!-- Видео -->
<meta property="og:audio" content="http://site.com/song.mp3">
<meta property="og:audio:title" content="">
<meta property="og:audio:artist" content="">
<meta property="og:audio:album" content="">
<meta property="og:audio:type" content="application/mp3">
<!-- Аудио -->
Рекомендуемый минимум
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Эти 3 тега должны быть указаны в начале документа -->
<title>Заголовок страницы</title>
<meta name="description" content="Описание страницы" />
Link теги
<link rel="stylesheet" href="/style.css" type="text/css">
<link rel="stylesheet" media="only screen and
(max-device-width: 480px)" href="/style.css" type="text/css">
<!-- Подключение CSS -->
<link rel="canonical" href="https://site/page1.html">
<!-- Указывает главную страницу содержимого-->
<link rel="shortlink" href="https://site/?p=12">
<!-- Короткая ссылка на документ -->
<link rel="amphtml" href="https://site.com/amp.html">
<!-- Ссылка на AMP-версию -->
<link rel="manifest" href="manifest.json">
<!-- Ссылка на JSON-файл -->
<link rel="author" href="humans.txt">
<!-- Ссылка на автора документа -->
<link rel="copyright" href="copyright.html">
<!-- Авторские права -->
<link rel="alternate" href="https://es.site.com/" hreflang="es">
<!-- Ссылка на другую языковую версию документа -->
<link rel="me" href="https://site.com/" type="text/html">
<link rel="me" href="mailto:name@site.com">
<link rel="me" href="sms:+79112223344">
<!-- Информация об авторе -->
<link rel="archives" href="https://site.com/2015/05/" title="May 2015">
<!-- Ссылка на документ, который содержит
архивную ссылку на текущий документ -->
<link rel="index" href="https://site.com/" title="">
<!-- Ссылка на документ выше по иерархии сайта -->
<link rel="start" href="https://site.com/page/" title="">
<!-- Ссылка на начало текущего документа -->
<link rel="first" href="https://site.com/page.php">
<link rel="next" href="https://site.com/page.php?page=4">
<link rel="prev" href="https://site.com/page.php?page=2">
<link rel="last" href="https://site.com/page.php?page=250">
<!-- Ссылка на первую, следующую, предыдущую и последнюю
страницы документа -->
<link rel="pingback" href="https://site.com/xmlrpc.php">
<!-- Оповещение на ссылающие домены -->
<link rel="import" href="component.html">
<!-- Загружает внешний HTML-файл в текущий файл -->
<link rel="alternate" href="https://feeds.feedburner.com/example"
type="application/rss+xml" title="RSS">
<link rel="alternate" href="https://example.com/feed.atom"
type="application/atom+xml" title="Atom 0.3">
<!-- Фиды -->
<link rel="icon" href="/favicon-16.png" sizes="16x16" type="image/png">
<link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/favicon-48.png" sizes="48x48" type="image/png">
<link rel="icon" href="/favicon-62.png" sizes="62x62" type="image/png">
<link rel="icon" href="/favicon-192.png" sizes="192x192" type="image/png">
<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
<link rel="fluid-icon" type="image/png" href="/fluid-icon.png">
<!-- Установка фавикона -->

