Содержание

Тег | htmlbook.ru


Internet Explorer Chrome Opera Safari Firefox Android iOS
3.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

<meta> определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>. Как правило, атрибуты любого метатега сводятся к парам «имя=значение», которые определяются ключевыми словами content, name или http-equiv.

Синтаксис

HTML
<head>
  <meta content="...">
</head>
XHTML
<head>
  <meta content="..." />
</head>

Атрибуты

charset
Задает кодировку документа.
content
Устанавливает значение атрибута, заданного с помощью name или http-equiv.
http-equiv
Предназначен для конвертирования метатега в заголовок HTTP.
name
Имя метатега, также косвенно устанавливает его предназначение.

Закрывающий тег

Не требуется.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <title>Тег META</title>
  <meta charset="utf-8">
  <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
  <meta name="ProgId" content="FrontPage.Editor.Document">
 </head>
 <body>
  <p>...</p>
 </body>
</html>

Статьи по теме

Статьи по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

htmlbook.ru

Какие бывают META теги и зачем они нужны / Habr

META-теги


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

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




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

Стандартом 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»>  

 

Источники информации:


http://www.citforum.ru/internet/search/metatags.shtml
http://web-support.ru/adv/ps_meta_2.shtml
http://www.shtogrin.com/library/web/meta/
http://vancouver-webpages.com/META/metatags.detail.html
http://www.mattcutts.com/blog/keywords-meta-tag-in-web-search/
http://www.webotdel.ru/notes/metatags/
Очень хорошо и понятно написано http://www.w3schools.com/tags/tag_meta.asp
Какие мета-теги понимает Google  http://www.google.com/support/webmasters/bin/answer.py?answer=79812
Какие мета-теги понимает Bing
http://www.bing.com/community/blogs/webmaster/archive/2009/07/18/head-s-up-on-lt-head-gt-tag-optimization-sem-101.aspx
Google  не использует мета-тег keywords
http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html
 

habr.com

Все о мета тегах | HTML/xHTML

Мета теги используются для описания свойств HTML документа и должны находится в рамках тега HEAD. Если в документе используется тег TITLE, то мета теги рекомендуется вставлять в документ после него.

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

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

Мета теги могут влиять на режим отображения HTML документов, хотя сами на экран не выводятся.

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

Мета теги типа NAME содержат текстовую информацию о документе, его авторе и некоторые рекомендации для поисковых машин. Например: Robots, Description, Keywords, Author, Copyright.

Мета теги типа HTTP-EQUIV влияют на формирование заголовка документа и определяют режим его обработки.

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

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

<META Name= Author content="Смирнов Сергей">

Дополнительно информационные теги могут содержать атрибут «Lang», указывающий язык, на котором написано значение свойства. Пример:

<META Name= Author Lang="ru" content="Смирнов Сергей">

Мета тег Description — служит для краткого описания странички.

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

Если тег Description отсутствует, то в качестве описания поисковые машины используют первую строку текста или отрывок из текста с найденным ключевым словом.

Желательно чтобы длина описания не превосходила 80 символов. Пример:

<META Name="Description" content= "Сайт про ...">

Мета тег Document-state — предназначен для управления индексацией поисковых роботов. Может иметь два значения:

Static — Нет необходимости индексировать эту страницу в будущем.

Dynamic — Индексировать эту страницу регулярно (по умолчанию).

Режим «Static» предназначен для страниц, которые не меняются в принципе. Если содержание вашей страницы периодически меняется, то использовать этот тег необязательно. Пример:

<META Name="Document-state" content ="Dynamic">

Мета тег Generator — это всего лишь один из «славного» семейства тегов широко используемых генераторами HTML кода в своих целях. Как правило, для владельца сайта эти теги не несут полезной нагрузки.

Мета тег Keywords используется поисковыми машинами для оценки релевантности.

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

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

Ключевые слова не должны повторятся в теге Keywords, в крайнем случае, не более двух раз.

В мета теге Keywords имеет смысл использовать не более 10 слов, большее количество релевантности не увеличит.

