1.
2.
3.
4.
5.
1. Введение
Для определения самых разнообразных свойств HTML-документов, таких как: авторство страницы, частота обновления страницы, условия индексирования страницы и другие, спецификация HTML-языка предполагает наличие на странице специализированных тэгов, называемых «мета-тэгами». Присутствие данных тэгов не является обязательным, так как они не отображаются на странице и предназначены, прежде всего, для браузеров и роботов поисковых систем, однако их наличие является хорошим тоном и в ряде случаев является достаточно полезным. Например, мета-тэги «Content-Language», «Content-Type» указывают браузеру, какой тип документа загружается, какая кодировка и язык использовались при создании страницы. А, например, мета-тэги «Description», «Keywords», «Revisit-after» и т. д. используются исключительно для поисковых систем. В мастер-классе рассмотрим подробное описание каждого мета-тэга, а так же правильное их формирование.
2. Понятие «мета-тэг»
Мета-тэги – это элементы заголовков HTML-документов, которые выполняют служебные функции. Они никаким образом не влияют на содержание страницы и отображение страниц в браузере и являются не обязательными, однако могут быть полезны в продвижении сайта, выдавая необходимую информацию роботам поисковых систем.
Мета-тэги должны располагаться между тэгами и и, желательно, после тэга
< title >.Различают мета-тэги двух типов: NAME и http-equiv. Каждый из типов содержит множество тэгов, каждый тэг имеет свое предназначение. Структура мета-тэга:3. Мета-тэги типа NAME
Мета-тэги группы NAME содержат информацию об авторе HTML-документа, авторских правах на данный документ, а также информацию для роботов поисковых систем (тематика документа, краткое описание и др.).
3.1. Мета-тэг Author
Мета-тэг Author необходим для определения автора данного HTML-документа. Тэг Author должен содержать имя автора. Мета-тэг Author может содержать дополнительный атрибут «Lang», указывающий язык написания имени автора.
Пример 1:
< meta name="Author" content="Иванов Иван">.
Пример 2:
< meta name="Author" lang="ru" content="Иванов Иван">.
3.2. Мета-тэг Copyright
Если сайт принадлежит организации, а не одному лицу, имеет смысл использовать мета-тэг Copyright. Предназначение данного мета-тэга схоже с предназначением мета-тэга Author, только в данном случае необходимо указывать название компании, которой принадлежит сайт.
Пример:
< meta name="Copyright" content="Компания Мир">.
3.3. Мета-тэг Description
Мета-тэг Description предназначен для небольшого описания страницы одним – двумя предложениями. Рекомендуемая длина описания составляет не более 200 символов.
Если в тексте документа отсутствуют ключевые слова запроса, а в мета-тэге Description данные слова присутствуют, то некоторые поисковые системы выдают содержимое мета-тэга Description, как краткую аннотацию (сниппет) в выдаче по данному запросу. Поэтому в некоторых случаях содержимое мета-тэга Description может быть доступно пользователю без просмотра HTML-кода страницы.
Пример:
< meta name="Description" content="Информация о компьютерном железе: тесты, отзывы, комментарии экспертов.">
3.4. Мета-тэг Document-state
Мета-тэг Document-state служит для управления индексацией документа поисковыми роботами. Может иметь два атрибута:
- «Static» – документ не изменяется, поэтому не требует индексирования в будущем;
- «Dynamic» – документ периодически меняется.
При отсутствии данного мета-тэга, документ индексируется регулярно, поэтому необходимо его регулярное индексирование.
Пример 1:
< meta name="Document-state" content="Dynamic">
Пример 2:
< meta name="Document-state" content="Static">
3.5. Мета-тэг Generator
Мета-тэг Generator – это один из множества мета-тэгов, используемых генераторами HTML-кода в своих целях. Для владельца сайта эти тэги не несут полезной нагрузки, т.е. являются бесполезными.
3.6. Мета-тэг Keywords
Мета-тэг Keywords используется для описания ключевых слов, использующихся на данной странице. Некоторые поисковые машины могут учитывать данный мета-тэг для оценки релевантности страницы.
При формировании списка ключевых слов необходимо использовать слова, содержащиеся только в тексте документа. Слова, не содержащиеся в тексте, можно использовать в очень небольших количествах: 2-3 слова. Размещать их (слова) надо в конце списка. Ключевые слова не должны повторяться в тэге Keywords, в крайнем случае, повторение не должно превышать двух раз. В мета-тэге Keywords не имеет смысла размещать более 10 слов, также не рекомендуется разбивать ключевые слова на несколько строк.
Пример 1:
< meta name="Keywords" content="компьютерное железо, тесты, отзывы, комментарии экспертов">
Если HTML-документ написан не нескольких языках, то возможно использование нескольких мета-тэгов Keywords с использованием атрибута «lang», обозначающего язык написания ключевых слов.
Пример 2:
< meta name="Keywords" lang="en-us" content="computer, drivers, monitor">
3.7. Мета-тэг Resource-type
Мета-тэг Resource-type описывает состояние данного документа. Если значение данного мета-тэга отличается от значения «Document», то документ индексироваться поисковыми системами не будет. Отсутствие данного мета-тэга аналогично его присутствию со значением «Document».
Данный мета-тэг предназначен для использования в многостраничных проектах, где присутствует множество документов различного типа.
Некоторые возможные значения:
- Document
- Build
- Classification
- Creation
- Formatter
- Host
- Operator
- Random text
- Rating
- Site-languages
- Subject
- Template
- Version
Пример 1:
< meta name="Resource-type" content="Document">
Пример 2:
< meta name="Resource-type" content="Build">
3.8. Мета-тэг Revisit
Мета-тэг Revisit служит для указания роботам поисковых систем, с какой периодичностью необходимо индексировать документ. Чаще всего, роботы не обращают внимания на данный мета-тэг. Возможно, это связано с тем, что роботы способны сами определять периодичность индексирования какого-либо документа.
Пример:
< meta name="Revisit" content="7">
В данном примере роботу указывается, что индексировать документ нужно один раз в неделю.
3.9. Мeтa-тэг Robots
Мета-тэг Robots необходим для роботов поисковых систем. Данный мета-тэг позволяет разрешить или запретить индексирование, а также переход по гиперссылкам, расположенным на данном HTML-документе.
Значение мета-тэга Robots может быть следующим:
- index – страница разрешена к индексированию роботами поисковых систем;
- noindex – страница запрещена к индексированию роботами поисковых систем;
- follow – разрешается переход по гиперссылкам, расположенным на данной странице;
- nofollow – запрещается переход по гиперссылкам, расположенным на данной странице;
- all – разрешено индексирование и переход по ссылкам данного документа (значение принято по умолчанию);
- index, follow – то же, что и значение all;
- none – запрещено индексирование и переход по ссылкам данного документа;
- noindex, nofollow – то же, что и значение none.
Отсутствие мета-тэга Robots аналогично его присутствию со значением All.
Данный мета-тэг может быть полезен в случае, если страница часто обновляется, а индексировать ее нет необходимости; можно указать роботам только переход по гиперссылкам, расположенным на данном документе.
При использовании значения мета-тэга Robots, запрещающего переход по гиперссылкам, часть сайта может остаться не проиндексированной роботами поисковых систем.
Мета-тэг Robots имеет приоритет перед директивами управления, заданными в файле robots.txt.
Пример 1:
< meta name="Robots" content="all">
Пример 2:
< meta name="Robots" content="noindex, nofollow">
3.10. Мeтa-тэг Subject
Мета-тэг Subject используется поисковыми машинами для определения тематики документа, однако, из-за несогласованности классификации тематик у поисковых систем, использование данного тэга не имеет смысла.
3.11. Мeтa-тэг URL
Мета-тэг URL служит для указания роботам поисковых систем основного зеркала сайта. Встретив этот тэг, робот поисковой машины должен прекратить индексацию текущего документа и перейти по указанной ссылке.
Пример:
< meta name="URL" content="http://www.site.ru/">
4. Описание мета-тэгов типа http-equiv
Мета-тэги типа http-equiv влияют на формирование заголовка документа и определяют режим его обработки.
4.1. Мeтa-тэг Content-Language
Мета-тэг Content-Language необходим для указания поисковым роботам языка документа. Данный тэг не является обязательным, т. к. поисковые системы способны сами по тексту определить язык:
- ru – Русский
- en – Английский
- en-GB – Английский (Великобритания)
- en-US – Английский (США)
- de – Немецкий
- fr – Французский
- es – Испанский
- it – Итальянский
- ja – Японский
- el – Греческий
- nl – Голландский
- pt – Португальский
- zh – Китайский
- he – Иврит
- и др.
Пример:
< meta http-equiv="Content-language" content="ru">
4.2. Мeтa-тэг Content-Script-Type
Мета-тэг Content-Script-Type необходим для определения языка программирования сценариев. Если тэг Content-Script-Type не используется, то тип языка программирования сценариев, отличный от принятого по умолчанию, должен быть указан непосредственно в тэге < script>, например < SCRIPT type="text/javascript">. В одном документе возможно использование нескольких языков программирования сценариев. Указание языка в тэге < SCRIPT> имеет выше приоритет, по сравнению с мета-тэгом Content-Script-Type.
Возможны значения:
- text/javascript – JavaScript (значение по умолчанию);
- text/perlscript – PerlScript;
- text/tcl – TCL;
- text/vbscript – VBScript.
Пример:
< meta http-equiv="Content-Script-Type" content="text/javascript">
4.3. Мeтa-тэг Content-Style-Type
Мета-тэг Content-Style-Type указывает язык таблицы стилей. По умолчанию принимается значение "text/css".
Пример:
< meta http-equiv="Content-Style-Type" content="text/css">
4.4. Мeтa-тэг Content-Type
Мета-тэг Content-Type служит для указания типа документа (атрибут content) и кодировки символов (атрибут charset). Если Вы решили использовать данный мета-тэг, то необходимо соблюсти несколько условий, невыполнение которых может привести к невозможности прочтения документа без проведения дополнительных настроек браузера:
- кодировка символов текста должна соответствовать кодировке, указанной в тэге;
- сервер не должен менять кодировку текста при обработке запроса браузера. Если сервер меняет кодировку текста, то он должен скорректировать или удалить мета-тэг Content-Type.
Некоторые из возможных типов кодировки:
- ISO-8859-1 – Latin-1 - для большинства западноевропейских языков;
- Windows-1251 – Кириллица (Windows);
- KOI8-r – Кириллица (КОИ8-Р);
- cp866 – Кириллица (DOS);
- Windows-1252 – Западная Европа (Windows);
- Windows-1250 – Центральная Европа (Windows);
- shift_jis – Япония (Windows).
Пример:
< meta http-equiv="”Content-Type”" content="text/html; charset=windows-1251">
4.5. Мeтa-тэг Expires
Мета-тэг Expires позволяет управлять кэшированием документа в браузере. Если указанная в тэге дата прошла, то браузер должен сделать повторный сетевой запрос, а не использовать копию из кэша. Если изначально указать прошедшую дату, то документ не будет кэшироваться. Некоторые поисковые роботы поисковых систем могут отказаться индексировать документ с устаревшей датой. Дата должна указываться в стандарте [RFC850].
Пример:
< meta http-equiv="Expires" content="Wed, 26 Feb 1999 08:21:57 GMT">
4.6. Мeтa-тэг PICS-Label
Мета-тэг PICS-Label (Platform-Independent Content rating Scheme Label) служит для определения содержания документа с целью ограничения доступа (sex, violence), настраиваемого в каждом браузере отдельно.
4.7. Мeтa-тэг Pragma
Мета-тэг Pragma позволяет контролировать кэширование документа. Значение «no-cache» запрещает кэширование документа. Данный тэг предназначен, в первую очередь, для документов, получаемых в результате работы скрипта.
Пример:
< meta http-equiv="Pragma" content="no-cache">
4.8. Мeтa-тэг Refresh
Мета-тэг Refresh позволяет определить задержку времени (в секундах), после которой браузер автоматически обновляет документ, либо производит редирект на страницу, указанную в значении url.
Пример:
< meta http-equiv="Refresh" content="3; URL=http://www.site.ru/">
4.9. Мeтa-тэг Set-Cookie
Мета-тэг Set-Cookie позволяет настроить cookie браузера.
Имеет атрибуты:
- NAME – имя cookie. Данный атрибут не может содержать символы перевода строки, пробелов, табуляции и точки с запятой;
- EXPIRES – время хранения cookie. После указанной даты (формат даты: "Wdy, DD-Mon-YYYY HH:MM:SS GMT") истекает время хранения cookie. Если данный атрибут не указан, то cookie хранится в течение одного сеанса, то есть до закрытия браузера;
- DOMAIN – домен, для которого задается значение cookie;
- PATH – дает возможность указания подмножества документов, расположенных в различных директориях, на которые распространяется действие cookie. Например, при значении атрибута PATH=/dir действие cookie будет распространено на все файлы и каталоги, начинающиеся с символов «dir» (/dir/, /directory/, dir.htm, directory.html). Если этот атрибут опущен, то значение cookie распространяется только на документы директории, в которой расположен текущий документ;
- SECURE – указывает, что информация о cookie должна пересылаться через HTTPS (HTTP с использованием SSL). При отсутствии данного атрибута информация о cookie будет пересылаться по протоколу HTTP.
Пример:
< meta http-equiv="Set-Cookie" content="NAME=cookexample; EXPIRES=Monday, 22-FEB-02 21:11:51 GMT; DOMAIN=www.site.ru; PATH=/; SECURE">
4.10. Мeтa-тэг Window-target
Мета-тэг Window-target определяет окно текущей страницы. Приведенный пример может быть использован для прекращения появления новых окон браузера при применении структур на основе фреймов. Данный мета-тэг распространяется не на все браузеры.
Пример:
< meta http-equiv="Window-target" content="main">
5. Заключение
Таким образом, рассмотрев классификацию, принципы и правила формирования мета-тэгов, можно сделать вывод о том, что многие из них обязательными и необходимыми не являются, как с точки зрения пользователя, так и с точки зрения поисковых систем. Однако некоторые тэги являются весьма полезными, правильное формирование которых может улучшить работу браузера, а также положительно повлиять на продвижение сайта в поисковых системах.
