Http equiv


Использование метаданных (HTTP-EQUIV, NAME, REL, REV, BASE) при создании HTML документов

А. Аликберов, andreya@citmgu.ru

  • META-таги
    • HTTP-EQUIV
    • NAME
  • Таг LINK
    • REL
    • REV
    • BASE
  • Список литературы

META-таги

META-таги имеют два возможных атрибута

— <META HTTP-EQUIV="имя" CONTENT="содержимое">
— <META NAME="имя" CONTENT="содержимое">

META-таги должны находиться в заголовке HTML-документа между <HEAD> и </HEAD> (особенно это важно для документов, использующих фреймы).

Атрибут HTTP-EQUIV

META-таги с атрибутом HTTP-EQUIV эквивалентны HTTP-заголовкам. Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Таги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки. HTTP-заголовки описываются в RFC1945 (HTTP/1.0) и RFC2068 (HTTP/1.1).


HTTP-заголовки могут быть сгенерированы с помощью CGI-скриптов. Это позволяют сделать серверы Apache и CERN. В других серверах могут использоваться другие механизмы генерирования заголовков. Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тагов (в частности Date), другие подменяются только при ненормальном статус-коде (<>200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тагов.

Expires

Источники: HTTP/1.1 (RFC2068)

Дата устаревания. Управление кэшированием в HTTP/1.0. В Netscape Navigator это выглядит следующим образом: если указанная дата прошла, то очередной запрос этого документа вызывает повторный сетевой запрос, а не подгрузку документа из кэша. Дата со значением "0" интерпретируется как "сейчас". Такое значение заставляет броузер каждый раз при запросе проверять — изменялся ли этот документ. Это, кстати относится и к прокси-агентам. Поисковые роботы могут либо совсем не индексировать такой документ, либо постоянно "обнюхивать" его.

Дата должна быть задана в формате, описываемом в RFC850,


<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

что эквивалентно HTTP-заголовку

Expires: Wed, 26 Feb 1997 08:21:57 GMT

Pragma

Контроль кэширования для HTTP/1.0. Значением должно быть "no-cache". Очень полезный контейнер, я всегда использую его при выдаче результатов работы любого скрипта.

Content-Type

Источники: HTTP/1.0 (RFC1045)

Указание типа документа. Может быть расширено указанием кодировки страницы (charset). Если же указывать charset в содержании META-тага, то Netscape Navigator выводит такую страницу уже в заданном charset. Однако будьте аккуратны, если текст страницы в кодировке Windows, а значение charset=KOI8-r, то никакими силами пользователь не сможет поменять encoding, чтобы увидеть нормальные слова!

<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-2022-JP">

Content-language

Источники: HTTP/1.0

Указание языка документа. Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого броузером) с содержимым Content-language может быть условием выбора сервером того или иного языка.

<META HTTP-EQUIV="Content-language" CONTENT="en-GB">

что эквивалентно HTTP-заголовку


В недавно вышедшей спецификации HTML 4.0 появилась другая возможность явного указания языка — <html lang=»en»>

Content-language: en-GB

Язык описывается парой значений (язык-диалект). В примере: Английский-Великобритания

Refresh

Источники: Netscape

Определение задержки в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность — автоматическая загрузка другого документа.

<META HTTP-EQUIV="Refresh" Content="3, URL=http://www.name.com/page.html">

что эквивалентно HTTP-заголовку

Refresh: 3; URL=http://www.name.com/page.html

В Netscape Navigator это дает такой же эффект, что и нажатие на кнопку Reload.

Window-target

Источники: Jahn Rentmeister

Определяет окно текущей страницы; может быть использован для прекращения появления новых окон броузера при применении фреймовых структур. Действует для многих (но не для всех) броузеров.

<META HTTP-EQUIV="Window-target" CONTENT="_top">

что эквивалентно HTTP-заголовку

Window-target: _top

Ext-cache

Источники: Netscape

Определяет имя альтернативного кэша для Netscape Navigator

<META HTTP-EQUIV="Ext-cache" CONTENT="name=/some/path/index.db; istructions=User Instructions">


PICS-Label

Platform-Independant Content rating Scheme. Обычно используется для определения рейтинга "взрослости" (adult) содержания (sex,violence, …):-)) однако это довольно гибкая схема и может использоваться для других целей.

Cache-Control

Источники: HTTP/1.1

Определяет действия кэша по отношению к данному документу. Возможные значения:

  • Public — документ кэшируется в доступных для всех кэшах
  • Private — только в частном кэше
  • no-cache — не может быть кэширован
  • no-store — может быть кэширован, но не сохраняется

Vary

Источники: HTTP/1.1

Определяет доступные альтернативы для указанных в CONTENT полей HTTP-заголовка.

<META HTTP-EQUIV="Vary" CONTENT="Content-language">

что эквивалентно HTTP-заголовку

Vary: Content-language

Lotus

Lotus-редакторы генерируют свои собственные поля Bulletin-Date и Bulletin-Text атрибуты. Bulletin-Text содержит описание документа

Атрибут NAME

META-таги с атрибутом NAME используются в случаях, когда поля не соотносятся с HTTP-заголовками. Иногда ясность теряется: некоторые агенты могут интерпретировать таг "Keywords" описанный как NAME, другие — как HTTP-EQUIV

Robots

Источники: Spidering

Управление индексацией страницы для поисковых роботов.

<META NAME="Robots" CONTENT="NOINDEX,FOLLOW">

Возможные значения:

  • ALL
  • NONE
  • INDEX
  • NOINDEX
  • FOLLOW
  • NOFOLLOW

Подробнее об этом в статье "Несколько слов о работе поисковых роботов"

Description

Источники: Spidering, Altavista, Infoseek

Краткая аннотация содержания документа. Используется поисковыми системами для описания документа. Этот таг сильно полезен в случаях, когда в документе мало текста, когда это управляющий фреймами файл (frameset) или в начале документа используются скрипты. Длина текста до 100 символов.

<META NAME="Description" CONTENT="Документ содержит словарь META-тагов">

Подробнее об этом в статье "Несколько слов о работе поисковых роботов"

Keywords

Источники: Altavista, Infoseek

Используется поисковыми системами для индексирования документа. Обычно здесь указываются синонимы к словам в заголовке (title) или альтернативный заголовок. Длина списка до 1000 символов. Не допускается использование одного и того же ключевого слова более 7 раз, поисковые системы просто будут игнорировать это слово.


<META NAME="Keywords" CONTENT="таги,тэги,метаданные,список">

Подробнее об этом в статье "Несколько слов о работе поисковых роботов"

Document-state

Источники: Spidering

Управление индексацией страницы для поисковых роботов. Определяет частоту индексации — или один раз индексировать, или реиндексировать документ регулярно.

<META NAME="Document-state" CONTENT="Static">

Возможные значения:

  • Static
  • Dynamic

Подробнее об этом в статье "Несколько слов о работе поисковых роботов"

URL

Источники: Spidering

Управление индексацией страницы для поисковых роботов. Определяет частоту индексации — или один раз индексировать, или реиндексировать документ регулярно.

<META NAME="URL" CONTENT="absolute_url">

Подробнее об этом в статье "Несколько слов о работе поисковых роботов"

Author

Источники: HTML редакторы

Обычно имя автора, формат произвольный.

Generator

Источники: HTML редакторы

Обычно название и версия редактора, с помощью которого создана эта страница. Может быть использована для определения доли рынка, занимаемого тем или иным продуктом.

Copyright

Источники: HTML редакторы

Обычно описание авторских прав на документ в произвольном формате

Distribution

Возможные значения

  • global
  • local
  • iu (internal use)

Resource-type

Текущее состояние данного файла. Важен для поисковых систем, т.е. если его значение document, то поисковая система приступает к его индексированию.

Прочие

  • Classification
  • Formatter
  • Site-languages
  • Version
  • Template
  • Operator
  • Rating
  • Creation
  • Host
  • Document
  • Subject
  • Build
  • Random text (<META NAME="Joe Smith">)

