Полный список meta и link тегов

Опубликовано: 01.11.2019 в 17:57

Описание

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">
<!-- Установка фавикона -->