В Большинстве случаев поисковые машины находят ключевые слова, стоящие во множественном числе (cats), даже если поиск задан в единственном числе (cat). Поэтому рекомендуется в тег Keywords заносить английские существительные во множественном числе.

Роботы некоторых поисковых машин не переходят к новой строке при анализе мета тега Keywords, поэтому не рекомендуется разбивать его на несколько строк.

Пример:

<META Name="Keywords" content="пример, meta, тега">

Если документ написан на нескольких языках, можно использовать добавочный атрибут lang для выбора кодировки (смотри описание мета тега Content-Language).

Пример:

<META Name="Keywords" lang="ru" content="пример, meta, тега">
<META Name="Keywords" lang="en-us" content="meta tegs, example">

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

Мета тег Resource-type — описывает состояние данного документа. Если его значение отлично от “Document”, то поисковые системы не будут его индексировать.

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

Некоторые возможные значения:

Build
Classification
Creation
Document — Принимается по умолчанию.
Formatter
Host
Operator
Random text
Rating
Site-languages
Subject
Template
Version

Пример:

<META Name="Resource-type" content ="Document">

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

Пример (приходить раз в неделю):

<META Name="Revisit" content="7">

Мета тег Robots — содержит указания для роботов поисковых машин, собирающих информацию о HTML документах в сети.

Значение свойства Robots может состоять из следующих директив, разделенных запятыми:

Index — эта страница должна быть индексирована.

Noindex — эта страница не должна индексироваться.

Follow — прослеживать гиперссылки на странице.

Nofollow — не прослеживать гиперссылки на странице.

All — = index, follow (принято по умолчанию).

None — = noindex, nofollow.

Тег <META name=Robots content=»all»> ничего не меняет в работе робота поисковой машины, так как значение «all» принято по умолчанию.

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

В этом случае можно рекомендовать поисковой машине не индексировать эту страницу, а только отслеживать на ней гиперссылки, что бы проиндексировать остальную часть сайта

<META name=Robots content="noindex,follow">

При использовании тега, запрещающего отслеживание гиперссылок

<META name=Robots content="index,nofollow">

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

Мета тег Robots имеет приоритет над директивами управления, заданными в файле robots.txt.

Мета тег Subject используется поисковыми машинами для определения тематики документа. Но до тех пор, пока поисковые системы не согласуют классификационные таблицы, использование этого тега не всегда оправдано.

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

<META Name="URL" content= "http://www.Main-Site.com">

Мета тег Content-Language — это указание языка документа. Используется поисковыми машинами при индексировании. Хотя большинство из них умеют различать язык по тексту.

Некоторые возможные значения (стандарт [ISO639], [ISO3166]): de, el, en, en-GB, en-US, en-cockney, es, fr, it, i-navajo, ja, he, nl, ru, pt.

Пример:

<META HTTP-EQUIV="Content-language" content ="ru">

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

Meta тег Content-Script-Type — Определение языка программирования сценариев.

Некоторые из возможных значений: text/javascript, text/perlscript, text/tcl, text/vbscript.

Пример:

<META HTTP-EQUIV="Content-Script-Type" content="text/javascript">

Если тег Content-Script-Type не используется, то тип языка программирования сценариев, отличный от принятого по умолчанию, должен быть указан непосредственно в каждом теге <SCRIPT>, пример

<SCRIPT type="text/javascript">

В одном документе допускается использование нескольких языков программирования сценариев. Указание языка в теге <SCRIPT> имеет более высокий приоритет, в рамках текущего тега <SCRIPT>.

Мета тег Content-Style-Type — указавает язык таблицы стилей, значение «text/css» принимается по умолчанию, если оно вас устраивает и вы не используете в этом документе теги <Style> и <Span>, то использовать этот тег необязательно. Пример:

<META HTTP-EQUIV="Content-Style-Type" content="text/css">

Броузеры определяют язык таблиц стилей по следующему алгоритму:

Если в объявлении МЕТА задается язык таблиц стилей, то определяет последнее объявление в потоке символов.

Если язык таблиц стилей задается в объявлении STILE, язык таблиц стилей определяет последний заголовок в потоке символов.

Если язык таблиц стилей не задан, по умолчанию используется язык «text/css».