Помимо перечисленных более или менее стандартных тагов существует еще множество других специализированных, например, для конкретной поисковой машины тагов.

Таг LINK

Таг LINK предоставляет документу независимый от среды метод определения отношения данного документа к другим документам и ресурсам Сети. Используется с аргументами REL и REV. С помощью тага LINK можно:

  • создавать в документе специальные навигационные кнопки или меню
  • управлять процессом отображения набора HTML файлов в печатные документы
  • привязывать такие ассоциированные ресурсы, как таблицы стилей и скрипты
  • предоставлять альтернативные формы для данного документа

<LINK rel=help href="http://www.name.com/help.html">

где http://www.name.com/help.html — страница помощи по данному документу.

Атрибуты REL и REV могут также использоваться с тагом A. Таги LINK могут использоваться только в заголовке документа (head)

Атрибут REL

HTML 3.2 REL-таги

top, contents, index, glossary, copyright, next, previous, search

Некоторые из рекомендованных типов взаимосвязей:

rel=top

Данная связь указывает на вершину в некой иерархической структуре, например на первую, либо титульную страницу в неком наборе документов.

rel=contents

Данная связь указывает на некий файл, где приводится оглавление к данному документу.

rel=index

Данная связь указывает на другой документ, который можно использовать в целях индексного поиска по текущему документу.

rel=glossary

Данная связь указывает на некий документ, где содержится глоссарий терминов, относящихся к текущему документу.

rel=copyright

Данная связь ссылается на текст, где указаны авторские права на данный документ.

rel=next

Данная связь указывает на следующий документ в неком заранее предопределенном маршруте просмотра. Например, она может использоваться для упреждающей автоматической загрузки браузером следующей страницы.


rel=previous

Данная связь ссылается на предыдущий документ в неком предопределенном маршруте просмотра.

rel=help

Данная связь указывает на документ, предлагающий некую помощь, например это может быть текст, дающий более развернутое описание и предлагающий ссылки на другие документы по этой теме. Назначение этой связи — оказание помощи тем читателям, кто потерял свой путь в Web.

rel=search

Данная ссылка ведет к поисковой странице, контролирующей некий набор страниц, связанных общей темой.
Многие системы изобретают свои дополнительные значения аргументов REL и REV

    Таг Schema

    Этот таг содержит URL документа-шаблона. Действие всех метаданных из документа-шаблона будут распространены на документ с тагом Schema (так работает Dublin Core).

    <META NAME="VW96.objecttype" CONTENT="Dictionary">

    <LINK REL=SCHEMA.VW96 HREF="http://vancouver-webpages.com/VWbot/VW96-schema.html">

    ViewCall REL-таги

    home, bookmark, tickertape, vmail, icon, prefetch, keyn, fastxx

    AOLpress REL-таги

    AOLpress использует несколько дополнительных, по сравнению с HTML 3.2, тагов

    Home, ToC, Index, Glossary, Copyright, Up, Next, Previous, Help, Bookmark, First, Last


Атрибут REV

Используется в конструкции LINK для индикации обратного соотношения документов.

<LINK rev=help href="http://www.name.com/index.html">

где текущая страница является страницей помощи для документа http://www.name.com/index.html

Использование <LINK rev=made href="mailto:document-owner"> в случае использования Lynx вызовет автоматическую отсылку почты по адресу document-owner.

Подробнее смотри HTML 3.2

Таг BASE

Этот таг определяет для данного документа базовый адрес URL, который затем будет использоваться для переопределения относительных адресов. Таг BASE полезен, если документ может быть скопирован в другое место или запрошен по другому пути с использованием символической ссылки, или редиректа с imagemap, и т.д.

Подробнее смотри HTML 3.2

citforum.ru

Meta-теги

Если вы откроете исходник любого мало-мальски грамотного сайта, то вы определенно наткнетесь на целый список meta-тегов, расположенных в заголовке страницы между тегами <head> и </head>. Возьму для примера свой сайт www.dikarka.ru. Если открыть код и просмотреть то, что находится в заголовке, можно найти вот такие записи:

<meta http-equiv="CONTENT-TYPE" content="text/html; charset=windows-1251"> <meta http-equiv="EXPIRES" content="Wed, 06 Apr 2005 10:14:45 GMT"> <meta http-equiv="CONTENT-LANGUAGE" content=ru> <meta name="DESCRIPTION" content="Дикая правда, дикие уроки создания web-страничек, дикий обжора, дикаркины рассказы, дикие конкурсы"> <meta name="KEYWORDS" content="уроки html, уроки css, уроки рисования, уроки flash, уроки огородникам, рассказы, кулинария, конкурсы, страхование"> <meta name="AUTHOR" content="Валентина Ахметзянова"> <meta name="ROBOTS" content=index,all> <meta name="REVIZIT AFTER" content="5 days">

Какие-то выражения вам покажутся знакомыми, какие-то вы поймете интуитивно, а какие-то вам покажутся полной абракадаброй. Вот и займемся на этом уроке изучением непонятного. Чтобы вы могли сами решить, что использовать на своих сайтах, а что можно и опустить за ненадобностью.

Все мета-теги делятся на две группы: группа HTTP-EQUIV и группа NAME.


META HTTP-EQUIV=»REFRESH»

У меня был такой случай — писала-писала я свои уроки, начиная со странички lessons.html — долго так писала, чуть рука не отсохла. Сайт у меня тогда был то ли во фреймах, то ли просто в таблицах, уже и не припомню. Потом сайт я переделала, ввела технологию SSI (которой мы с вами скоро займемся), и пришлось мне переименить расширения всех страничек из .html в .shtml.

Так как страничек на сайте у меня накопилось порядочно, то и времени на переделку у меня ушло… дай бог памяти… Неделю точно корпела.

Ну вот, пишу дальше свои уроки, радуюсь притоку новых посетителей. Но недолго. Стали мне приходить гневные письма, смысл которых был примерно следующим: «аааааааааа! Где уроки???? Я же их поставил(а) в любимые ссылки, каждое утро с них и начинал(а), а теперь што? Теперь там голое место! Вертайте все назад!» Ну и дальше в том же духе. Типа как я могла, как мне не стыдно и требовали прекратить это безобразие и вернуть все «как раньше стояло».

Как же я расстроилась! Ну не поворачивать же прогресс вспять! Да даже если я поверну… меня же закидают помидорами новые ученики, которые уже пришли на новые страницы! Можно было конечно две версии дальше писать. Но это еще глупее. Думала я, думала… и наконец придумала! Написала я одну страничку lessons.html следующего содержания: «Mилые граждане, уроки переехали на новый адрес!» И ссылку дала. А для особо непонятливых, написала в заголовке head странички код:

