logo


home map contact


Если вы видите это сообщение - значит вы используете браузер Internet Explorer. Негативное отношение к этому браузеру сложилось не только у владельца данного ресурса, но и у подавляющего большинства людей, разбирающихся в web технологиях. Попробуйте установить один из браузеров по ссылке ниже, возможно вам он тоже понравится больше!

Opera, the fastest and most secure web browser     Spread Firefox Affiliate Button

метатеги

Метатеги — это специальные теги на HTML-страницах, содержащие служебную информацию. Метатеги и их содержимое не отображаются. Oни предназначены для чтения роботами поисковых систем, браузерами посетителей, просматривающих страницы, кэширующими proxy-серверами и другими программами, работающими с HTML. Существует большое число различных метатегов. За время развития среды Интернет многие метатеги потеряли актуальность и практически не используются. Далее будут рассмотрены основные группы метатегов, которые могут пригодиться при разработке сайтов.

Метатеги записываются в блоке <head>:
<html>
<head>
	<meta name="author" content="IT-студия">
</head>
<body>
	<!— текст страницы —> 
</body>
</html>
Метатеги могут быть записаны в одном из двух форматов:
<meta name ="имя" content="значение">
Это описательные метатеги. В них приводятся свойства страниц, такие как авторские права, краткое содержание страницы, указания для роботов поисковых систем;
<meta http-equiv="имя" content="значение метатега">
Информация из метатегов, содержащих строку http-equiv используется для передачи соответствующих HTTP-заголовков. С помощью таких метатегов можно управлять кэшированием документов, указывать кодировку документа, посылать запросы на переадресацию.


Взаимодействие с поисковыми системами

Рассмотрим метатеги, предназначенные для взаимодействия с поисковыми системами. Следует отметить, что это самая противоречивая группа метатегов. Роботы поисковых систем все меньше обращают внимание на информацию в этих тегах и все больше ориентируются на текстовое содержание самой страницы, которое видит обычный посетитель через браузер. Это произошло вследствие того, что подобные метатеги часто содержали информацию, не соответствующую действительности, для того чтобы обмануть поисковые системы и любыми способами привлечь большое количество посетителей на сайт.

Description
Метатег с именем Description содержит краткую аннотацию документа:
<meta name="Description" content="Описание вашей страницы.">
Каждая поисковая система определяет свои рекомендации относительно длины описания. Обычно рекомендуется использовать не более 255 символов.

Keywords
Метатег Keywords определяет список ключевых слов, перечисляемых через запятую или пробел, которые характеризуют содержание страницы. Например, для сайта, посвященного программированию, набор ключевых слов может быть следующим:
<meta name="Keywords" content="php, php-скрипты, download">
Revisit
Метатеги с именем Revisit дают рекомендацию роботам поисковых систем, через какое количество дней следует заново проиндексировать страницу:
<meta name="Revisit" content="N days">
<meta name="Revisit-after" content="N days">
Здесь n— число дней. Следует отметить, что этот метатег практически потерял свою актуальность и не учитывается роботами известных поисковых систем.

Robots
Метатеги с именем Robots позволяют управлять индексацией сайта. В частности, с их помощью можно запретить индексирование определенных страниц. Если на сайте существует много страниц, которые не содержат полезной и интересной информации, то можно запретить их индексацию поисковыми роботами. В этом случае, роботы станут уделять больше внимания действительно нужным информационным страницам. Метатеги имеют следующий формат:
<meta name="Robots" content="параметры">
В качестве параметров могут выступать значения:
- index — индексировать страницу;
- follow — следовать по ссылкам с данной страницы;
- all — идентично двум совместно используемыми опциям index и follow;
- noindex — запретить индексацию страницы;
- nofollow — запретить переход по ссылкам с данной страницы;
- nоnе — идентично применению параметров noindex и nofollow.

Содержание документа

content Type
Данный метатег указывает MIME-тип (медиатип) документа и кодовую страницу. Тег записывается в формате:
<meta http-equiv="content-Type"
content="MIME-тип; charset =кодовая_страница"> Пример:
<meta http-equiv="content-Type" content="text/html; charset=windows-1251">
Здесь указано, что страница имеет формат HTML в кодировке Windows-1251. Этот метатег следует применять с осторожностью. В настоящее время все современные браузеры могут сами определять тип и кодировку документа. Если указанная в метатеге кодировка документа не совпадет с фактической, то документ будет отображен в нечитаемом виде.

