Html meta name example

Standard metadata names

The HTML specification defines the following set of standard metadata names:

application-name : the name of the application running in the web page.

• Dynamically inserting (with document.write() or appendChild() ) makes the referrer behavior unpredictable.
• When several conflicting policies are defined, the no-referrer policy is applied.

meta name="color-scheme" content="dark light" /> 

Standard metadata names defined in other specifications

The CSS Device Adaptation specification defines the following metadata name:

viewport : gives hints about the size of the initial size of the viewport.
Values for the content of

Value	Possible subvalues	Description
width	A positive integer number, or the text device-width	Defines the pixel width of the viewport that you want the website to be rendered at.
height	A positive integer, or the text device-height	Defines the height of the viewport. Not used by any browser.
initial-scale	A positive number between 0.0 and 10.0	Defines the ratio between the device width ( device-width in portrait mode or device-height in landscape mode) and the viewport size.
maximum-scale	A positive number between 0.0 and 10.0	Defines the maximum amount to zoom in. It must be greater or equal to the minimum-scale or the behavior is undefined. Browser settings can ignore this rule and iOS10+ ignores it by default.
minimum-scale	A positive number between 0.0 and 10.0	Defines the minimum zoom level. It must be smaller or equal to the maximum-scale or the behavior is undefined. Browser settings can ignore this rule and iOS10+ ignores it by default.
user-scalable	yes or no	If set to no , the user is not able to zoom in the webpage. The default is yes . Browser settings can ignore this rule, and iOS10+ ignores it by default.
viewport-fit	auto , contain or cover	The auto value doesn’t affect the initial layout viewport, and the whole web page is viewable. The contain value means that the viewport is scaled to fit the largest rectangle inscribed within the display. The cover value means that the viewport is scaled to fill the device display. It is highly recommended to make use of the safe area inset variables to ensure that important content doesn’t end up outside the display.

Other metadata names

The WHATWG Wiki MetaExtensions page contains a large set of non-standard metadata names that have not been formally accepted yet; however, some of the names included there are already used quite commonly in practice — including the following:

• creator : the name of the creator of the document, such as an organization or institution. If there are more than one, several elements should be used.
• googlebot , a synonym of robots , is only followed by Googlebot (the indexing crawler for Google).
• publisher : the name of the document’s publisher.
• robots : the behavior that cooperative crawlers, or «robots», should use with the page. It is a comma-separated list of the values below:
  

  Value	Description	Used by
  index	Allows the robot to index the page (default).	All
  noindex	Requests the robot to not index the page.	All
  follow	Allows the robot to follow the links on the page (default).	All
  nofollow	Requests the robot to not follow the links on the page.	All
  all	Equivalent to index, follow	Google
  none	Equivalent to noindex, nofollow	Google
  noarchive	Requests the search engine not to cache the page content.	Google, Yahoo, Bing
  nosnippet	Prevents displaying any description of the page in search engine results.	Google, Bing
  noimageindex	Requests this page not to appear as the referring page of an indexed image.	Google
  nocache	Synonym of noarchive .	Bing

• Only cooperative robots follow these rules. Do not expect to prevent email harvesters with them.
• The robot still needs to access the page in order to read these rules. To prevent bandwidth consumption, use a robots.txt file.
• If you want to remove a page, noindex will work, but only after the robot visits the page again. Ensure that the robots.txt file is not preventing revisits.
• Some values are mutually exclusive, like index and noindex , or follow and nofollow . In these cases the robot’s behavior is undefined and may vary between them.
• Some crawler robots, like Google, Yahoo and Bing, support the same values for the HTTP header X-Robots-Tag ; this allows non-HTML documents like images to use these rules.

Specifications

Browser compatibility

BCD tables only load in the browser

See also

Источник

HTML Tag

The tag defines metadata about an HTML document. Metadata is data (information) about data.

tags always go inside the element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings.

Metadata will not be displayed on the page, but is machine parsable.

Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.

There is a method to let web designers take control over the viewport (the user’s visible area of a web page), through the tag (See «Setting The Viewport» example below).

Browser Support

Attributes

Attribute	Value	Description
charset	character_set	Specifies the character encoding for the HTML document
content	text	Specifies the value associated with the http-equiv or name attribute
http-equiv	content-security-policy content-type default-style refresh	Provides an HTTP header for the information/value of the content attribute
name	application-name author description generator keywords viewport	Specifies a name for the metadata

Global Attributes

More Examples

Define keywords for search engines:

Источник

Описание мета-тегов

Посмотрев HTML код разных сайтов возникает вопрос – зачем в нем так много мета-тегов и для чего они нужны? В данной статье представлены все самые встречающеюся теги с примерами и пояснениями.

Описание страницы

Title

Заголовок страницы, оптимальная длина 50-60 символов.

Description

Краткое описание страницы длинной 160-180 символов, используется в выводе результатов поиска.

Keywords

Содержит ключевые слова встречающихся на странице. Не более 20-ти слов и 3-х повторов.

Кодировка сайта

Application-Name

Название веб-приложения. Можно указать несколько названий для разных языковых локалей.

• В Android используется при добавлении сайта на главный экран.
• В Windows 8, 10 при добавлении сайта в панель приложений и плиткой в меню пуск.

Generator

Сообщает, с помощью какой программы был сгенерирован код страницы.

Author

Информация об авторе сайта.

Copyright

Информация о владельце сайта.

Reply-To

Указывает способ связи с автором страницы.

Content-Language

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

Help

Предоставляет ссылку на справку или e-mail.

Управление индексацией

Robots

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

Общие значения:

index , follow или all	Разрешено индексировать текст и ссылки на странице
noindex	Не индексировать текст страницы
nofollow	Не переходить по ссылкам на странице
noindex , nofollow или none	Запрещено индексировать текст и переходить по ссылкам
noarchive	Не показывать ссылку на сохраненную копию в поисковой выдаче

noyaca

Не использовать описание из Яндекс.Каталога для сниппета в результатах поиска

nosnippet	Запрещает показывать видео или фрагмент текста в результатах поиска
noimageindex	Запрещает указывать вашу страницу как источник ссылки для изображения
noodp	Не использовать описание из каталога DMOZ

Last-Modified

Альтернативно HTTP-заголовку Last-Modified задает дату последнего изменения для статических страниц.

Document-State

Определяет частоту индексации для поисковых роботов.

Revisit-After

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

Управление кэшированием

Cache-Control

Указывает как браузеру кэшировать страницу.

Допустимые значения:

public	Кэшируется все
private	Кэшируется браузером, но не proxy-сервером
no-cache	Запрещает кэширование
max-age=0	Сколько секунд хранить в кэше

Pragma

Expires

Дата окончания кэша браузера. Если указать прошедшую дату или 0, то документ не будет кэшироваться.

Canonical — предпочитаемый канонический адрес

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

В rel=»canonical» указывается адрес, который будет считаться основным и будет использоваться в поисковой выдаче.

Prev

Указывает URL предыдущий страницы при пагинации.

Next

Указывает URL следующий страницы при пагинации.

Источник