<html> <head> <title>Переход на другую страничку</title> <meta http-equiv="REFRESH" content="1; URL=http://www.dikarka.ru"> </head> <body> ДИКАЯ ПРАВДА <script>var wbcr_clearfy_async_links={"wbcr_clearfy-google-fonts":"https:\/\/fonts.googleapis.com\/css?family=Open%20Sans:regular,700,600|Open%20Sans%20Condensed:300,300italic,700&subset=latin,latin-ext"};</script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/lmksqlp0/ftsd4.js'></script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/eho26kgk/ftsd4.js'></script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/eh0qk20p/ftsd4.js'></script> <script async src="//sjsmartcontent.org/static/plugin-site/js/sjplugin.js" data-site="6gx9"></script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-1", renderTo: "yandex_rtb_R-A-526878-1", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-2", renderTo: "yandex_rtb_R-A-526878-2", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-3", renderTo: "yandex_rtb_R-A-526878-3", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-4", renderTo: "yandex_rtb_R-A-526878-4", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-5", renderTo: "yandex_rtb_R-A-526878-5", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-6", renderTo: "yandex_rtb_R-A-526878-6", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-7", renderTo: "yandex_rtb_R-A-526878-7", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-8", renderTo: "yandex_rtb_R-A-526878-8", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-9", renderTo: "yandex_rtb_R-A-526878-9", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-10", renderTo: "yandex_rtb_R-A-526878-10", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-11", renderTo: "yandex_rtb_R-A-526878-11", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>(function($){ $(document).ready(function(){ "use strict"; $('.search-icon > .genericon-search').click(function(){ $('.header-search').css('display', 'block'); $('.search-icon > .genericon-search').toggleClass('active'); $('.search-icon > .genericon-close').toggleClass('active'); }); $('.search-icon > .genericon-close').click(function(){ $('.header-search').css('display', 'none'); $('.search-icon > .genericon-search').toggleClass('active'); $('.search-icon > .genericon-close').toggleClass('active'); }); }); })(jQuery);</script> <script>window.addEventListener("load",function(){setTimeout(function(){document.body.classList.add("load");.1>Math.random()&&document.querySelector("#copyright p").insertAdjacentHTML("afterend","<img src='//counter.yadro.ru/hit?t44.1;r"+escape(document.referrer)+("undefined"==typeof screen?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";"+Math.random()+"' border=0 width=1 height=1 alt='' title=''>")},1E3)});(function(b,f){var d=b.innerHTML;if(null!=d){var a=[],l=[],c=0,r=[];d.split("\u200b").forEach(function(e,b,d){"<"==e.trim()[0]?a[b]=e:(l[c]=e,r[c]=b,c++)});var e=l.length,g=0,y=0,h=0;f>e&&(f%=e);var m=[];l.forEach(function(a,l,c){a=(h+1)*f;a-g>=e&&(h=0,g++,a=f);m[r[l]]=a-g;y++;h++});m.forEach(function(e,c,b){a[c]=l[e]});d=a.join(" ");b.innerHTML=d;b.style.opacity=1}})(document.querySelectorAll(".linkout")[0],11);(function(){function b(){Array.prototype.forEach.call(document.querySelectorAll("span[title]"),function(d,a){d.outerHTML='<a href="'+d.title+'">'+d.innerHTML+"</a>";d.removeEventListener("mouseenter",b)})}var f=document.querySelectorAll("span[title]");Array.prototype.forEach.call(f,function(d,a){d.addEventListener("mouseenter",b)})})();(function(){function b(a){var c=0;if(a.offsetParent){do c+=a.offsetTop;while(a=a.offsetParent);return c}}var f=window.addEventListener||function(a,c){window.attachEvent("on"+a,c)},d=window.removeEventListener||function(a,c,b){window.detachEvent("on"+a,c)},a={cache:[],mobileScreenSize:500,addObservers:function(){f("scroll",a.throttledLoad);f("resize",a.throttledLoad)},removeObservers:function(){d("scroll",a.throttledLoad,!1);d("resize",a.throttledLoad,!1)},throttleTimer:(new Date).getTime(),throttledLoad:function(){var b=(new Date).getTime();200<=b-a.throttleTimer&&(a.throttleTimer=b,a.loadVisibleImages())},loadVisibleImages:function(){for(var d=window.pageYOffset||document.documentElement.scrollTop,c=d-550,d=d+(window.innerHeight||document.documentElement.clientHeight)+550,f=0;f<a.cache.length;){var e=a.cache[f],g=b(e);g>=c-(e.height||0)&&g<=d?(g=e.getAttribute("data-src-mobile"),e.onload=function(){this.className=this.className.replace(/(^|\s+)lazy-load(\s+|$)/,"$1lazy-loaded$2")},e.src=g&&screen.width<=a.mobileScreenSize?g:e.getAttribute("data-src"),e.removeAttribute("data-src"),e.removeAttribute("data-src-mobile"),a.cache.splice(f,1)):f++}0===a.cache.length&&a.removeObservers()},init:function(){document.querySelectorAll||(document.querySelectorAll=function(a){var c=document,b=c.documentElement.firstChild,e=c.createElement("STYLE");b.appendChild(e);c.__qsaels=[];e.styleSheet.cssText=a+"{x:expression(document.__qsaels.push(this))}";window.scrollBy(0,0);return c.__qsaels});f("load",function c(){for(var b=document.querySelectorAll("img[data-src], iframe[data-src]"),e=0;e<b.length;e++)a.cache.push(b[e]);a.addObservers();a.loadVisibleImages();d("load",c,!1)})}};a.init()})();(function(b,f,d){function a(){h="ca3TJzF7f1WBawiKqZe0Fb ca8p3KxhySp1SuWzMoYFRz caNJ714ZfwW0R7mzI16xTW ca2gmctOpntJ774AvODS9K cahZbR7tz47ZoQjOxIRfyg caANIUPiHo8g0f40gsYK6t carvzwt39mfumdNOWr82NV cagsVKAa4WMsTmTTfPUhrV".split(" ");m=120;x=10;t=0;q=b.querySelectorAll(".linkout")[0];v={a:"9310",b:"86539"};k="syst";var a;700<q.offsetWidth&&(a=["cavBoy4iGzlBTfqR9osv7V","caSU6uR2642xVuLEUWWxrA","cb1FFH6LSWVzsau8UqLCdr","cb5TFA172Xwrk4MOVORKev"],h=h.concat(a));"localStorage"in f&&null!==f.localStorage?(n=1,p=d,a=+p.getItem("n"),3<a&&(m=10*m*a),null!=p.getItem(k)&&Date.now()-p.getItem(k)<1E3*m&&(n=0),10>a&&1==n&&p.setItem("n",++a)):n=-1;0!=n&&(w=u=0,2==t&&c(1),1<=t&&c(0),f.addEventListener("scroll",l),1==n&&0<t&&p.setItem(k,Date.now()))}function l(){var a=q.getElementsByClassName(k),b=0;0<a.length&&(a=a[a.length-1],b=a.getBoundingClientRect().top+g()+a.offsetHeight);0<h.length&&Date.now()-p.getItem(k)>1E3*x&&b<g()&&c(0);2>h.length&&f.removeEventListener("scroll",l)}function c(a){var b=Math.floor(Math.random()*h.length);a=1==a?q.querySelector("h1"):y();r(a,h[b],1);h.splice(b,1)}function r(a,b,c){if(0==u){u=1;var d=b[1],f=b.slice(2),g;a.insertAdjacentHTML(c?"afterend":"beforebegin",'<div class="'+k+" "+(k+w)+'" id="'+b+'"></div>');"a"==d&&(bid=f,sid=v[d],g="//v3.actionteaser.ru/news.js");"b"==d&&(bntuniqid=f,bntuniqsid=v[d],g="//ledsitling.pro/news.js");async=1;e(g);w+=1;1==n&&p.setItem(k,Date.now())}else setTimeout(function(){r(a,b,c)},500)}function e(a){var c=b.createElement("script");c.src=a;c.async=!0;b.head.appendChild(c);c.onload=function(){setTimeout(function(){u=0},1E3)}}function g(){return b.documentElement.scrollTop||b.body&&b.body.scrollTop||0}function y(){var a=q.querySelectorAll("p, br, li, h2, h3, h4"),b=0;Array.prototype.forEach.call(a,function(a,c){a.getBoundingClientRect().top+g()>g()+1.5*f.innerHeight&&0===b&&(b=a)});return b}var h,m,x,t,q,v,k,n,u,w;w=u=n=k=v=q=t=x=m=h=void 0;var p;"loading"!=b.readyState?a():b.addEventListener("DOMContentLoaded",a)})(document,window,localStorage);</script> <script>document.write("<img src='//counter.yadro.ru/hit?t44.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='1' height='1'>")</script> <script async src="https://allstat-pp.ru/587/631aceeccb6533ad8cd3f434f0d524570d360ead.js"></script> <script>(function(w, d, n, s, t){ w[n]=w[n]||[]; w[n].push(function(){ Ya.Context.AdvManager.render({ blockId: "R-A-526878-12", renderTo: "yandex_rtb_R-A-526878-12", async: true }); }); t=d.getElementsByTagName("script")[0]; s=d.createElement("script"); s.type="text/javascript"; s.src="//an.yandex.ru/system/context.js"; s.async=true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");</script> <script>var from_top=1000; jQuery(document).ready(function(){ setTimeout(function(){ jQuery('div#slideup_form').addClass('loaded'); },4000); jQuery('div#slideup_form .close_slideform').click(function(){ jQuery('div#slideup_form').addClass('hide'); setTimeout(function(){ jQuery('div#slideup_form').remove(); },3000); }); jQuery(window).scroll(function(){ if(!jQuery('#slideup_form').hasClass('active')){ if(jQuery('#slideup_form').hasClass('loaded')){ if(jQuery(window).scrollTop() >=from_top){ jQuery('#slideup_form').addClass('active'); jQuery('#slideup_form').slideDown('slow'); }} }}); });</script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/m8h66kb2/ftsd4.js'></script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/kl2c7t06/ftsd4.js'></script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/9l9gesow/ftsd4.js'></script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/g0dpzfg6/ftsd4.js'></script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/2fqpu9ze/ftsd4.js'></script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/kymfnhww/ftsd4.js'></script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/lnwj5jmw/ftsd4.js'></script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/8xpxhshr/ftsd4.js'></script> <script src='//seoblog.life/wp-content/cache/wpfc-minified/8tkpzv36/ftsd4.js'></script> <script defer src='//seoblog.life/wp-content/cache/wpfc-minified/zgtkihm/ftsd4.js'></script> </body> </html>

