Мета теги HTML их назначение и правильное заполнение - 4.5 out of 5 based on 2 votes

Мета теги являются специальными служебными тегами языков HTML и XHTML. Пользователь, просматривающий сайт, не видит их действия. Они предназначены для передачи сведений поисковым роботам, которые занимаются индексацией страниц сайта, а также браузерам посетителей.

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

Мета теги их назначение и правильное заполнение

Для чего предназначены мета теги

Метатеги выполняют самые разнообразные функции. Например, хранят служебную информацию, передают ее поисковым роботам и браузерам. Так, роботы получают из метатегов сведения о ключевых словах, описании страницы, авторе и других данных. 

Где находятся? Как записать?

Мета теги для сайта располагаются в коде HTML страницы между тегами <head>...</head> и выглядит их запись следующим образом:

<meta name="атрибут" content="набор слов"> 
<meta http-equiv="атрибут" content="действие">

Как видно из примера закрывающего тега для них не требуется.

Для тега 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. Содержащие информацию для роботов поисковых систем.

Разберем подробнее каждый из них и рассмотрим за что они отвечают и как заполняются.

Значения для браузеров

brauser

Для всех тегов этой группы характерно наличие атрибута http-equiv.

1. Content-Type - принудительно указывает кодировку и тип документа.

Вообще-то браузеры обязаны самостоятельно определять кодировку и они даже так делают, если указания на этот счет отсутствуют. Вот только браузер может иметь неправильные настройки. В таком случае вместо букв на странице появятся веселенькие квадратики. А уж если неправильно действует сервер, то даже переключение кодировки в браузере не поможет. Поэтому лучше всегда указывать кодировку страницы, но при этом нужно указывать кодировку соответствующую той с которой страницу отдает сервер.

Пример установки международной кодировки utf8:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

2. Content-Language. Задает язык документа и сообщает о нем роботам, индексирующим страницу.

Роботы могут определять язык и сами, но тег будет полезен в случае сбитых настроек браузера на стороне пользователя.

Пример установки русского языка:

<meta http-equiv="Content-Language" content="ru">

3. Cache-Control. Указывает браузеру о действии кэша в отношении данного документа.

Пример:

<meta http-equiv="Cache-Control" content ="значение">

Может принимать одно из следующих значений:

  • public. Кэширование будет возможным во всех доступных кэшах.
  • private. Кэшируется только в частном кэше, но не кэшируется прокси-сервером.
  • no-cache. Полный запрет кэширования.
  • no-store. Может кэшироваться, но не сохраняется в архиве.
  • max-age=time, must-revalidate. Задает максимальное время, в секундах, в течении которого браузер должен хранить страницу в кэше.
  • max-age=time, proxy-revalidate. Тоже максимальное время хранения, в секундах, но в данном случае указанно не для браузера а для прокси-сервера.

4. Pragma. Запрещает кэширование страниц. Тег может использоваться, если информация размещенная на  странице сайта часто обновляется.

Пример:

<meta http-equiv="pragma" content="no-cache">

5. Expires. Заведует кэшированием документа. Если заявленное в этом значении время прошло, то браузер должен опять запросить у сервера страницу, а не использовать страницу из кэша. Понятно, что если указать уже прошедшую дату, то страница не будет кэшироваться никогда. Так делать не стоит еще и потому, что поисковые роботы могут не производить индексацию страницы с устаревшей датой.

Пример:

<meta name="expires" content="Sat, 23 Apr 2013 08:00:00 GMT ">

6. Refresh. Браузер автоматически обновит документ спустя то количество секунд, которое указано в данном значении. Можно провернуть одну полезную штуку. Атрибуты тега принимают URL. Если указать URL другой страницы, то браузер спустя некоторое время загрузит именно ее.

Пример, через 5 секунд пользователь будет перенаправлен на страницу: http://vash-sait.ru/home.html

<meta http-equiv="refresh" content="5; url=http://vash-sait.ru/home.html">

Значения для поисковых систем

serch

Мета теги для поисковиков не имеют отношения к отображению страницы на мониторе, но некоторые из них важны для индексации и продвижения сайта в ТОП поисковой выдачи.

1. Description. Содержит описание страницы. Написанная здесь информация выводится на странице поисковой выдачи при формировании сниппета. 

Если же описание задано грамотно и привлекает внимание, то пользователь с большей вероятностью перейдет на ваш сайт, а не на какой-то другой. Нужно постараться, чтобы описание совпадало с информацией, действительно представленной на сайте.