Мета тег Content-Type — Отвечает за указание типа документа и кодировки символов.

Использовать мета тег Content-Type надо только с учетом некоторых нюансов.

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

Несоблюдение этих требований может привести к следующему: web-сервер автоматически определит кодировку запроса клиента и отдаст страничку web-броузеру перекодированной. Броузер, в свою очередь, будет читать документ в соответствии с мета тегом Content-Type. И если кодировки не совпадут, то прочитать документ можно будет только после ряда замысловатых манипуляций. Особенно это характерно для старых броузеров IE 3.x — 4.x и Netscape 4.x.

Внимание! Мета тег Content-Type очень часто вставляется генераторами HTML кода.

Некоторые из возможных типов кодировки (стандарт [ISO10646]): Windows-1251, KOI8-r, ISO-8859-1.

Пример:

<META HTTP-EQUIV=”Content-Type” content="text/html; charset=windows-1251">

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

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

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

Пример:

<META HTTP-EQUIV="Expires" content="Wed, 26 Feb 1999 08:21:57 GMT">

Мета тег PICS-Label — (Platform-Independent Content rating Scheme Label) ) определяет уровень доступности сайта (sex, violence), но может использоваться и в других целях.

Pragma — Контроль кэширования. При значении “no-cache” кэширование данного не рекомендовано. Предназначен для документов, получаемых в результате работы скрипта. Пример:

<META HTTP-EQUIV="Pragma" content ="no-cache">

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

<META HTTP-EQUIV="Refresh" content ="4; URL=http://www.name.com/">

Если нужно просто обновить документ, то URL указывать не обязательно.

Set-Cookie — Настройка cookie броузера.

Пример:

<META HTTP-EQUIV="Set-Cookie" content="NAME=value;
EXPIRES=date; DOMAIN=domain_name; PATH=path; SECURE">

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

Пример:

<META HTTP-EQUIV="Set-Cookie" content="NAME=value;">

NAME — Имя cookie, не может содержать символы перевода строки, пробелов, точки с запятой (;) и табуляции.

EXPIRES — Время хранения cookie. После указанной даты (в формате «Wdy, DD-Mon-YYYY HH:MM:SS GMT») истекает время хранения cookie.

DOMAIN — Домен, для которого задается значение cookie. Для доменов COM, EDU, NET, ORG, GOV, MIL, INT значение можно задавать сокращенно «MY.COM», оно будет распространяться и на домен «WWW.MY.COM». Для всех остальных (в том числе и RU) значение надо задавать полностью «WWW.MY.RU».

PATH — Устанавливает подмножество документов, на которые распространяется действие cookie. При значение «/doc» действие cookie будет распространено на все файлы и каталоги в этой директории начинающееся на «doc» (/doc/, /document/, /doc2/, docs.html, doc-test.htm).

Если этот атрибут опущен, то значение cookie распространяется только на документы директории, в которой расположен текущий документ.

SECURE — Указывает, что информация о cookie должна пересылается через HTTPS (HTTP с использованием SSL). В противном случае информация о cookie будет пересылается по протоколу HTTP.

Перед запросом к серверу, броузер проверяет cookie. И если атрибуты NAME, DOMAIN и PATH совпадают, броузер посылает cookie серверу.

Если cookie принимает новое значение, старое значение удаляется.

Броузер имеет ряд ограничений по работе с cookie:

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

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

При превышении 4 Кбайт, cookie усекается.

Пример:

<META HTTP-EQUIV="Set-Cookie" content="NAME=cookexample;
EXPIRES=Monday, 22-FEB-02 21:11:51 GMT; DOMAIN=WWW.MY.RU;
PATH=/; SECURE">

Мета тег Window-target — определяет окно текущей страницы. Приведенный пример может быть использован для прекращения появления новых окон броузера при применении фреймовых структур. Действует для многих (но не для всех) броузеров. Пример:

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

www.internet-technologies.ru

Мета-теги: что это такое, зачем они нужны

Мета-теги в HTML-коде

Мета-теги – это HTML-теги, с помощью которых указываются дополнительные данные о странице сайта.

Основные функции:

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

Мета-теги бывают универсальными и поддерживаемыми только какими-то конкретными системами.