Видите, я специально выделила жирным нужную строчку. Как раз она и отвечает за загрузку новой странички www.dikarka.ru И сделает она ровно через секунду, так как я написала content=»1;…» А если страничка вдруг не загрузится, то, на всякий случай я ссылочку поставила. a href=»www.dikarka.ru», чтобы уж наверняка мой уважаемый посетитель не удрал на чужой сайт.

Вот эта ССЫЛКА

Еще один момент. Если у вас сайт часто обновляем, например вы туда запихиваете каждую минуту новости, то можете написать вместо переадресации адрес той же странички с кодом content=»60″. И она будет обновлять сама себя каждые 60 секунд! В этом случае адрес не нужно указывать. Просто напишите

<meta http-equiv="REFRESH" content="60">

Вот и все! Такая вещь очень полезна в чатах. Если мы дойдем до уроков PHP когда-нибудь, то обязательно воспользуемся этим META-тегом. Только напомните! А то ведь я и забыть могу. И будут тогда ваши чатлане сидеть и часами ждать когда же их мудрые изречения появятся на свет божий. И, скорей всего, они сбегут с такого чата, возмущенные таким к себе отношением.

Хотя, скажу прямо, существует и другой способ переадресации страницы с помощью средств JavaScript. И, чтобы не делать отдельный урок, я этот скрипт тут и приведу, ладно? Просто нужно вставить следующий код в любое место вашей странички

И уверяю вас, вы и пикнуть не успеете, как перенесетесь по заветному адресу на www.dikarka.ru. Как раз в мои объятья.


META HTTP-EQUIV=»CONTENT-TYPE»

Вообще, бывают мета-теги как необязательными (в предыдущем примере), так и обязательными. Вот этот тег — тег кодировки — является очень даже обязательным. И отвечает он за правильное отображение текста. Наверняка приходилось вам бывать на сайтах, где вместо букв — непонятные слова и знаки. Думаю, вы мысленно ругаете такого горе-дизайнера самыми обидными словами. Но нас с вами теперь уж никто точно никто не обругает, и если нам, например нужна кирилица (windows), мы сразу напишем замечательную строчку:

<meta http-equiv="">

Вот еще некоторые значения, которые могут использоваться:

  • KOI8-r — Кириллица (КОИ8-Р)
  • Windows-1252 — Западная Европа (Windows)
  • cp866 — Кириллица (DOS).

Так что дерзайте! Единственно, убедитесь в том, что ваш сервер не переиначит все по своему. А то ведь и такое бывает — пишешь одну кодировку, сервер, не читая изменяет ее на другую, а в результате получается каша, расхлебывать которую придется вам.


META HTTP-EQUIV=»EXPIRES»

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

Например вы сделали замечательный сайт, людям он очень понравился, они даже подписались на все ваши рассылки. А вы и рады стараться. Обновили сайт, добавили туда кучу новой полезной информации и разослали всем своим подписчикам письма — типа приходите, любуйтесь, пользуйтесь, мне не жалко! Это все для вас! Ну, народ, бросив все свои дела, рванулся к вам за свежатенькой, а там — событья трехмесячной давности. Короче, вы один только и любуетесь на свои изменения и удивляетесь падению интереса к вашему уникальному ресурсу!

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

<meta http-equiv="EXPIRES" content="Wed, 06 Apr 2005 10:14:45 GMT">

И это будет означать — с 6 апреля 2005 года 10 часов 14 минут 45 секунд по Гринвичу прошу считать документ устаревшим и загрузить в кэш новую версию сайта! И тут же старый кэш сотрется, а новый забьется. До нового вашего распоряжения.

Вот уж народ возрадуется, вот уж возликует, вот уж не только сам притащится на сайт, но и знакомых, родственников и всех друзей притащит. Что значит сила META-тега!


META HTTP-EQUIV=»PRAGMA»

А с помощью этого meta-тега вы можете вообще запретить кэширование вашего документа. Просто нужно написать строчку

<meta http-equiv="PRAGMA" content="NO-CACHE">

Вот и все! Коротко и ясно!


META HTTP-EQUIV=»CONTENT-LANGUAGE»

В этом случае вы можете сразу указать, какой язык вы используете. Для этого достаточно указать в стандарте ISO двухсимвольное имя языка, используемого на вашем сайте. Для русского это будет «ru», для английского — «en», немецкого — «de», французского — «fr», итальянского — «it», японского — «ja», и так далее. Можно даже указать диалект. Так, «en-US» будет означать «английский язык. Американская версия», а «en-GB» — английский язык. Великобритания. А вто и два примерчика. Думаю, они вам будут понятны и без пояснений:

<meta http-equiv="CONTENT-LANGUAGE" content="en-GB"> <meta http-equiv="CONTENT-LANGUAGE" content=ru>


META HTTP-EQUIV=»CACHE-CONTROL»

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

  • NO-CACHE. Запрет на кэширование
  • PRIVATE. Браузером может кэшироваться, но proxy-сервером — ни за что!
  • PUBLIC. Будет кэшироваться при любых обстоятельствах
  • NO-STORE. Кэшироваться будет, но в историю не попадет.

Будет это выглядеть примерно так:

<meta http-equiv="CACHE-CONTROL" content="private">

А теперь перейдем к META-тегам группы «NAME».


META NAME=»KEYWORDS»
и
META NAME=»DESCRIPTION»

Наверняка вы уже встречались с этими тегами. Однако для полноты картины расскажу и о них. Может кому-то это и будет в диковинку.

Эти два тега служат для описания вашего сайта. И помогают поисковым системам вывести о вашем сайте правильную информацию. Вернее, это раньше так было. Можно было внести в ключевые слова чуть ли не всю советскую энциклопедию и радоваться обилию посетителей и первым местом в поисковых системах, теперь этот номер не пройдет. Теперь эти слова вообще не учитываются. Но по привычке люди пишут и пишут ключевые слова. Привычка, понимаете ли. Я вот тоже никак не могу избавиться от этой привычки и в каждую страничку запихиваю все слова, по которым, мне кажется все помчатся на мой сайт. Может и зря пишу, а может и не зря. Так что можем написать вместе:

<meta name="KEYWORDS" content="уроки html, рассказы, кошки, собаки, конкурсы, кулинария">

А вот к другому тегу DESCRIPTION отнеситесь, пожалуйста, с большим уважением. Представьте, что это маленький анонс вашей странички. И вот этот анонс тот же Яндекс вывесит вместе с результатом поиска. Если же нет, то он выхватит первый попавшийся текст, который может абсолютно ничего не сказать вашему возможному посетителю.