content Language
Заголовок content-Language позволяет указать языковую аудиторию, для которой существует страница. Если страница предназначена для многоязыковой аудитории, то в теле заголовка можно перечислить несколько языков через запятую. Пример:
<meta http-equiv="content-Language" content="ru">
<meta http-equiv="content-Language" content="en,ru">
Могут использоваться только фиксированные коды языков, например:
- ru — русский;
- ua — украинский;
- en — английский;
- fr - французский;
- de — немецкий;
- it — итальянский;
- us — американский вариант английского.

Document state
Метатег Document-state позволяет указывать формат документа: статический или динамический.
<meta name="Document-state" content-"Dynamiс">
<meta name="Document-state" C0NTENT="Static">
Данный метатег предназначен для работы с роботами поисковых систем. По умолчанию подразумевается значение Dynamic. Оно означает, что документ является динамическим и его нужно периодически переиндексировать. Значение static предназначено для статических, редко меняющихся документов, которые не нуждаются в переиндексации.

Resource type
Метатег Resource-type указывает тип документа. Для нормальной индексации страницы должно быть установлено значение document.
<meta name="Resource-type" content="Document">
Также этот метатег может принимать значения: Build, classification, Creation, Formatter, Host, Operator, Rating, Site-languages, Subject, Template, Version.

Generator
Имя программы, в которой была создана страница, например:
<meta name="Generator" content="Название программы">
Author
Метатег, содержащий указание на авторство документа. Значение тега записывается в произвольном формате.
<meta name= "author" content="Aвтор документа">
Copyright
Оказание авторских прав на документ. Значение тега записывается в произвольном формате.
<meta name="Copyright" content="Авторские права">

Кэширование

При кэшировании страница сохраняется во временном хранилище и при запросе этой страницы выдается не ее реальная версия из сети, а сохраненная локальная копия. Кэширование может осуществляться в браузере посетителя и на proxy-серверах, через которые проходит трафик. Так как трафик— это деньги, то администраторы proxy-серверов стремятся его уменьшить всеми возможными способами, и том числе кэшируя все посещенные страницы. Для управления кэшированием служат специальные метатеги. Иногда неправильные настройки кэширования на proxy-серверах приводят к невозможности получения свежей информации. В таком случае никакие мегатеги не работают и помогает только принудительное, ручное обновление каждой страницы с помощью кнопки Обновить.

Pragma
Метатег посылает заголовок с именем Pragma, который служит для указания браузерам и proxy-серверам, работающим по протоколу HTTP 1.0, не кэшировать страницу. Заголовок Pragma может содержать только одно значение - no-cache.
<meta http-equiv="Pragma" content="no-cache">
Cache Control
Заголовок с именем Cache-Control появился в протоколе HTTP 1.1 и служит для управления кэшированием.
<meta http-equiv="Cache-Control" СONTENT="значение">
Директивы этого заголовка должны выполняться по всей цепочке "запрос — ответ" и переписывать директивы кэширования, установленные по умолчанию. Этот заголовок может содержать следующие значения:
- public — разрешение кэширования во всех видах кэшей, даже если в обычных условиях ответ не кэшируется;
- private — весь ответ, либо его часть может кэшироваться только одним авторизованным пользователем. Для всех других кэширование запрещается;
- no-cache — запрет кэширования, где бы то ни было;
- no-store — разрешается только временное кэширование. Сохранение данных в долговременную память запрещается. Однако эта директива не дает никаких гарантий по соблюдению конфиденциальности информации. Пользователь может вручную сохранить страницу через меню браузера;
- no-transform — запрещает трансформацию передаваемых данных, которая иногда происходит на промежуточных proxy-серверах, например, для уменьшения трафика;
- must-revalidate— данная директива необходима для поддержания надежной работы определенных функций протокола. При наличии данной директивы всегда должно следовать обращение к исходному серверу для сверки данных. Если обращение к исходному серверу не удалось, то должен быть выдан соответствующий ответ. Выдача информации без проверки ее актуальности запрещена;
- proxy-revalidate — данная директива имеет то же значение, что и директива must-revalidate, но влияет только на proxy-серверы и не распространяет свое действие на кэш браузеров;
- mах-age — директива управления временем жизни данных в кэше. Данная директива имеет более высокий приоритет, чем заголовок Expires, также управляющий временем актуальности кэшируемых данных.