Пример:

<meta name="description" content="описание страницы">

2. Keywords. В этом теге через запятую перечисляются ключевые слова, точно характеризующую страницу. Когда-то был важным, но не сейчас. Они использовались роботами для определения словосочетаний по которым данная страница должна показываться в поисковой выдаче. Позже, однако, к этому делу подключились ушлые спамеры, которые запихивали по тысяче ключевых слов на одну страницу. В настоящий момент информация, записанная здесь, используется поисковиками не очень активно.

<meta name="keywords" content="ключ, ключ1, ключ2">

Подробнее об этих тегах смотрите статью: Мета теги Description и Keywords - влияние на продвижение и рекомендации по заполнению.

3. Robots. Мета тег robots управляет процессом индексации страниц поисковыми системами.

Может принимать одно из следующих значений:

  • Index. Страница может быть проиндексирована.
  • Noindex. Содержимое страницы запрещено к индексации.
  • Follow. Роботам поисковых систем разрешено следовать по ссылкам данной страницы.
  • Nofolllow. Роботам запрещено переходить по ссылкам данной страницы.
  • All. Индексировать страницу и переходить по ссылкам этой страницы.
  • None. Не индексировать страницу, не переходить по ссылкам этой страницы.

На заметку. Описанные в  Robots указания поисковым системам, могут быть заданы и в файле robots.txt. Но то, что указано в мета тегах имеет преимущество над директивами robots.txt. То есть, если в мета теге вы разрешите индексацию определенной страницы, а в  robots.txt запретите, то она все равно будет проиндексирована.

Пример полного запрета индексации и перехода по ссылкам страницы:

<meta name="robots" content="noindex, nofollow ">

4. Revisit. Указывает роботу поисковой системы, когда он должен вновь посетить и переиндексировать страницу. Незадача состоит лишь в том, что роботы обычно работают по собственному расписанию, поэтому это значение игнорируется и слегка бесполезно.

Пример, по идее робот должен посетить страницу через 5 дней.

<meta name="revisit" content="5 days">

5. Resource-Type. Описывает состояние документа, если значение отлично от Document, то страница будет проигнорирована поисковыми системами и не будет индексироваться. Важный тег для крупных ресурсов, которые используют документы разного типа.

Пример:

<meta name="resource-type" content="Document" />

Некоторые возможные значения:

  • Build
  • Classification
  • Creation
  • Document - Принимается по умолчанию.
  • Formatter
  • Host
  • Operator
  • Random text
  • Rating
  • Site-languages
  • Subject
  • Template
  • Version

6. Subject. Указывает тематику искомого документа роботам поисковых систем. Пока работает не вполне корректно, так как поисковыми системами не установлены классификационные таблицы.

Пример:

<meta name="Subject" content="Тема страницы" />

7. URL. Как только робот встречает это значение, то сразу же переходит по заданной в нем ссылке и прекращает индексацию посещенного документа. Может использоваться для исключения из индексации генерируемых страниц и зеркал.

<meta name="URL" content= "http://vash-sait.ru/home"/>

Значения содержащие информацию о содержимом страницы и ее авторе.

stranica

Это самые необязательные значения, если можно так выразиться.

1. Generator. Рассказывает о том, в какой программе или CMS создана веб-страница. Автоматически проставляется, если страница создана с использованием какого-то программного обеспечения. Данный тег, не имел смысла, наверное, никогда и применялся разве что для рекламы.

Пример:

<meta name="Generator" content="Название генератора">

2. Reply-to. Рассказывает, как связаться с владельцем веб-сайта, автором текста или еще кем-нибудь. В атрибуте content обычно указывают адрес электронной почты данного лица.

Пример:

<meta name="Reply-to" content="адрес электронной почты">

3. Author, Copyright. Взаимозаменяемые значения, поясняющие одно и то же. Идентифицируют личность автора и принадлежность документа. Мета тег author содержит ФИО настоящего автора, но если сайт принадлежит компании, то лучше и уместнее всего использовать Copyright.

Пример:

<meta name="Author" content="Имя автора">
<meta name="Copyright" content="Название фирмы">

Обсуждение материала

Войдите или зарегистрируйтесь,
чтобы добавить вопросы, идеи или ошибки, по данному материалу!

1 1 1 1 1 1 1 1 1 1 Рейтинг 4.75 (2 Голосов)