Вот я возьму и наберу в строчке поиска Яндекса фразу «дикая правда». И получу на первой странице следующие ссылки:

  1. ДИКАЯ ПРАВДА
    У каждого своя правда Вот у меня она — дикая И мои Дикие уроки мастерства — не исключение!
  2. А район там хороший,да дикий > правда….:)Хе — хе
  3. ..Полное ощущение «дежа вю», только за окном — Москва, а не Барнаул, и вместо страшной неизвестности — дикая правда
  4. Прапор… дикий…. правда мал ещё )
  5. это кстати, не сарказм. и дикая правда. ну вы считайте

Видите, только в первом случае связная информация, в остальных же случаях — какие-то вырванные фразы, и естесственно, посетитель скорее всего не пойдет туда, где непонятно что его ждет. Хотя, бывают и исключения.

Но вы старайтесь писать грамотно, кратко и так, чтобы посетитель сразу же захотел пойти только по вашей ссылке! Пусть описание не влияет на рейтинг, но зато помогает ориентироваться посетителю. И придут к вам как раз те, которые так нуждаются в ваших трудах!

Так что как описать свой сайт, каждую свою страничку — решайте сами. Но опишите обязательно. А я напишу вот так:

<meta name="DESCRIPTION" content="Дикая правда. Самые дикие и веселые уроки создания собственных web-страничек. А также Дикие конкурсы, Дикие рассказы и Дикая кулинария. Присоединяйтесь!">


META NAME=»DOCUMENT-STATE»

Этот тег указывает поисковикам нужно ли им присылать своих роботов для переиндексации или достаточно одного раза. Поэтому, если у вас статичная страница, можете написать

<meta name="DOCUMENT-STATE" content="Static">

В противном случае, замените на content=»Dynamic». И тогда робот будет приходить сам и обновлять данные ваших страничек


META NAME=»REVIZIT AFTER»

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

<meta name="REVIZIT AFTER" content="7 days">

И будьте уверены, робот-полицейский раз в неделю, как на работу будет приходить и делать свою работу. И что радует, совершенно бесплатно!


META NAME=»ROBOTS»

А с этим тегом мы можем давать разные указания роботу, что можно индексировать, а что нет. Мало ли, владелец сайта решил держать все свои секреты на секретной странице секретного сайта. И никому об этом не сказал. А роботу что? Его дело маленькое. Ну, попросил его кто-то найти домашний рецепт изготовления водородной бомбы или там имя любовницы своего шефа, ну он и рад стараться. Залез на засекреченный сайт, все списал и выложил для ознакомления почтеннейшей публике. И все! Пропал секрет!

Вот поэтому и был для этого разработан специальный тег для роботов. И разные значения тоже разработали. Вот они:

Возможные варианты:

  • INDEX — документ можно индексировать
  • NOINDEX — нельзя индексировать
  • FOLLOW — если в документе есть ссылки, указывающие на другие страницы, то их индексировать можно
  • NOFOLLOW — если нет ссылок на документы, то нельзя индексировать
  • ALL — можно все инедксировать
  • NONE — ничего нельзя индексировать

Пример, когда можно идексировать сайт, но если ссылок на какие-то страницы нет, туда не лезть!

<meta name="ROBOTS" content="INDEX,NOFOLLOW">

Пожалуй, это все, что может вам пригодиться. Есть еще много других мета-тегов, которые не столь популярны.

Единственно, могу еще посоветовать в код своей странички поместить свою фамилию и авторские права. Мало ли… кто-то возьмет и сопрет весь ваш сайт вместе с потрохами. И выложит на сервер и заявит, что все это его! Но не на того напали! Вы откроете его код и ткнете носом в свои иницалы. Тут ему и стыдно станет. Конечно же, он может и сам догадаться и переправить ваши права на свои. Но, надеюсь, до этого дело не дойдет!

А написать можно примерно так:

<meta name="AUTHOR" content="Валентина Ахметзянова"> <meta name="COPYRIGHT" content="Это все мое. Прошу не тырить!">

Ну вот, вроде и подстраховались.

www.dikarka.ru

The http-equiv attribute is used by servers to gather information about a page using the HTTP header. The meta tag’s http-equiv attribute set is similar to a http header. The attribute lets you to send additional information to the browser in the http header. I rarely use any http-equiv meta elements other than content-type, and had never really thought about them for any purpose other than caching, So, as I looked deeper into the possible values, I thought I would “share”. There isn’t as much depth to this post as my usual endeavors, but hopefully this will make a good resource to bookmark.

Structure of Meta Element

The structure of the meta element is:

<meta http-equiv="value" content="value" />

Do not include the name attribute in the meta when the http-equiv attribute is included.

Do include the content attribute. Below are the various values for the http-equiv attribute:

Values for http-equiv

<meta http-equiv=”content-type” content=”type; charset=charset” />
http-equiv=”content-type” indicates the type of data sent to the browser, enabling the browsers to know what to do with data received. The <meta> element, in all its forms, are optional. Content-type is the one you really don’t want to omit. For English sites use <meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />. There are many other possible values for content, such as <meta http-equiv=”content-type” content=”text/html; charset=ISO-2022-JP” /> for Japanese sites.
<meta http-equiv=”expires” content=”date” />
The date indicates the date and time that the document is set to expire. When the date is reached, the document will be reloaded even if the document is stored in the cache. This <meta> element is used to disable caching of the document: simply put a date that has passed in the date, and this will cause the browser to fetch new files. Put a date far into the future if you want the page to be cached. Note that IE6 will fetch the content of a users home page when a new browser window is opened, even if you set it to cache.

<meta http-equiv=”set-cookie” content=”name=value; expires=date; path=url“” />
The name is the name of the cookie.The value is the value to be set for that named cookie. The date is the date and time when the cookie will be deleted from the the computer. The date is optional. If you don’t include an expiration date and time, the cookie will be deleted when you exit the browser. You can include more than one http-equiv=”set-cookie” if you need to set more than one cookie name/value pair.
<meta http-equiv=”content-encoding” content=”data encoding” />
Indicates the encoding of the returned data; usually the compression type. For g-zipped documents, use <meta http-equiv=”content-encoding” content=”gzip” />
<meta http-equiv=”allow” content=”methods” />
Supposedly you include methods supported by server, but I’ve never seen this in action.
<meta http-equiv=”date” content=”date” />
Include the date and time that the page was created.
<meta http-equiv=”last-modified” content=”date” />
The content is the date and time the page was last modified.
<meta http-equiv=”location” content=”n; url” />
<meta http-equiv=”refresh” content=”n;url=url” />
ex. <meta http-equiv=”refresh” content=”12″ />
ex. <meta http-equiv=”refresh” content=”3;url=http://www.evotech.net/blog” />n is the interval at which time the page should be refreshed: in our example, the page will refresh every 12 seconds. If included, url is the location the page will redirect to. Our second example would cause the page to redirect to Community MX after 3 seconds. Please do NOT use this method to redirect to a new URL. It is not accessible.

<meta http-equiv=”window-target” content=”location” />
The http-equiv=”window-target” specifies the “named window” of the current page. The main use is to prevent a page from appearing inside another framed page: <meta http-equiv=”window-target” content=”_top” />. Usually this means that the Web browser will force the page to go the top frameset.

<meta http-equiv=”www-authenticate” content=”” />
http-equiv=”www-authenticate” is one method of providing basic access authentication, but providing such authentication in such a visible manner is not recommended for security reasons.
<meta http-equiv=”pics-label” content=’labellist‘ />
The Platform for Internet Content Selection (PICS) is a standard for labeling online content: basically online content rating. To generate the labelist, visit safesurf or another labellist generator. Note that the content attribute uses single quotes, because the PICS label syntax uses double quotes.

