Мета теги HTML их назначение и правильное заполнение
Мета теги являются специальными служебными тегами языков HTML и XHTML. Пользователь, просматривающий сайт, не видит их действия. Они предназначены для передачи сведений поисковым роботам, которые занимаются индексацией страниц сайта, а также браузерам посетителей.
Данные теги являются не обязательными и при кодировании страниц их можно не указывать, если только вы не преследуете одну из целей, о которых рассказано ниже.
Для чего предназначены мета теги
Метатеги выполняют самые разнообразные функции. Например, хранят служебную информацию, передают ее поисковым роботам и браузерам. Так, роботы получают из метатегов сведения о ключевых словах, описании страницы, авторе и других данных.
Где находятся? Как записать?
Мета теги для сайта располагаются в коде HTML страницы между тегами <head>...</head> и выглядит их запись следующим образом:
Как видно из примера закрывающего тега для них не требуется.
Для тега meta доступно четыре атрибута, из них обязательным является только первый – content:
1. content. Устанавливает значение атрибута, заданного с помощью name и http-equiv.
2. http-equiv. Конвертирует метатег в заголовок HTTP. Значение этого атрибута преобразовывается в формат заголовка ответа протокола HTTP.
3. name. Имя, по нему определяется предназначение мета тега. В одном meta не могут одновременно использоваться name и http-equiv.
4. charset. Устанавливает кодировку документа.
Мета теги html делятся на две группы:
NAME. Теги данного типа содержат текстовую информацию о содержимом страницы, Description, ключевые слова, Robots, имя автора страницы. Здесь ищут нужные сведения роботы поисковых машин.
HTTP-EQUIV. Теги данного типа оказывают влияние на формирование заголовка страницы и указывают браузеру на режим его обработки.
Условно, по функциям, значения мета-тегов можно разделить на следующие группы:
1. Осуществляющие управление браузером, то есть содержащие требования или советы по выведению страниц на экран устройства.
2. Содержащие информацию о содержимом странице и ее авторе.
3. Содержащие информацию для роботов поисковых систем.
Разберем подробнее каждый из них и рассмотрим за что они отвечают и как заполняются.
Значения для браузеров
Для всех тегов этой группы характерно наличие атрибута http-equiv.
1. Content-Type - принудительно указывает кодировку и тип документа.
Вообще-то браузеры обязаны самостоятельно определять кодировку и они даже так делают, если указания на этот счет отсутствуют. Вот только браузер может иметь неправильные настройки. В таком случае вместо букв на странице появятся веселенькие квадратики. А уж если неправильно действует сервер, то даже переключение кодировки в браузере не поможет. Поэтому лучше всегда указывать кодировку страницы, но при этом нужно указывать кодировку соответствующую той с которой страницу отдает сервер.
Пример установки международной кодировки utf8:
2. Content-Language. Задает язык документа и сообщает о нем роботам, индексирующим страницу.
Роботы могут определять язык и сами, но тег будет полезен в случае сбитых настроек браузера на стороне пользователя.
Пример установки русского языка:
3. Cache-Control. Указывает браузеру о действии кэша в отношении данного документа.
Пример:
Может принимать одно из следующих значений:
- public. Кэширование будет возможным во всех доступных кэшах.
- private. Кэшируется только в частном кэше, но не кэшируется прокси-сервером.
- no-cache. Полный запрет кэширования.
- no-store. Может кэшироваться, но не сохраняется в архиве.
- max-age=time, must-revalidate. Задает максимальное время, в секундах, в течении которого браузер должен хранить страницу в кэше.
- max-age=time, proxy-revalidate. Тоже максимальное время хранения, в секундах, но в данном случае указанно не для браузера а для прокси-сервера.
4. Pragma. Запрещает кэширование страниц. Тег может использоваться, если информация размещенная на странице сайта часто обновляется.
Пример:
5. Expires. Заведует кэшированием документа. Если заявленное в этом значении время прошло, то браузер должен опять запросить у сервера страницу, а не использовать страницу из кэша. Понятно, что если указать уже прошедшую дату, то страница не будет кэшироваться никогда. Так делать не стоит еще и потому, что поисковые роботы могут не производить индексацию страницы с устаревшей датой.
Пример:
6. Refresh. Браузер автоматически обновит документ спустя то количество секунд, которое указано в данном значении. Можно провернуть одну полезную штуку. Атрибуты тега принимают URL. Если указать URL другой страницы, то браузер спустя некоторое время загрузит именно ее.
Пример, через 5 секунд пользователь будет перенаправлен на страницу: http://vash-sait.ru/home.html
Значения для поисковых систем
Мета теги для поисковиков не имеют отношения к отображению страницы на мониторе, но некоторые из них важны для индексации и продвижения сайта в ТОП поисковой выдачи.
1. Description. Содержит описание страницы. Написанная здесь информация выводится на странице поисковой выдачи при формировании сниппета.
Если же описание задано грамотно и привлекает внимание, то пользователь с большей вероятностью перейдет на ваш сайт, а не на какой-то другой. Нужно постараться, чтобы описание совпадало с информацией, действительно представленной на сайте.
Пример:
2. Keywords. В этом теге через запятую перечисляются ключевые слова, точно характеризующую страницу. Когда-то был важным, но не сейчас. Они использовались роботами для определения словосочетаний по которым данная страница должна показываться в поисковой выдаче. Позже, однако, к этому делу подключились ушлые спамеры, которые запихивали по тысяче ключевых слов на одну страницу. В настоящий момент информация, записанная здесь, используется поисковиками не очень активно.
Подробнее об этих тегах смотрите статью: Мета теги Description и Keywords - влияние на продвижение и рекомендации по заполнению.
3. Robots. Мета тег robots управляет процессом индексации страниц поисковыми системами.
Может принимать одно из следующих значений:
- Index. Страница может быть проиндексирована.
- Noindex. Содержимое страницы запрещено к индексации.
- Follow. Роботам поисковых систем разрешено следовать по ссылкам данной страницы.
- Nofolllow. Роботам запрещено переходить по ссылкам данной страницы.
- All. Индексировать страницу и переходить по ссылкам этой страницы.
- None. Не индексировать страницу, не переходить по ссылкам этой страницы.
На заметку. Описанные в Robots указания поисковым системам, могут быть заданы и в файле robots.txt. Но то, что указано в мета тегах имеет преимущество над директивами robots.txt. То есть, если в мета теге вы разрешите индексацию определенной страницы, а в robots.txt запретите, то она все равно будет проиндексирована.
Пример полного запрета индексации и перехода по ссылкам страницы:
4. Revisit. Указывает роботу поисковой системы, когда он должен вновь посетить и переиндексировать страницу. Незадача состоит лишь в том, что роботы обычно работают по собственному расписанию, поэтому это значение игнорируется и слегка бесполезно.
Пример, по идее робот должен посетить страницу через 5 дней.
5. Resource-Type. Описывает состояние документа, если значение отлично от Document, то страница будет проигнорирована поисковыми системами и не будет индексироваться. Важный тег для крупных ресурсов, которые используют документы разного типа.
Пример:
Некоторые возможные значения:
- Build
- Classification
- Creation
- Document - Принимается по умолчанию.
- Formatter
- Host
- Operator
- Random text
- Rating
- Site-languages
- Subject
- Template
- Version
6. Subject. Указывает тематику искомого документа роботам поисковых систем. Пока работает не вполне корректно, так как поисковыми системами не установлены классификационные таблицы.
Пример:
7. URL. Как только робот встречает это значение, то сразу же переходит по заданной в нем ссылке и прекращает индексацию посещенного документа. Может использоваться для исключения из индексации генерируемых страниц и зеркал.
Значения содержащие информацию о содержимом страницы и ее авторе.
Это самые необязательные значения, если можно так выразиться.
1. Generator. Рассказывает о том, в какой программе или CMS создана веб-страница. Автоматически проставляется, если страница создана с использованием какого-то программного обеспечения. Данный тег, не имел смысла, наверное, никогда и применялся разве что для рекламы.
Пример:
2. Reply-to. Рассказывает, как связаться с владельцем веб-сайта, автором текста или еще кем-нибудь. В атрибуте content обычно указывают адрес электронной почты данного лица.
Пример:
3. Author, Copyright. Взаимозаменяемые значения, поясняющие одно и то же. Идентифицируют личность автора и принадлежность документа. Мета тег author содержит ФИО настоящего автора, но если сайт принадлежит компании, то лучше и уместнее всего использовать Copyright.
Пример:
- Подробности
-
Обновлено: 17 Октябрь 2013
-
Создано: 14 Октябрь 2013
-
Просмотров: 17328