Тег <META>
Тег <META> применяется для указания информации об HTML-документе, которая помогает браузерам правильно отображать страницы, а поисковым машинам — их индексировать. Теги <META> иначе называются метатегами, а информация, которую они содержат — метаданными. Это могут быть данные о кодировке веб-страницы, ее авторе, данные содержащие ключевые слова и описание и т.д.
Атрибуты
Личные атрибуты:
Тип тега
Назначение: документ.
Модель тега: может располагаться только в «шапке» документа, внутри элемента <HEAD>, в любом количестве.
Может содержать: данный элемент является пустым/Empty.
Открывающий тег: необходим. Закрывающий тег: запрещен.
Синтаксис
<head>
<meta content="значение">
</head>Список метатегов заданных элементом <META>
| Мета-тег и описание | Пример |
|---|---|
| author — Содержит имя автора документа. | <meta name="author" content="Иван Иванов"> |
| copyright — Информация об авторских правах. | <meta name="copyright" content="Сopyright 2011 BestCompany"> |
| description — Осмысленное описание веб-страницы, которое отображается в поисковике при выдаче запроса. | <meta name="description" content="Описание тега META, и его атрибутов."> |
| keywords — Список ключевых слов через запятую. | <meta name="keywords" content="HTML справочник, тег, META, атрибуты"> |
| robots noindex — Запрещает поисковикам индексировать содержимое страницы. | <meta name="robots" content="noindex"> |
| robots nofollow — Запрещает поисковикам переход по ссылкам на странице и их индексацию. | <meta name="robots" content="nofollow"> |
| robots none — Запрещает поисковикам индексацию содержимого и ссылок. | <meta name="robots" content="none"> |
| Content-Language — Указывает основной язык, используемый на странице. | <meta http-equiv="Content-Language" content="en"> |
| Content-Type — Информация о кодировке страницы. | <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> |
| pragma no-cashe — Запрещает браузеру брать веб-страницу из кэша. Соответственно, при каждом обновлении страницы — она будет полностью загружаться с сервера. | <meta http-equiv="pragma" content="NO-CACHE"> |
| refresh — Автоматический редирект (перенаправление) с текущей страницы — на указанную через заданный в секундах интервал (число с точкой с запятой (;)). | <meta http-equiv="refresh" content="4;url=https://spravka.seodon.ru/html/meta.php"> |
Конечно, это далеко не все существующие метатеги, да и эти не всегда нужны. Но желательно на всех страницах указывать Content-Type, description и keywords.
Для запрета индексации содержимого страницы также можно использовать тег <NOINDEX>, который поддерживается отечественными поисковыми системами.
Пример HTML: применение тега META
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>seodon.ru - Применение тега META</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="ru">
<meta name="author" content="Автор документа">
<meta name="copyright" content="© 2011 Имя или название">
<meta name="description" content="Описание документа">
<meta name="keywords" content="ключевые слова">
</head>
<body>
<p>Контент.</p>
</body>
</html>Поддержка версиями HTML
| Версия: | HTML 4.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
| Поддержка: | Да | Да | Да | Да |
Поддержка браузерами
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
| Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
| Поддержка: | Да | Да | Да | Да | Да |