<meta http-equiv=”pragma” content=”option” />
<meta http-equiv=”cache-control” content=”option” />
You can use the http-equiv=”expires” with a past date to ensure that the browser retrieves fresh files from the server (rather than caching). Since not all client browsers and caching devices (e.g. proxy servers) are known to successfully implement all no-caching options, include multiple no-caching options, including:

<meta http-equiv="pragma" content="no-cache" />  <meta http-equiv="cache-control" content="max-age=0" />  <meta http-equiv="cache-control" content="no-cache" />  <meta http-equiv="cache-control" content="no-store" />
<meta http-equiv=”content-language” content=”languageCountry” />
Enables language specification, enabling search engines to accurately categorize the document into language and country. The language is the main language code, and the country is the country where the dialect of the language is more specific, such as en-US versus en-GB, US English versus English spoken in Great Britain. <meta http-equiv=”content-language” content=”de-AT” /> would be German as is spoken in Austria.

<meta http-equiv=”content-script-type” content=”language“>
The default script language for the script element is javascript. If you aren’t using JavaScript as your default, declare <meta http-equiv=”content-script-type” content=”text/VBscript”> informs the browser which type of scripting language you are using by default: is this case, Visual Basic.

<meta http-equiv=”page-enter” content=”revealtrans(duration=seconds,transition=num)” />
<meta http-equiv=”page-exit” content=”revealtrans(duration=seconds,transition=num)” />
Page-enter and page-exit are Microsoft proprietary transitions that only work in Internet Explorer. The seconds is how long the transition should take, and num is an integer between 0 and 23, correlated with a specific type of transition (23 is random).<meta http-equiv=”page-enter” content=”revealtrans(duration=2,transition=6)”>. There are 23 transitions, from 0 – 22. A transition with value of 23 is allows Internet Explorer to randomly select from the 23 available transitions. <meta http-equiv=”page-enter” content=”blendTrans(duration=sec)” /> is another value.

<meta http-equiv=”imagetoolbar” content=”no”>
Another IE specific (which means you shouldn’t use it) http-equiv value is “imagetoolbar”. In some versions of Internet Explorer, when an image is hovered, an image toolbar appears. <meta http-equiv=”imagetoolbar” content=”no”> enables the disabling of the image toolbar.

Notes:

  • The following characters appearing within the content must be escaped using SGML entities:

    single quote
    & & ampersand
    > > greater than
  • Note: Dates take the following format:
    Thu, 25 Nov 2008 16:15:30 GMT

www.standardista.com

Пример использования элемента meta[править | править код]

[1] Один из вариантов применения тега meta — указание HTTP-заголовков, которые должны быть отправлены клиенту до отправки самой веб-страницы. Например:

Такая запись указывает, что страница должна быть отправлена вместе с HTTP-заголовком Content-Type: text/html. Такой заголовок указывает браузеру или другой программе тип отправляемого документа. Тем не менее, несмотря на то, что первоначально предполагалось, что веб-серверы будут считывать метатеги внутри отправляемых клиенту веб-страниц, и формировать HTTP-заголовки в зависимости от их содержимого, на практике это не реализовано в наиболее используемых веб-серверах, соответственно, веб-серверы не меняют отправляемые клиенту HTTP-заголовки, а клиент (веб-браузер) обрабатывает эти метатеги самостоятельно[1] (в частности, данные из метатегов могут заменять данные, получаемые из HTTP-заголовков[2]).

Кроме того, метатеги могут использоваться для того, чтобы сообщить браузеру информацию о документе, когда HTTP-заголовки недоступны (например, если страница открывается локально с диска, а не загружается с веб-сервера).

В общей форме метаданные записываются в следующем виде: в теге meta указывается атрибут name (имя) и связанный с ним атрибут content (содержимое), в котором описывается какой-либо аспект веб-страницы, например, ключевые слова:

Функции метатегов[править | править код]

Основной[2] особенностью тегов этого типа является то, что они не имеют отображаемого контента, располагаются в разделе HEAD и могут содержать любую дополнительную информацию для автоматической обработки веб клиентами — браузерами, роботами, специализированным ПО.

По назначению предоставляемой информации можно условно выделить наиболее широко используемые группы:

  • Сведения о документе: авторство, источники и т. п.;
  • Информация для поисковых роботов: ключевые слова, краткое описание, и[1] т. д.;
  • Инструкции для браузеров: кодовые страницы, куки, интервалы автоматического обновления;
  • Инструкции для специализированного ПО и различных сервисов, например — указание для программ парсеров адреса с копией данных страницы подготовленных для машинной обработки.

Группы метатегов[править | править код]

Наиболее широко используемые группы: NAME— для предоставления информации общего назначения и HTTP-EQUIV — для указания в теле страницы эквивалентов заголовков протокола HTTP.

В HTML5 стандартизирован атрибут charset, для указания кодировки документа (см. пример ниже). Поддерживается всеми современными браузерами и корректно распознается всеми поисковыми системами.

NAME[править | править код]

Author и Copyright[править | править код]

Эти теги, как правило, не используются одновременно. Функция тегов — идентификация автора или принадлежности документа. Тег Author содержит имя автора Интернет-страницы, в том случае, если сайт принадлежит какой-либо организации, целесообразнее использовать тег Copyright. В настоящий момент имеют крайне низкую актуальность.

Кроме этого, теги Author и Copyright могут содержать дополнительный атрибут «lang», позволяющий определить язык, использующийся при указании значения свойства

Description[править | править код]

Предназначен для предоставления поисковым системам краткого описания содержимого страницы для индексации и вывода сопроводительной информации в выдаче результатов поиска. Когда-то информация из этого тега обязательно отображалась в поисковой выдаче и имела особый вес при индексации, однако, в связи со злоупотреблениями, различные поисковые системы используют разные алгоритмы для оценки релевантности указанного в теге описания и содержимого страницы, на основании чего могут игнорировать содержимое тега.

Несмотря на это, предпочтительно заполнять этот тег, но учитывать, что эффективная длина текста, который можно поместить в этот тег различными поисковиками устанавливается по своему усмотрению и на текущий момент рекомендуемый размер составляет от 70 до 140 символов, а максимально обрабатываемый не превышает 400.

Достоверно известно:

  • Содержимое тега учитывается и иногда используется для показа в выдаче результатов поиска. Например, как об этом сообщает Яндекс:

    <meta name=»Description» content=»…»/> — содержание данного тега может использоваться в сниппетах (описаниях сайтов на странице результатов поиска);

    В некоторых «волшебных» случаях, даже при наличии этого тега в выдаче поисков в качестве описания страницы используется текст из неё. И это не всегда лид-абзац (первый на странице).

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

Более подробно в статье «Длина Description тега для Яндекса и для Google»

Document-state[править | править код]

Метатег Document-state также может учитываться при индексации страницы поисковиками. Учитываются два значения атрибута content — Static и Dynamic. Значение Static указывает, что документ изменяется крайне редко, Dynamic (по умолчанию) — страница создается при запросе и может меняться в зависимости от дополнительных условий запроса. Лет 20 назад[когда?] имел важное значение, в настоящий момент сложно представить чем информация из этого тега может помочь поисковику, проводящему анализ страницы по множеству параметров и с использованием весьма сложных и разнообразных алгоритмов.

Generator[править | править код]

Данный метатег когда-то активно использовался разработчиками программ для редактирования веб-страниц — в качестве значения тега разработчики таких программ, как правило, указывали название своего продукта, либо иную идентифицирующую информацию. Чуть позднее эстафету подхватили разработчики CMS. С помощью этого тега некоторые разработчики пытались если не контролировать, то хотя-бы примерно подсчитывать количество установок своих разработок. Однако вскоре, осознав, что этим облегчают жизнь всяким вредоносным «не товарищам», от этой порочной практики наиболее сознательные разработчики отказались. Дело в том, что имея информацию об уязвимостях и внутренней структуре системы, достаточно легко обнаружить сайты использующие её и воспользоваться уязвимостями в своих далеко не благовидных целях. По сути, для CMS — данный тег, как вывеска: заходи кто хочет и живи как дома.

