Meta http equiv


Мета теги (англ. meta tags) — (X)HTML-теги, предназначенные для предоставления структурированных метаданных (дополнительных, сопроводительных) о веб-странице. Как правило, указываются в заголовке (теге <head>) (X)HTML-документа. Элемент meta принимает как минимум четыре атрибута: content, http-equiv, name и scheme. Из них обязателен только атрибут content и исключение тег revisit. Практически не стандартизированы, разрабатываются различными сервисами и поставщиками браузеров по своему усмотрению и регламентируются лишь «изобретателями». Лишь небольшая часть часто используемых или «изобретенных» достаточно давно, распознаются и обрабатываются относительно одинаково.

Пример использования элемента meta

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

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

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

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

В общей форме метаданные записываются в следующем виде: в теге meta


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

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

Основной особенностью тегов этого типа является то, что они не имеют отображаемого контента, располагаются в разделе 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 также поменялись. Блог https://werstey.ru/ предоставляет исчерпывающую информацию, по значимости метатегов для SEO продвижения.

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

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

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

ru.wikipedia.org

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>(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 async="async" src='//seoblog.life/wp-content/cache/wpfc-minified/zgtkihm/ftsd4.js'></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> </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

Похожие статьи:

yapro.ru

META-теги

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

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

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

Стандартом HTML 4.01 значения и имена мета-тегов НЕ оговариваются, поэтому мы будем рассматривать те значения, которые уже устоялись в интернете и используются чаще других.

 Пруфлинк: http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.1
(The META element can be used to identify properties of a document (e.g., author, expiration date, a list of key words, etc.) and assign values to those properties. This specification does not define a normative set of properties.)


 

Атрибут HTTP-EQUIV

META-теги с атрибутом HTTP-EQUIV эквивалентны HTTP-заголовкам. Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Теги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки.
Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (<>200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.
 

Значения  поля content  для Аттрибута   HTTP-EQUIV

Значение Описание Пример использования Эффект
Expires Дата устаревания. Управление кэшированием в HTTP/1.0. Если указанная дата прошла, то очередной запрос этого документа вызывает повторный сетевой запрос, а не подгрузку документа из кэша. Дата со значением "0" интерпретируется как "сейчас". Такое значение заставляет броузер каждый раз при запросе проверять — изменялся ли этот документ. Это, кстати относится и к прокси-агентам. Дата должна быть задана в формате, описываемом в RFC850,
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 2008 08:21:57 GMT">
что эквивалентно HTTP-заголовку
Expires: Wed, 26 Feb 2008 08:21:57 GMT
Поисковые роботы могут либо совсем не индексировать такой документ, либо постоянно "обнюхивать" его.
Pragma Эта директива показывает, что кешированная информация не должна использоваться и вместо этого запросы должны посылаться на сервер. Это директива имеет тоже самое значение что и CACHE-CONTROL:NO-CACHE и представлена для обратной совместимости с HTTP/1.0.

Клиенты должны использовать оба значения PRAGMA:NO-CACHE и CACHE-CONTROL:NO-CACHE когда нужно послать некешируемый запрос к серверу, про который неизвестно – совместим ли он с HTTP/1.1.
Если известно, что сервер совместим с
HTTP/1.1 клиент НЕ должен посылать PRAGMA заголовок.
 HTTP/1.1 кэш должен понимать "PRAGMA:NO-CACHE" точно также, как будто клиент послал "CACHE-CONTROL:NO-CACHE".

<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">  
Content-Type Указание типа документа. Может быть расширено указанием кодировки страницы (charset). Если же указывать charset в содержании META-тега, то некоторые браузеры выводят такую страницу уже в заданном charset. <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-2022-JP">  Используют браузеры и поисковые системы
Content-language Указание языка документа. Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого броузером) с содержимым Content-language может быть условием выбора сервером того или иного языка. <META HTTP-EQUIV="Content-language" CONTENT="en-GB">
что эквивалентно HTTP-заголовку 
Язык описывается парой значений (язык-диалект). В примере: Английский-Великобритания
Для русского языка – ru-RU
Используется некоторыми поисковиками
Refresh Определение задержки в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность — автоматическая загрузка другого документа. <META HTTP-EQUIV="Refresh" Content="3, URL=http://www.name.com/page.html">
что эквивалентно HTTP-заголовку
Refresh: 3; URL=http://www.name.com/page.html
W3C не рекомендует использовать этот тег.
Google страницы с таким тегом игнорирует. Другие поисковые системы, возможно, тоже.
Cache-Control Определяет действия кэша по отношению к данному документу. Возможные значения:
Public — документ кэшируется в доступных для всех кэшах
Private — только в частном кэше
no-cache — не может быть кэширован
no-store — может быть кэширован, но не сохраняется
<META http-equiv="Cache-Control" content="public"> Используется некоторыми браузерами



Атрибут NAME

Robots Тег <meta name="Robots" content="…"> управляет индексацией конкретной web-страницы. При этом роботам можно запретить не только индексацию самого документа, но и проход по имеющимся в нем ссылкам.
Инструкции по индексации записываются в поле content. Возможны следующие инструкции:
NOINDEX — запрещает индексирование документа;
NOFOLLOW — запрещает проход по ссылкам, имеющимся в документе;
INDEX — разрешает индексирование документа;
FOLLOW — разрешает проход по ссылкам.
ALL — равносильно INDEX, FOLLOW
NONE — равносильно NOINDEX, NOFOLLOW
Значение по умолчанию: <meta name="Robots" content="INDEX, FOLLOW">.
В следующем примере робот может индексировать документ, но не должен выделять из него ссылки для поиска дальнейших документов:
<META name="ROBOTS" content="index, nofollow">
Имя тега, названия и значения полей нечувствительны к регистру.
В поле content дублирование инструкций, наличие противоречивых инструкций и т.п. не допускается; в частности, значение поле content не может иметь вид "none, nofollow".
Google поддерживает дополнительное значение NOARCHIVE, которое запрещает помещать страницу в архив google
<META NAME="Robots" CONTENT="NOINDEX,FOLLOW"> Используется большинством поисковиков
Description Значение атрибута CONTENT — строка, которая определяет текстовое описание (краткую аннотацию) конкретной страницы Вашего сайта. Не стоит создавать слишком длинное и подробное описание Вашего сайта в данном теге, рекомендуется ограничиться текстом до 100 символов, поскольку поисковые машины, в большинстве случаев, имеют ограничение на количество индексируемых символов. Этот тег может сильно помочь в случаях, когда в документе мало текста, когда это управляющий фреймами файл (frameset) или в начале документа используются скрипты. <META NAME="description" CONTENT="Данный сайт содержит информацию для любителей старинных автомобилей, на нем Вы можете найти описание с фотографиями редких и эксклюзивных автомобилей"> Самый широко используемый тег. Практически все поисковые системы учитывают его при индексации.
Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот
 тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
Keywords Значение атрибута CONTENT — список ключевых слов, как правило, через запятую, соответствующих содержимому Вашего сайта. Это те слова, в запрос на которые, Вы хотели бы, появления Вашего сайиа в списке результатов поиска. Здесь также рекомендуется ограничиться списком до 30 слов. Можно поместить и наиболее частые опечатки ключевых слов. Также Вы можете здесь записать и английские слова, соответствующие содержимому Вашего сайта. Ну, а какие конкретно нужно писать слова — это уже тема отдельной статьи. Некоторые поисковые системы не индексируют сайты, в которых в данном теге повторяется одно и то же слово для увеличения позиции в списке результатов. <META NAME="keywords" CONTENT="реклама, дизайн, полиграфия"> Учитывается большинством поисковых систем. Точно известно, что НЕ учитывает  Google и Rambler
document-state Управление индексацией страницы для поисковых роботов. Определяет частоту индексации — или один раз индексировать (значение Static), или реиндексировать документ регулярно (значение Dynamic). <META NAME="Document-state" CONTENT="Static"> Используется редко
GOOGLEBOT Google поддерживает специальный тег Googlebot с помощью которого вы можете указать Google что он не должен индексировать и архивировать вашу страницу, другие поисковые системы этот тег проигнорируют. <META NAME="GOOGLEBOT" CONTENT="NOARCHIVE">  
Author Автор, создатель сайта. Вряд ли используется поисковыми системами, и нужен скорее всего чтобы можно было показать что сайт сделан именно определенной персоной или фирмой. <META NAME="AUTHOR" CONTENT="www.neo-systems.ru">  
Revisit Значение этого тега указывает — как часто обновляется информация на вашем сайте, и как часто поисковая система должна на него заходить чтобы увидеть обновления. В силу сложившихся условий — поисковые системы сейчас самостоятельно определяют частоту сканирования сайта, поэтому, возможно, наличие этого тега ничего вам не даст. <meta name="revisit-after" content="15 days">  

 

habr.com

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


You May Also Like

About the Author: admind

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

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

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