Мета-теги для поисковых систем

Robots

Мета-тег указывает роботам поисковых систем, как сканировать и индексировать страницу.

Для конкретного бота можно задать свою инструкцию. Например, заменить robots на Googlebot для Гугла или на YandexBot для Яндекса.

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

  • all – означает, что разрешена индексация и переход по ссылкам, аналогично index, follow;
  • noindex – запрет индексации;
  • index – разрешена индексация;
  • nofollow – нельзя переходить по ссылкам;
  • follow – можно переходить по ссылкам;
  • noarchive – запрещено показывать ссылку на сохраненную копию в выдаче;
  • noyaca – (для Яндекса) не использовать для сниппета описание из Яндекс.Каталога;
  • nosnippet – (в Google) нельзя использовать для сниппета фрагмент текста и показывать видео;
  • noimageindex – (в Google) запрет указания страницы как источника изображения;
  • unavailable_after:[date] – (в Google) после указанной даты будет прекращено сканирование и индексирование страницы;
  • none – запрет индексации и перехода по ссылкам, аналогичен noindex, nofollow.

Description

Мета-тег name=«description» может использоваться поисковыми системами при формировании сниппета, поэтому он должен:

  • точно описывать содержание страницы;
  • вызывать желание кликнуть;
  • включать продвигаемое ключевое слово.

В разных поисковых системах выводятся 160–240 символов.

Description для каждой продвигаемой страницы должен быть уникальным.

Keywords

Мета-тег name=«keywords» раньше использовался поисковыми системами при ранжировании, но из-за многочисленных манипуляций его значимость постоянно уменьшалась. Теперь большинство поисковиков его игнорируют. Google не поддерживает вообще, а Яндекс пишет, что может учитывать. Но на практике keywords давно не оказывает влияния, а его некорректное заполнение может привести к переспаму.

Существуют три подхода:

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

Если принято решение прописать ключевые слова, важно не допускать спама.

Ключевые слова должны характеризовать конкретную страницу и упоминаться в контенте.

Title

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

Данный HTML-тег важен для SEO: влияет на ранжирование и кликабельность по сниппету.

Классические рекомендации по заполнению мета-тега:

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

Рекомендуема длина – 70–80 символов.

Другие мета-теги

Верификация

Для подтверждения права собственности на сайт и возможности управлять им в Вебмастере Яндекса или Search Console в Google можно использовать особые мета-теги верификации google-site-verification и yandex-verification (или иной способ).

Viewport

Мета-тег нужен для адаптации к мобильным устройствам, контролирует масштаб видимой области просмотра в браузере. Без него отображение некорректное.

Http-equiv

Принимаемые значения:

  • Content-Type – помогает определить кодировку и тип документа;
  • Refresh – перенаправление на другую страницу после заданного в секундах времени нахождения;
  • Content-Language – указание основного языка документа.

Тег указывает браузеру, на основании каких данных нужно обработать содержание документа.

Author и Copyright

Функция – идентификация автора. Если сайт принадлежит компании, используется Copyright, если конкретному лицу – Author.

wiki.rookee.ru

Тег HTML — мета теги страницы description, keywords, viewport

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

Часто используются meta-теги: author, description, keywords, viewport, charset.

Мета теги находятся в области <head> HTML документа (подробнее про <head>). Вставить или, как говорят, прописать мета теги можно в любом порядке и количестве.

Использовать meta теги не обязательно, но мы рекомендуем заполнять хотя бы мета теги description, viewport, charset. Это будет плюсом для внутренней оптимизации сайта.

Синтаксис

<meta атрибут="значение" атрибут="значение">

Примеры использования <meta> в HTML коде

<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Мета теги в HTML документе. Описание популярных мета тегов, примеры использования на веб странице">
<meta name="author" content="Ivan Ivanov">
</head>
</html>

Основные мета теги

Ниже приведены несколько основных тегов <meta> с комментариями по применению и примерами использования.

Meta-тег description

Краткое описание документа (страницы сайта). Поисковые системы могут использовать содержимое мета тега description для вывода в сниппете поисковой выдачи.

Текст из meta description в сниппете выдачи