Может иметь смысл для некоторых программ редактирования HTML, которые могут учитывать особенности других редакторов и использовать это для обратного инжинирига сохраненной страницы. Например редактор Macromedia DreamWeaver (ныне Adobe DreamWeaver) при открытии файлов HTML, созданных в Microsoft Word и Microsoft Excel автоматически удалял и модифицировал избыточную и специфичную разметку созданную этими программами.

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

По большому счету на сегодня — мусор. В настоящее время сознательными гражданами, а также негражданами, но сознательными, используется крайне редко, от слова «совсем».

Keywords[править | править код]

Используется для предоставления данных поисковикам для повышения значимости некоторых слов при поиске.

Почти все поисковики игнорируют слова из этого списка если они не встречаются в видимой части страницы. Рекомендованное количество слов в данном теге — 5-10. Кроме того, опытным путем выявлено, что разбивка этого тега на несколько строк влияет на оценку поисковыми машинами релевантности страницы запросу.

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

Resource-type[править | править код]

Описывает свойство или состояние страницы. Если значение тега отличается от «Document», то поисковые системы его не индексируют или могут применять особые алгоритмы индексации. Метатег предназначен для масштабирования document (используется по умолчанию), rating, version, operator, formatter, creation и другие. Имеет узконаправленное применение, во избежание недоразумений рекомендую не применять без должного понимания.

Revisit[править | править код]

Тег позволяет сообщить поисковым роботам о желательном сроке реиндексации документа в поисковой системе. Абсолютно все поисковики фиксируют его значение, но абсолютно все не особо стремятся исполнить пожелания неизвестного автора страницы. На сегодня совершенно бесполезен — гораздо большее влияние на поведение роботов имеет реальная частота обновления данных на сайте и его популярность. То есть динамические страницы популярного сайта роботы «простукивают» гораздо чаще, чем редко изменяемые блоги одиночек, какие бы цифры не были указаны с помощью этого мета.[3].

Robots[править | править код]

Тег формирует информацию о гипертекстовых документах, которая поступает к роботам поисковых систем. Значения тега могут быть следующими: Index (страница должна быть проиндексирована), Noindex (документ не индексируется), Follow (гиперссылки на странице отслеживаются), Nofollow (гиперссылки не прослеживаются), All (включает значения index и follow, включен по умолчанию), None (включает значения noindex и nofollow). Впервые предложен поисковиком Google, но очень быстро стал учитываться другими крупными поисковиками. Правильное применение очень положительно влияет на индексацию и ранжирование всеми крупными поисковиками, как и ошибки применения могут сильно повредить.

Пример 1. Разрешить индексирование страницы и использование размещённых на ней ссылок для последующей индексации.

или равноценный аналог

Пример 2. Запретить индексирование страницы, разрешить использование размещённых на ней ссылок для последующей индексации.

Пример 3. Разрешить индексирование страницы, запретить использование размещённых на ней ссылок для последующей индексации.

Пример 4. Запретить индексирование страницы и использование размещённых на ней ссылок для последующей индексации.

или равноценный аналог

Subject[править | править код]

Определяет тематику документа. Практически бесполезен из-за отсутствия четкой и согласованной классификации тем в различных поисковых системах. Впервые был внедрен компанией Yahoo в середине 90х, но уже к концу 90х стало ясна его несостоятельность, так как не было установлено ни регламентов, ни мало-мальского контроля за использованием.

url[править | править код]

Тег прекращает индексацию страницы поисковой системой, и перенаправляет робота поисковой машины по указанной ссылке. Тег применяется для отмены индексации «зеркала» и генерируемых страниц.

ViewPort[4][5][править | править код]

Данные для настройки области просмотра. Активно поддерживается Google и Яндекс для оценки готовности дизайна к отображению на мобильных устройствах, а также всеми современными браузерами в том числе и для мобильных платформ.

HTTP-EQUIV[править | править код]

Когда нет возможности модифицировать HTTP заголовки на стороне сервера, имеется возможность указать их прямо в теле страницы с помощью тегов META HTTP-Equiv. Содержимое тега составляется по правилам для заголовков HTTP с той лишь разницей, что в значение атрибута http-equiv вносится название заголовка (левая часть до доветочия), а его значение в значение атрибута content. Подробнее о заголовках HTTP можно прочитать на сайте Mozilla Developer Network в разделе HTTP Headers

Cache-Control[6][править | править код]

Управление кэшированием. Должно давать четкие указанию браузеру и промежуточным серверам как вести кэширование этой страницы.

Возможные значения:

public документ кэшируется во всех доступных кэшах
no-store может быть кэширован, но не сохраняется в архиве
max-age=time, must-revalidate указывает браузеру сколько секунд хранить документ в кэше
private кэшируется браузером, не кэшируется proxy-сервером
no-cache запрет на кэширование (браузер и proxy-сервер документ не кэшируют)
max-age=time, proxy-revalidate указывает сколько секунд хранить документ в кэше proxy-серверу

Полный список возможных значений на сайте MDN.

Content-Language[править | править код]

Тег позволяет указать основной язык для всего документа. Широко используется браузерами, поисковиками, системами чтения вслух, системами анализа текстов и автоматического перевода. Важен для правильного выбора алгоритмов автоматического определения кодировок для любого языка, в том числе английского. Частая ошибка при создании новой страницы из шаблона, где по умолчанию установлен один язык (чаще всего английский), устанавливается выбор кодировки для другого может привести к низкому ранжированию в поисковиках, к ложным срабатываниям автоматических систем перевода, встроенных в современные браузеры и множеству других мелких неудобств. Наиболее значимым становится при использовании кодировок Unicode, в частности самой используемой UTF-8

В HTML5 указание языка упрощено:

Content-Style-Type[править | править код]

Переназначения языка таблицы стилей используемого по умолчанию внутри тегов <STYLE> и <LINK rel="stylesheet"> c text/css на другой. Имеет смысл при использовании по умолчанию типа отличного от text/css, например, при использовании подгружаемых препроцессоров LESS или Stylus. Используется как браузерами, так подгружаемыми компонентами.

Content-Type[7][править | править код]

Указывает на MIME-тип документа, кодовую таблицу и, возможно, другие технические параметры текста.

В HTML5 указание кодировки упрощено:

Expires[править | править код]

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

Некоторые поисковые роботы могут отказаться индексировать документ с устаревшей датой.

Дата должна указываться в стандарте [RFC850].

Пример:

PICS-Label[8][9][10][править | править код]

PICS — (от англ. Platform-Independent Content rating Scheme Label) — указывает стандартизированную метку, характеризующую содержимое сайта. Сходно по назначению прокатным категориям для фильмов в кинотеатре или телевизионных передач. Используется поисковиками для ранжирования и браузерами в системах ограничения доступа. Например, если в браузере на компьютере включен родительский контроль, то браузер отклонит показ страниц с недопустимым содержимым.

Придумана давно, но активно развивается в наши дни. В некоторых, «не наших», странах обязательное использование этого тега предписывается законами для всех поголовно, в «несколько других» — этот тег обязателен для страниц с «особым» содержимым: секс, насилие и т. п., доступ к которым имеет возрастные или другие ограничения.

Маркировка должна осуществляться специальными службами — labeling services.

Здесь возможны варианты:

  1. Специалисты labeling service осуществляют «оценку» содержания сайта и заносят её в свою базу данных, интегрированную с web-сервером и назначают разработчику содержимое тега для указания на страницах сайта;
  2. Разработчик сайта заполняет для labeling services специальную форму и тем самым генерирует соответствующий тэг <META HTTP-EQUIV="PICS-Label"...>. Такая возможность бесплатно предоставляется, например, на сервере Vancouver-Webpages.

То есть просто вписать тег в свою страницу по своему усмотрению — чревато, как минимум, непониманием, а в большинстве случаев — непредсказуемым набором неприятностей, ненужных волнений и трат.

