Элемент
(от англ. metadata
- метаданные) определяет данные (они называются ещё метатеги), которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере
. Как правило, атрибуты любого метатега сводятся к парам «имя=значение», имена которых определяются ключевыми словами content
, name
или http-equiv
.
Синтаксис
Закрывающий тег
Не требуется.
Пример
META
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация
) - спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация
) - группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация
) - на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект
) - более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor"s draft (Редакторский черновик
) - черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации
) - первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living
) - он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
×
Браузеры
В таблице браузеров применяются следующие обозначения.
- - элемент полностью поддерживается браузером;
- - элемент браузером не воспринимается и игнорируется;
- - при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
В первой главе этого учебника, об общем построении html документа, я говорил о том, что все html документы должны иметь вот такой шаблон кода:
- начало документа
- начало головы
- закрытие головы
- начало тела
- закрытие тела
- конец документа
Где между тегами
указывается информация предназначенная для вывода на экран в нужном нам виде, а между тегами
исключительно служебная информация предназначенная для поисковых систем и браузеров тех или иных пользователей. Так что же это за информация такая и для чего она нужна? Отвечу, планомерно и порционально в этой главе.
С тегом
</b> мы уже знакомы, с помощью него мы указываем имя документа в заголовке страницы. Теперь новый тег <b><meta>
</b> (закрывающего тега не требует) с помощью него мы и будем указывать эту самую служебную информацию на нашей страничке.</p>
<b><meta>
</b> тег имеет следующие атрибуты:
<ul><li><b>http-equiv
</b> - указывает браузеру как следует обработать основное содержание документа, точнее на основе каких данных.</li><li><b>name
</b> - информационное имя. (применяется в паре с атрибутом <b>content
</b>)</li><li><b>content
</b> - информационное содержание, связанное с мета именем (<b>name
</b>)</li>
</ul><p>Теперь на примерах будем вникать в суть дела.</p>
<h2>Кодировка символов и язык</h2>
<p>Пример (очень нужный и важный):</p>
<p> <b><meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251">
</b></p>
<p>Сначала расскажу зачем необходима эта строка в заголовке html документа. Данная запись указывает браузеру кодировку в которой была написана данная страница - формат документа и раскладку клавиатуры, в данном случае это кириллица для Windows. Если эту строку не писать в заголовке страницы, то есть большая вероятность что весь текст на Вашей странице отобразится в виде непонятных человеку "иероглифов" у разных пользователей тех или иных браузеров. Конечно, пользователь может применить к такому документу команду в браузере <b>Вид->Кодировка->Кириллица
</b>, но он может не знать о данной функции, да и зачем утруждать человека данным действием.</p>
<p>Теперь разберём по "слогам" нашу запись:<br><b><meta http-equiv="Content-Type"
</b> - указываем что в этом мета теге мы будем заниматься <b>Content-Type
</b> - типом содержания<br><b>Content="text/html;
</b> - а именно его текстом<br><b>Charset=Windows-1251">
</b> - документ для Windows - Кириллица где <b>1251
</b> кодировка раскладки клавиатуры, так например Английская клавиатура будет задаваться <b>Charset=Windows-1252
</b></p>
<p>В настоящее время продвинутые веб-мастера рекомендуют использовать кодировку <b>UTF 8
</b></p>
<p>То есть писать в голове документа вот так:</p>
<p> <b><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</b></p>
<p> <b><meta http-equiv="Content-Language" Content="ru">
</b></p>
<p>В этой строчке говорится о том что язык <b>Language
</b> документа является русским <b>Content="ru"
</b></p>
<p>Неправильная установка языка и раскладки клавиатуры может привести к печальным последствиям.</p>
<h2>Информация о документе</h2>
<p> <b><meta name="author" Content="Остап Бендер">
</b> <br><b><meta name="copyright" Content=""Рога и копыта" Остап Бендер">
</b></p>
<p>Данные метаописатели предназначены для заявления об авторских правах непосредственно в заголовке html кода, так <b>name="author"
</b> указывает имя автора страницы, а <b>name="copyright"
</b> авторское право (копирайт) в котором может указываться фамилия, имя, отчество автора сайта, название фирмы, бренда.. и т. д. Кроме того включив в заголовок документа такое описание Вы значительно упростите задачу поисковой машине при поиске Вашего сайта по имени автора, названию фирмы, бренду...</p>
<p> <b><meta name ="Generator" Content="Microsoft Notepad">
</b></p>
<p>Если хотите можете указать с помощью какого html редактора была написана данная страница.</p>
<h2>Описание страницы и ключевые слова</h2>
<p> <b><meta name="description" Content="Производим закупку по выгодным ценам рогов и копыт!">
</b></p>
<p><b>Description
</b> - краткое описание страницы. Данное описание частенько используется поисковыми системами для вывода в результатах поиска, по какому либо запросу, информации о сайте и его назначении.</p>
<p> <b><meta name="keywords" Content ="рога, копыта, рожки, рог, копыто, копытце, закупка, покупка, приобретение, выгодно, продать, купить, сбыть, реализовать, корова, бык, коровьи, бычьи, оплата, деньги, наличные, цена, цене">
</b></p>
<p><b>Keywords
</b> - ключевые слова веб-страницы, опять таки предназначены для поисковых машин.</p>
<p>Представьте что Вы ищете в какой либо поисковой системе сайт с информацией о том где можно продать те же рога и копыта:) Какие слова и фразы Вы будите вводить в строке "Поиск"? ну наверно что то типа: "Где продать коровьи рога?" или "Реализовать копыта по выгодной цене" Так вот если определить ключевые слова и так сказать предугадать мысли потенциального посетителя можно надеяться на то, что та или иная поисковая система выдаст ссылку на Ваш сайт в первых строчках результата поиска. Конечно ввод данного метоописателя не есть гарант того что именно Ваш сайт займет первые места в поиске по данным словам, но всё же не стоит им пренебрегать. Впрочем, это отдельная тема для разговора.</p>
<p>Помните что описание <b>description
</b> не должно превышать по длине более 200 символов, а ключевые слова <b>keywords
</b> 1000 символов, иначе это может пагубно отразится при продвижении Вашего сайта в ТОП поисковых систем.</p>
<h2>Адрес</h2>
<p> <b><meta name="Publisher-Email" Content="Ваш_e-mail@сервер.домен">
</b> <br><b><meta name="Publisher-URL" Content="http://www.Ваш_сайт/">
</b></p>
<p>Думаю понятно.. здесь указывается адрес Вашего почтового ящика <b>Publisher-Email
</b> и адрес сайта <b>Publisher-URL
</b></p>
<h2>Обновление страницы</h2>
<p> <b><meta name ="revisit-after" Content="15 days">
</b></p>
<p>Если некая страница на Вашем сайте подразумевает постоянное обновление и/или дополнение информационным содержанием, то хорошо было бы включить данное описание в заголовок данной страницы. Такое введение позволит программе роботу своевременно посещать Ваш сайт и индексировать его содержание. В нашем примере мы заявили о том, что собираемся обновлять содержание на странице не менее одного раза в 15 дней, можете не сомневаться программа робот возьмет Ваши планы себе на заметку и будет приходить "к Вам в гости" раз в пятнадцать дней, для того чтобы проверить ничего ли у Вас не изменилось..</p>
<h2>Время действия документа и кэш</h2>
<p>Для того чтобы ускорить загрузку страницы, а так же сэкономить трафик современные браузеры сохраняют посещаемые пользователем страницы в кэш (на жёсткий диск), и при повторном посещении загружают их не с сервера, а непосредственно с кэша. На самом деле такая функция хороша собой.. но есть одно "но", дело в том что в браузере может отображаться уже устаревшая информация, какой либо страницы. Представьте, к примеру, Ваш сайт представляет собой некое периодическое новостное интернет издание, а пользователь получит, вместо самых свежих новостей, уже устаревшую информацию, ту которая хранится у него в кэше!! и не разобравшись в чем "беда" примет Ваш сайт за "мертвый" заброшенный и никем не обновляемый.</p>
<p>Для того чтобы принудительно заставить браузер загружать ту или иную страницу не с жёсткого диска, а с сервера необходим мета тег с данным синтаксисом, где указывается день недели, число месяц год время (чч:мм:сс) и часовой пояс(<b>GMT+03:00
</b> - время Московское + три часа). День недели и время дня можно не указывать. Теперь при чтении страницы браузером страница будет грузится с сервера, если указанная дата и время настало или просрочено, и напротив из кэша если указанное время еще не наступило.</p>
<p>Ниже на всякий случай приведены таблицы сокращений от Английских слов на месяцы и дни недели</p>
<td valign="top">
</td>
<p>Атрибуту <b>content
</b> можно присвоить значение <b>"0" <meta http-equiv="Expires" content="0">
</b> в этом случае страница всегда будет загружаться с сервера.</p>
<p>И еще.. некоторые поисковые роботы могут отказаться индексировать документ с заведомо устаревшей датой. - не искушайте судьбу..</p>
<p> <b><meta http-equiv="pragma" content="no-cache">
</b></p>
<p>А такая запись вовсе запретит браузеру кэшировать данную страницу.</p>
<h2>Команды для робота</h2>
<p> <b><meta name="robots" content="Index,follow">
</b></p>
<p>Данный мета тег предназначен для подачи поисковому роботу той или иной команды.</p>
<p>Список возможных команд роботу:</p>
<ul><li><b>Index
</b> - индексировать страницу</li><li><b>Noindex
</b> - не индексировать страницу</li><li><b>Follow
</b> - прослеживать гиперссылки на странице</li><li><b>Nofollow
</b> - не прослеживать гиперссылки на странице</li><li><b>All
</b> - индексировать страницу и прослеживать гиперссылки на странице (по умолчанию)</li><li><b>None
</b> - не индексировать страницу и не прослеживать гиперссылки на странице</li>
</ul><h2>Автоматический переход на другую страницу</h2>
<p> <b><meta content="10; URL=http://www.mysite/index.html">
</b></p>
<p>Если вдруг по каким либо причинам Вы задумаете поменять URL адрес Вашего сайта то хорошо было бы на старом месте оставить страницу вроде этой:</p>
<p> <html> <br>
<head> <br>
<meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251"> <br><b><meta content="10; URL=http://www.mysite/index.html">
</b> <br>
<title>Переадресация
Адрес сайта был изменен, через 10 секунд Ваш браузер будет автоматически перенаправлен по новому адресу:
http://www.mysite.ru/
Нажмите здесь для того чтобы выполнить переход немедленно.
Приносим извинения за доставленные неудобства.