Пример использования мета тега description
<meta name="description" content="Краткое описание страницы">

Meta-тег keywords

Ключевые слова страницы. Ранее использовался для указания поисковым системам основные смысловые фразы веб-страницы. На данный момент существуют разные мнения как правильно и стоит ли заполнять мета тег keywords.

Пример заполнения мета тега keywords
<meta name="keywords" content="ключевое слово 1, ключевое слово 2, ключевое слово 3">

Meta-тег viewport

Задает некоторые параметры окна просмотра в браузере. Атрибут width указывает ширину окна просмотра (вьюпорта), initial-scale — коэффициент масштабирования при первом открытии страницы.

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

Мета тег для адаптивного сайта: указывает, что ширина вьюпорта подгоняется под размеры устройства:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Meta-тег charset

Кодировка веб страницы. Наиболее частое значение: «UTF-8».

Пример использования мета тега кодировки charset
<meta charset="UTF-8">

Meta тег refresh

Мета тег с атрибутом http-equiv=»refresh» указывает время автоматического обновления страницы. Страница будет автоматически перезагружаться с интервалом указанным в content атрибуте. Значение указывается в секундах.

Пример использования meta http refresh
<meta http-equiv="refresh" content="45"> <!-- Обновление страницы каждые 45 секунд -->

Поддержка браузерами

Атрибуты

Атрибут Значения Описание
charset

character_set

Указывает кодировку HTML документа.

content

тестовое значение

Основное содержимое мета тега. Зависит от других атрибутов. Используется вместе с http-equiv или name.

http-equiv

content-type
default-style
refresh

Устанавливает HTTP заголовок для атрибута content.

Сontent-type — Кодировка. Устаревшее значение, в HTML5 используйте charset (см. пример выше).
Default-style — Предпочтительная таблица стилей.
Refresh — Интервал автообновления страницы.

name

application-name
author
description
generator
keywords
viewport

Имя мета тега. Как и http-equiv определяет суть мета тега.

Application-name — имя веб приложения, которое представляет страница.
Author — имя автора веб страницы.
Description — краткое описание страницы.
Generator — Указывает на программное обеспечение, использованное для создания страницы (для не рукописных страниц).
Keywords — ключевые слова страницы.
Viewport — некоторые параметры области просмотра страницы.

guruweba.com

Тег | HTML справочник

Поддержка браузерами

Описание

HTML тег <meta> является пустым элементом и располагается внутри элемента <head>. Он используется для предоставления дополнительной информации (метаданных) о HTML-документе, используемой браузерами и поисковыми системами.

Обычно на одной странице располагается по несколько элементов <meta>, но с различными атрибутами, которые используются например для определения описания страницы, ключевых слов, указания автора документа, последнего изменения, указания кодировки HTML-документа и т.д.

Примечание: содержимое элементов <meta> не отображается на веб-странице.

Атрибуты

charset:
Указывает кодировку символов для текущего HTML-документа. Чаще всего используется кодировка UTF-8.

Тег <meta> с атрибутом charset лучше всего располагать в качестве первого дочернего элемента внутри элемента <head>. Чтобы текст на странице отображался корректно, кодировка, указанная в значении атрибута должна совпадать с кодировкой самого документа.

content:
Содержит произвольный текст, который определяет значение, ассоциируемое с атрибутом http-equiv или name, в зависимости от их значения.
http-equiv:
Контролирует действия браузера на данной веб-странице (эквивалент HTTP заголовков). При отображении страницы браузер будет следовать инструкциям, заданным в атрибуте.

Возможные значения атрибута:

  • default-style: указывает предпочтительный стиль для использования на странице. Атрибут content должен содержать идентификатор элемента <link>, который ссылается на таблицу стилей CSS, или идентификатор элемента <style>, содержащего таблицу стилей.
  • refresh: указывает время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в атрибуте content после указания времени идет строка «;url=адрес_страницы»:
    
    <!-- обновление страницы через 10 секунд -->
    <meta http-equiv="refresh" content="10">
    
    <!-- Перенаправление на другую страницу через 10 секунд -->
    <meta http-equiv="refresh" content="10;url=httр://www.puzzleweb.ru">
    
