Мета-теги (или мета-определители) - это тэги, которые непосредственно не отвечают за отображение страницы (за исключением установки кодировки для символов текста страницы), но активно влияют на поведение броузера и поисковых систем. Зачастую разработчики прибегают к различного рода скриптам, значительно "отяжеляющих" страницу. Это происходтит из-за недооценки роли мета-тэгов, которые в ряде случаев бывают способными решить поставленную задачу всего одной строкой.
Мета-теги записываются в заголовке HTML-документа, то есть между тегами <head> и </head>. Как правило их следует записывать после тегов заголовка <title>...</title>.
В обобщенном виде запись тэгов может быть представлена в двух видах:
<meta http-equiv="имя" content="содержимое">
<meta name="имя" content="содержимое">
В зависимости от выбранных значений атрибутов http-equiv (или name) и content может появляться третий атрибут, отражающий смысл и значение сочетания первых двух атрибутов.
Рассмотрим первую группу с атрибутом http-equiv:
Самый первый из рассматриваемых нами задает кодировку HTML-документа в явном виде. Здесь атрибуту meta http-equiv присваевается значение "Content-type", атрибуту content, соответственно "text-html" и сразу через точку с запятой до закрытия кавычек записывается третий атрибут "charset", которому и присваивается вид кодировки страницы. Приведем пример с заданием двух самых распространенных кодировок (кириллической - 1251 и международной английской - iso-8859-1).
<meta http-equiv="Content-type" content="text/html; charset=Windows-1251"> - кириллица в кодировке 1251. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1"> - английская в кодировке iso-8859-1.
На мой взгляд, наличие этого тэга обязательно для каждой страницы. Это следует делать во избежании необходимости установки кода в ручную через броузер и неудобства при чтении содержимого страниц. Конечно, во избежании конфликтов кодировок, следует учитывать кодировку, которую автоматически устанавливает Ваш провайдер (если такое имеет место).
Допустим Ваш сайт переехал на новое место или у Вас чат, где страница должна постоянно обновляться. В первом случае на помощь приходит мета-тэг с присвоением http-equiv значения "Refresh", атрибуту content цифровой величины, отражающей время в секундах и сразу через точку с запятой (без закрытия кавычек) указанием места редиректа, т.е. URL на который пользователь, зашедший на Ваш старый сайт через указанное количество секунд будет перенаправлен. Вот простой пример:
<html> <head> <title>Мы переехали<title> <meta http-equiv="Content-type" content="text/html; charset=Windows-1251"> <meta http-equiv="Refresh" content="3; URL=http://www.othersite.ru"> </head> <body> <center> <h1>Сайт перехал на новое место</h1> <p>Наш новый адрес — <a href=http://www.othersite.ru title="Перейти сейчас">othersite.ru</a> <p>Вы будете перенаправлены туда через 3 секунды. </center> </body> </html>
Если же требуется перегрузка страницы с неизменным URL, то он просто не указывается:
<meta http-equiv="Refresh" content="5">
Страница будет перегружаться каждые 5 секунд, что происходит, скажем. в чате. Чат мы сейчас писать не будем (хотя это не за горами), а перейдем к рассмотрению мета-тэгов дальше.
Предположим Вы хотите чтобы на сайте отоборажалась погода, данные о которой Вы берете, скажем с сервера ГидроМетЦентра. Следовательно нуобходимо, чтобы страница загружалась с сервера, а не с кэша Вашего компьютера. Для этого существует мета-тэг, контролирующий кэширование:
<meta http-equiv="Pragma" content="no-cache">
С помощью этой Pragma-ы страница будет каждый раз загружаться с сервера с обновленной информацией.
Часто бывает нужно, чтобы при нажатии кнопки Back (Назад) броузера появлялась не старая, а обновленная страница. Для этого использует мета-тэг со значением http-equiv, равным "Expires" (означает "истечение срока действия, старение") и указанеим заведомо старой даты. Дату следует указывать в правильном формате. См. пример:
<meta http-equiv="Expires" content="Wed, 28 Feb 1995 08:12:54 GMT">
В этом случае броузер сообщит, что страница устарела и требуется ее перезагрузка.
А теперь рассмотрим вторую группу с атрибутом name:
Эта группа, в основном, предназначена для управления поисковыми роботами. К примеру Вы хотите чтобы Ваш сайт находился в поисковых системах. Для этого необходимо указать по каким словам или группе слов Вы желали бы, чтобы этот сайт находили. Для этого следует знать следующее. Первое, на что обратит внимание поисковый робот - это заголовок сайта, т.е. то, что расположено между тэгами <title>...</title>. Это же отобразится в первой строке результата поиска. Далее поисковик обратит внимание (и это же отобразит во второй строке результатов поиска), на то, что было записано с помощью следующего — описательного мета-тэга:
<meta name="description" content="Данный сайт содержит информацию для Web-дизайнеров (уроки, коллекция скриптов)">
Следующее по приоритету для поисковика - это ключевые слова (в результатах поиска они не отображаются, но усиливают вес слов контента Вашего сайта и повышают вероятность его нахождения):
Конечно же это пример. На самом деле ключевых слов должно быть намного больше. Кроме того, заголовок, описание и ключевые слова должны отражать контент (содержимое) Вашего сайта. В любом случае все ухищрения с данными мета-тэгами ни к чему не приведкт если на Вашем сайте отсутствует интересный контент. В этом случае посетители будут заходить к вам по принципу: "Посетивши однажды - не вернутся никогда":))))) Если Вы заинтересовались вопросами продвижения сайтов в интеренет, то советую обратиться к сайту: http://dimok.ru
Есть возможность управлять поисковыми роботами с помощью мета-тэга. Для этого атрибуту name присваивается значение "robots", а атрибуту content можно присвоить одно из следующих значений:
ALL - разрешена индексация всех страниц (поисковый робот пройдется по всем страницам Вашего сайта);
INDEX - разрешена индексация индексных ( стартовых)страниц - обычно это - index.html;
NOINDEX - запрещена индексация индексных страниц;
FOLLOW - разрешено следовать по ссылкам данной страницы;
NOFOLLOW - запрещено следовать по ссылкам данной страницы
Допустим Вы решили сделать Ваш сайт полностью доступным для поисковиков. Тогда мета-тэг запишется:
<meta name="Robots" content="INDEX,FOLLOW">
Предположим, Ваш сайт часто обновляется (скажем раз в неделю). Тогда следующий мета-тэг:
<meta name="revisit-after" content="7 days">
"попросит" поискового робота вернуться через неделю и учесть изменения сайта. Однако, следует помнить, что этот мета-тэг имеет гораздо более низкий приоритет, чем описанные выше и не все поисковики будут ему послушны. Но указать его никогда не помешает.
И последнее, что, на мой взгляд, не очень-то уж и обязательно, можно указать данные о авторе и авторских правах.
<meta name="author" content="Имя автора"> <meta name ="copyright" content="Фирма">