Примеры:
<meta http-equiv="Cache-Control" content="public">
<meta http-equiv="Cache-Control" content="must-revalidate">
<meta http-equiv="Cache-Control" content="max-age=3600">

Expires
Заголовок Expires содержит дату, начиная с которой данные в кэше следует считать устаревшими. Устаревшие данные должны быть запрошены из их адреса в сети, а не из кэша. В качестве значения должна быть указана абсолютная дата. Пример:
<meta http-equiv="Expires" content="Wed, 2 Mar 2005 00:00:05 GMT">
При ошибочном формате даты, в том числе когда значение равно 0, данная дата должна относится к прошлому. Заголовок Expires не будет иметь значение при наличии заголовка Cache-Control с директивой max-age.


Переадресация

Refresh
Заголовок refresh определяет время в секундах, по истечении которого браузер производит переадресацию страницы по указанному адресу. Пример:
<meta http-equiv="Refresh" content="5; URL=newpage.html">
Здесь происходит переадресация текущей страницы на страницу newpage.html через 5 секунд после получения этого заголовка. Если не указать параметр Url, то страница будет переадресовывать сама на себя.

Location
Заголовок Location определяет адрес документа в Интернете и может использоваться для переадресации. Пример:
<meta http-equiv="Location" content="url=http.www.newsite.ru">

attention Почти все приведенные метатеги носят рекомендательный характер. Они принимаются во внимание не всеми поисковыми роботами и браузерами.



Комментарии:



rotor     27.03.08 в 20:25

Еще часто использую это - <meta http-equiv="imagetoolbar" content="no" /> - убирает всплывающий тулбар над изображениями в IE6. Думаю для коллекции пригодится.





great    18.02.09 09:12

Кстати конструкция <meta http-equiv=\"imagetoolbar\" content=\"no\" /> также блокирует Image Toolbar (addon для Firefox).




Налик    12.03.09 02:54

Оч даже неплохо,я всё непрочитал,но первые строки помогли в разработке моего сайта http://nalik.okis.ru .спасибо=)




Олёна    22.04.09 12:35

Да. Советы дельные и надеюсь поможет http://www.sdm-leasing.com




Александр    05.11.09 22:29

Кликнул )) Вот вопрос как понимать

<meta http-equiv="Expires" content="-1">




Alek Veritov    07.11.09 00:08

не имеет смысла, потому что по спецификации (http://www.ietf.org/rfc/rfc2616.txt) дата должна быть в формате Greenwich Mean Time (GMT), т.е. типа как в примере




anonymous    23.04.10 02:41

пиздато...спасибо!




alexblag3    29.10.10 01:27

Благодарю сердечно!

Russkiymoy.narod.ru




anonymous    24.12.10 13:42

интересная статья, вот немного статей html.svoymaster.com




fantom2    17.11.11 22:16

Кодировка украинского языка uk a не ua






Если вам помогла или просто понравилась эта статья вы можете отблагодарить автора кликнув по рекламе. Спасибо!





комментировать:
прежде чем писать комментарий убедитесь, пожалуйста, что он не попадает в нижеследующие категории:
  • не стоит писать "я чайник, помогите ..." или "я начинающий, объясните ..." - уважайте себя! может вы и новичок, но ведь не тупой же! сами вполне способны во всем разобраться, тем более, что материал здесь изложен весьма доступно

  • не пишите вопросы типа "как мне сделать такую же менюху как наверху?", "куда вставлять этот код?", "как устроен интернет?" и т.д. - уважайте время автора!

  • комментарии вида "все, что здесь написано - бред" будут оставлены только если будут подписаны "я такой-то, разработчик сайта такого-то с посещаемостью 1000 хостов в день" и т.п. Если вы не согласны с чем-то - обоснуйте, напишите как правильно, а писать простые ругательства не надо, это не забор

прямые оскорбления кого бы то ни было будут удалятся!
здоровая критика приветствуется!



от кого:  

security picture