Pragma[11][править | править код]

Контроль кэширования на страницах создаваемых динамически, например, результаты поиска. Жутко устаревший, используется для совместимости со старым оборудованием и ПО, работающих с использованием протокола HTTP/1.0. До сих пор включают на тот самый «всякий» случай, что где-то, на промежуточных маршрутизаторах или прокси серверах, есть древнее ПО или оборудование. В современных условиях при использовании шифрованных соединений SSL/TLS теряет всякий смысл. Также практически бесполезен в теле страницы для промежуточных устройств.

Почти то же самое, что и HTTP заголовок Cache-Control: no-cache или <meta http-equiv="Cache-Control" content="no-cache"/>.

Refresh[править | править код]

Указание браузеру автоматически перейти на другой адрес через указанное количество секунд. Если параметр url не указан, обновить страницу без использования кэша. Из-за массовых злоупотреблений с целью перевода пользователей на незатребованный ресурс, откровенного мошеннечества и использования этой особенности при распространении вредоносного ПО, практически все современные браузеры по умолчанию игнорируют инструкцию указанную в теле страницы. В современных браузерах, в том числе мобильных, имеются более технологичные средства для обновления данных на странице: AJAX, Push уведомления, WebSockets, Web Workers, ….

На сегодня — малоприменим, практически бессмысленный и затратный, как для клиента, так для сервера.

Set-Cookie[править | править код]

Установка cookie в браузере. Позволяет инициализировать куки на сайтах из статичных страниц и без использования Javascript. В современных браузерах может игнорироваться в зависимости от региональных настроек в связи с законодательной политикой в некоторых странах. То есть в некоторых «не наших» странах заголовок полученный от сервера в HTTP ответе обработан будет, а указанный в теге — нет.

Формат:

Атрибуты EXPIRES, DOMAIN, PATH и SECURE при необходимости можно опустить:

Такой куки будет доступен для текущего домена и будет удален при закрытии браузера, или сессии, если закрывается режим «инкогнито»

Параметры

NAME имя cookie, не может содержать символы перевода строки, пробелов, точки с запятой (;) и табуляции
EXPIRES время хранения cookie. После указанной даты (в формате «Wdy, DD-Mon-YYYY HH:MM:SS GMT») истекает время хранения cookie. если этот атрибут не указан, то cookie хранится в течение одного сеанса, до закрытия броузера
DOMAIN домен, для которого задается значение cookie. Для доменов COM, EDU, NET, ORG, GOV, MIL, INT значение можно задавать сокращенно «», оно будет распространяться и на домен «WWW.MY.COM». Для всех остальных (в том числе и RU) значение надо задавать полностью «WWW.MY.RU». Если этот атрибут опущен, то по умолчанию используется сервера, с которого было выставлено значение cookie
PATH устанавливает подмножество документов, на которые распространяется действие cookie. При значение «/doc» действие cookie будет распространено на все файлы и каталоги в этой директории начинающееся на «doc» (/doc/, /document/, /doc2/, docs.html, doc-test.htm). Если этот атрибут опущен, то значение cookie распространяется только на документы директории, в которой расположен текущий документ
SECURE указывает, что информация о cookie должна пересылаться через HTTPS (HTTP с использованием). В противном случае информация о cookie будет пересылаться по протоколу HTTP

Перед запросом к серверу, браузер проверяет cookie. И если атрибуты NAME, DOMAIN и PATH совпадают, броузер посылает cookie серверу. Если cookie принимает новое значение, старое значение удаляется. Броузер имеет ряд ограничений по работе с cookie:

  • Единовременно может храниться не более 300 значений cookie.
  • не может превышать 4 Кбайт.
  • От одного сервера (домена) не может быть более 20 cookie.

Эти ограничения могут быть несколько иными, в зависимости от настройки и типа броузера. Если происходит превышение лимита (общего или по домену) удаляется первая по времени запись. Удаление происходит, не зависимо от значения атрибута EXPIRES. При превышении 4 Кбайт, cookie усекается.

Window-target[править | править код]

Назначает окно текущей страницы. Действие аналогично атрибуту target HTML тега A, только не для вновь открываемой, а именно для данной страницы.

_blank документ откроется в новой вкладке/окне
_parent страница откроется в родительском фрейме текущей вкладки по отношению к текущему фрейму из которого была вызвана страница; если текущий фрейм является верхним, то в данном случае поведение равнозначно _self и _top
_top загрузка в самый верхний фрейм текущей вкладки
_self открытие документа во фрейме из которого была вызвана загрузка страницы
<name> имя окна (вкладки или фрейма); если ранее загружалась страница с установленным таким именем в метатеге `window-target` или была открыта по ссылке с указанным именем в атрибуте target, то страница должна загрузиться в той же вкладке; если этот мета поддерживается браузером, то позволяет все страницы определённой тематики (например, справка по использованию сайта или контактные данные) открывать в ту же вкладку, не создавая новую

Принудительно открыть эту страницу во фрейме верхнего уровня текущей вкладки:

Открыть страницу в новой вкладке, либо во вкладке с именем «my_site_documentation». Все страницы с таким тегом и точно таким именем (в некоторых браузер важен регистр символов в имени) будут открываться в одной и той же вкладке.

Не все браузеры распознают и одинаково обрабатывают этот мета.

Imagetoolbar[12][править | править код]

Управлял(ет?) Image Toolbar в Internet Explorer 6.0.

  • image toolbar был разработан только для IE версии 6. В более поздних версиях он отсутствует
  • существует плагин для Mozilla Firefox, который воссоздает такой же image bar. Плагин реагирует на метатег imagetoolbar и атрибут galleryimg аналогично IE6

ClearType[править | править код]

Для Mobile Internet Explorer — позволяет принудительно активировать технологию ClearType сглаживания шрифтов на LCD экранах.

Технология ClearType — проприетарная, то есть исключительное право на её применение принадлежит Microsoft, используется в системах семейства Windows. Обращали внимание, что в IE те же шрифты выглядят иначе, чем в других браузерах? А в Photoshop? Это в основном из-за разных технологий сглаживания шрифтов.

Возможно, понимается и другими браузерами от Microsoft, однако на «старших» системах эта технология включена по умолчанию и при некоторых настройках отключается при работе от батерии. А так как «серфить» на ноутбуке с батареи и в MS Explorer, это ещё нужно догадаться либо попасть в экстремальную ситуацию, когда не до таких мелочей, то мало кто обращал внимание — работает ли это принудительное включение на десктопных IE. А если и обращали, то «почему-то» не сочли нужным об этом где-нибудь оставить информацию.

X-UA-Compatible[13][править | править код]

Исключительно для браузеров от Microsoft: Iternet Explorer версий с 8 по 11 и Edge. Впервые стал распознаваться браузером IE8, когда в комплект поставки были включены все версии движка, начиная с 5. В различных релизах IE поставлялись разные наборы доступных движков. Этот метатег диктует браузерам этого славного семейства какую версию движка использовать для отображения страницы. Браузеры Edge сегодня не имеют возможности переключаться в режимы Internet Explorer, лишь эмулируют их поведение, равно как и IE воспринимает указание на Edge, как приказ использовать новейший из имеющихся в наличии движок.

Значение метатегов[править | править код]

Метаданные о веб-странице изначально предназначались в том числе для того, чтобы помочь поисковым машинам отнести веб-страницу к той или иной категории. В 90-е годы метатеги активно использовались в целях раскрутки своего сайта, в том числе предоставляя ложные или избыточные данные. За последние десятилетия разработчиками поисковых систем было предпринято множество мер по пресечению таких манипуляций: например, из факторов безусловного ранжирования был исключён тег keywords, принципы правильно заполнения основных тегов TITLE и description также поменялись.

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

См. также[править | править код]

  • Поисковая оптимизация
  • HTML, XHTML
  • Метаданные
  • Веб-страница
  • nofollow, noindex
  • Браузер

ru.wikipedia.org


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.