Мета теги HTML их назначение и правильное заполнение - 4.8 out of 5 based on 4 votes
Мета теги являются специальными служебными тегами языков HTML и XHTML. Пользователь, просматривающий сайт, не видит их действия. Они предназначены для передачи сведений поисковым роботам, которые занимаются индексацией страниц сайта, а также браузерам посетителей.
Данные теги являются не обязательными и при кодировании страниц их можно не указывать, если только вы не преследуете одну из целей, о которых рассказано ниже.
Для чего предназначены мета теги
Метатеги выполняют самые разнообразные функции. Например, хранят служебную информацию, передают ее поисковым роботам и браузерам. Так, роботы получают из метатегов сведения о ключевых словах, описании страницы, авторе и других данных.
Где находятся? Как записать?
Мета теги для сайта располагаются в коде HTML страницы между тегами
... и выглядит их запись следующим образом:
Как видно из примера закрывающего тега для них не требуется.
Для тега 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. В этом теге через запятую перечисляются ключевые слова, точно характеризующую страницу. Когда-то был важным, но не сейчас. Они использовались роботами для определения словосочетаний по которым данная страница должна показываться в поисковой выдаче. Позже, однако, к этому делу подключились ушлые спамеры, которые запихивали по тысяче ключевых слов на одну страницу. В настоящий момент информация, записанная здесь, используется поисковиками не очень активно.
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
- Operator
- Random text
- Rating
- Site-languages
- Subject
- Template
- Version
6. Subject. Указывает тематику искомого документа роботам поисковых систем. Пока работает не вполне корректно, так как поисковыми системами не установлены классификационные таблицы.
Что такое мета теги? Мета теги — это специальные теги html, находящиеся в контейнере и предназначены для передачи информации о сайте браузерам и поисковикам. Например, при обходе вашего ресурса, поисковые роботы собирают заголовки страниц, описание сайта, ключевые слова, данные об авторе и прочую информацию содержащуюся в тегах . Перед тем, как показать страницу сайта пользователя, то же самое делает и браузер, чтобы понять, в каком виде должен показываться сайт для ПК или для смартфона.
В этом материале, мета теги будут рассматриваться нами через призму . И вы сможете узнать, основные правила их заполнения, анализа и проверки с помощью инструментов вебмастера.
Виды мета-тегов:
- title (заголовки страниц);
- description (краткое описание страницы);
- keywords (ключевые слова);
- технические мета теги (отвечают за корректность отображения страницы).
Как правильно заполнять мета теги
С точки зрения SEO, главные мета теги сайта это Title, Description и Keywords. Поэтому именно правильность их заполнения мы и рассмотрим. Повторимся, что все они должны располагаться между тегами
и не в каком другом месте кода.Title
Мета тег
Description
Мета-тег Description отвечает за то, чтобы в нескольких предложениях описать суть информации на странице. Обычная поисковая система берёт информацию из этого тега для формирования сниппета в результатах выдачи.
Description также должен включать прямое вхождение ключевого слова (по возможности дополняется другой словоформой), рассказывать о преимуществах вашего предложения, плюс служит в качестве промо основному содержанию страницы. Давайте попробуем составить описания страниц, для двух примеров упомянутых выше.
Примеры:
- «Купить ноутбук в Москве. Закажите ноутбук по цене от 19 990 рублей в интернет-магазине. Доставка бесплатно. Гарантия 2 года.»
- «Как правильно выращивать алоэ в домашних условиях. Журнал Садовод делится секретами выращивания растения алоэ дома. »
Длина не более 140 символов. На чистом html, это выглядело бы вот так:
Keywords
Мета тег Keywords — это набор ключевых слов, по которым продвигается страница. Впрочем сегодня этот атрибут уже не является обязательным и заполняется по желанию, так в «золотую эпоху» SEO им слишком злоупотребляли и поисковые системы практически не обращают внимание на него. Если же вы всё-такие решили заполнить keywords, лучше это делать простым перечислением слов в начальной форме без запятых:
«Купить ноутбук Москве заказать цена стоимость рубль интернет-магазин каталог доставка гарантия»
Длина любая, но слишком усердствовать не стоит. В html правильно пишется вот так:
Ключевые слова "/>
Спарсить мета теги конкурентов можно буквально в пару кликов - с помощью парсера .
Технические мета-теги
- Expires — дата устаревания документа.
- Pragma — запрет на использование кэшированных данных, информация должная подгружаться с сервера.
- Content-Type — тип контента и кодировка.
- Content-language — языка страницы/сайта.
- Cache-Control — устанавливает кэшируется ли документ или нет, и если да, то каким образом.
- Robots — отвечает за индексацию отдельных страниц.
- document-state — частота индексации.
Отсутствие мета тегов может негативно сказаться на отображении, индексации и ранжировании страниц.
Как добавлять мета теги на CMS
Чаще всего для управления контентом на сайте используются различные CMS и некоторые из них требуют установки дополнительных модулей и плагинов, чтобы задавать мета теги. Чтобы прописать мета теги на CMS нужно:
Хоть Wix и не является CMS — это всего лишь конструктор, здесь тоже можно сделать мета описание сайт и ключевые слова, в которых содержится информация о сайте. Для каждой страницы при нажатии на три точечки, всплывает меню, где можно перейти в раздел SEO и задать необходимые параметры.
Но если вы всерьёз вознамерились продвигать сайт в поисковиках, Wix лучше не использовать и выбрать например, тот же WordPress.
Проверка мета-тегов онлайн +анализ
Для проверки мета тегов на собственном сайте или для анализа мета описаний у конкурентов, можно использовать сервисы, которые быстро и в режиме онлайн показывают нужную информацию.
Вот несколько таких сервисов:
- http://seo-inf.ru/tools/view-metatags/
- http://www.prcy-info.ru/index.php/meta-tags-check
- https://сайт/prizyv-k-dejstviyu-v-reklame/
Один из вариантов применения тега meta - указание HTTP -заголовков, которые должны быть отправлены клиенту до отправки самой веб-страницы. Например:
<meta http-equiv = "Content-Type" content = "text/html" / >
Такая запись указывает, что страница должна быть отправлена вместе с HTTP-заголовком Content-Type: text/html. Такой заголовок указывает браузеру или другой программе тип отправляемого документа. Тем не менее, несмотря на то, что первоначально предполагалось, что веб-серверы будут считывать meta-теги внутри отправляемых клиенту веб-страниц, и формировать HTTP-заголовки в зависимости от их содержимого, на практике это не реализовано в наиболее используемых веб-серверах, соответственно, веб-серверы не меняют отправляемые клиенту HTTP-заголовки, а клиент (веб-браузер) обрабатывает эти meta-теги самостоятельно (в частности, данные из meta-тегов могут заменять данные, получаемые из HTTP-заголовков ).
Кроме того, meta-теги могут использоваться для того, чтобы сообщить браузеру информацию о документе, когда HTTP-заголовки недоступны (например, если страница открывается локально с диска, а не загружается с веб-сервера).
В общей форме метаданные записываются в следующем виде: в теге meta указывается атрибут name (имя) и связанный с ним атрибут content (содержимое), в котором описывается какой-либо аспект веб-страницы, например, ключевые слова:
<meta name = "keywords" content = "википедия, энциклопедия" / >
Функции мета-тегов
Функции мета-тегов достаточно разнообразны, однако на данный момент не существует их четкой стандартизации. Тем не менее, можно выделить несколько основных направлений использования мета-тегов:
- Мета-теги способны идентифицировать авторство Интернет-страницы, ее адрес, частоту ее обновлений;
- Мета-теги используются поисковыми системами для индексации и создания заголовков гипертекстовых документов;
- Не выводясь на экран, мета-теги влияют на режим отображения Интернет-страниц.
Группы мета-тегов
Мета-теги разделены на две основные группы - NAME и HTTP-EQUIV. Группа NAME отвечает за текстовую информацию о странице, ее авторе, а также - рекомендации для поисковых систем. HTTP-EQUIV фактически эквивалентны гипертекстовым заголовкам, формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными заголовками.
Группа NAME
Мета-тег Author и Copyright
Мeтa-тeг PICS-Label
Мeтa-тeг Window-target
Определение окна загружаемой страницы.
Мета-тег Imagetoolbar
Отключает Панели управления изображениями. Обычно используют при выводе баннеров, фона картинки, карты изображения и др., когда вывод данной панели нежелателен.
<meta http-equiv = "imagetoolbar" content = "no" / >
Значение мета-тегов
Метаданные о веб-странице изначально предназначались в том числе для того, чтобы помочь поисковым машинам отнести веб-страницу к той или иной категории. В 90-е годы мета-теги активно использовались в целях раскрутки своего сайта, в том числе предоставляя ложные или избыточные метаданные. После этого поисковые машины стали придавать мало внимания метаданным; теперь большее значение имеет правильное структурирование веб-страницы и наличие большого количества ссылок на сайт с авторитетных ресурсов.
Мета-теги — это необязательные атрибуты, размещенные в заголовке страницы, между тегами
и , которые никак не отображаются браузером (за исключением содержимого тега