name:
Определяет название метаданных. Данный атрибут используется совместно с атрибутом content.

Примечание: атрибут name не должен использоваться в элементе, если в нём уже установлен атрибут http-equiv или charset.

Возможные значения атрибута:
  • application-name: указывает название веб-приложения, используемого на странице.
  • author: указывает имя автора документа.
  • description: определяет краткое описание к содержимому страницы.

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

  • generator: указывает один из пакетов программного обеспечения, используемого для создания документа.
  • keywords: содержит список ключевых слов, разделенных запятыми, соответствующих содержимому страницы.
  • robots: определяет поведение поисковых роботов на странице.
    Значения атрибута content для <meta name=»robots»>:
    ЗначениеОписаниеПоисковик
    indexразрешает роботу индексировать страницувсе
    noindexзапрещает роботу индексировать страницувсе
    followпозволяет роботу переходить по ссылкам на страницевсе
    nofollow запрещает роботу переходить по ссылкам на страницевсе
    noodpзапрещает использование общего описания сайта из каталога DMOZ, если таковое имеется, к описанию данной страницы на странице результата поискаgoogle, yahoo, bing
    noarchiveпредотвращает кэширование страницы поисковой системойgoogle, yahoo
    nosnippetпредотвращает отображение любого описания страницы на странице результатов поискаgoogle
    nocacheсиноним значения noarchivebing
  • viewport: позволяет определить размер и/или масштаб области просмотра веб-страницы в мобильных браузерах. Параметры для области просмотра указываются в атрибуте content через запятую:
    <meta name="viewport" content="width=device-width, height=device-height,
     initial-scale=1.0">
    Значения атрибута content для <meta name=»viewport»>:
    ЗначениеПример значенияДопустимые значенияОписание
    widthwidth=device-width
    width=320
    положительное целое число от 1 до 10000 или device-widthОпределяет ширину в пикселях. Специальное значение device-width указывает, что ширина области просмотра будет равна ширине экрана устройства.
    heightheight=device-height
    height=640
    положительное целое число от 1 до 10000 или device-heightОпределяет высоту в пикселях. Специальное значение device-height указывает, что высота области просмотра будет равна высоте экрана устройства.
    initial-scaleinitial-scale=2.0положительное число от 0.0 до 10.0Задает масштаб страницы при ее первоначальном просмотре.
    maximum-scalemaximum-scale=2.5положительное число от 0.0 до 10.0Задает предел увеличения веб-страницы.
    minimum-scaleminimum-scale=0.5положительное число от 0.0 до 10.0Задает предел уменьшения веб-страницы.
    user-scalableuser-scalable=noбулево значение (yes или no)При использовании значения no, пользователь не сможет масштабировать веб-страницу. Значение по умолчанию — yes.

Тег <meta> так же поддерживает Глобальные атрибуты

Стиль по умолчанию

Нет.

Пример


<head>
  <meta charset="UTF-8">
  <meta name="description" content="Портал для Web разработчиков">
  <meta name="keywords" content="HTML,CSS,XML,JavaScript">
  <meta name="author" content="Автор Я">
</head>

<body>
  Содержимое страницы
</body>

Результат данного примера в окне браузера:

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

puzzleweb.ru

| HTML | WebReference

Элемент <meta> (от англ. metadata — метаданные) определяет данные (они называются ещё метатеги), которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>. Как правило, атрибуты любого метатега сводятся к парам «имя=значение», имена которых определяются ключевыми словами content, name или http-equiv.

Закрывающий тег

Атрибуты

charset
Задаёт кодировку документа.
content
Устанавливает значение атрибута, заданного с помощью name или http-equiv.
http-equiv
Предназначен для конвертирования метатега в заголовок HTTP.
name
Имя метатега, также косвенно устанавливает его предназначение.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <title>META</title>
  <meta charset="utf-8">
  <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
  <meta name="ProgId" content="FrontPage.Editor.Document">
 </head>
 <body>
  <p>...</p>
 </body>
</html>

Спецификация ?

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

×

Браузеры

В таблице браузеров применяются следующие обозначения.

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

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

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

webref.ru