Мета теги HTML их назначение и правильное заполнение. Настройка Meta-тегов и ключевых слов Что означает тег meta

Элемент (от англ. metadata - метаданные) определяет данные (они называются ещё метатеги), которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере . Как правило, атрибуты любого метатега сводятся к парам «имя=значение», имена которых определяются ключевыми словами content , name или http-equiv .

Синтаксис

Закрывающий тег

Не требуется.

Пример

META

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация ) - спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация ) - группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация ) - на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект ) - более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor"s draft (Редакторский черновик ) - черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации ) - первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living ) - он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

× Браузеры

В таблице браузеров применяются следующие обозначения.

  • - элемент полностью поддерживается браузером;
  • - элемент браузером не воспринимается и игнорируется;
  • - при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Настройка Meta-тегов и ключевых слов

Приветствую, друзья! В этой статье речь пойдет о том, как писать мета теги. Теги являются неотделимой частью в оптимизации и раскрутке сайта. И им необходимо уделять не меньше внимания, чем другим пунктам оптимизации. Правильное написание тегов поможет вам раскрутить сайт и заработать на нем. Самое главное при написании meta tags не спешить, а составлять вдумчиво и грамотно с точки зрения оптимизации. Правда это может занять не маленький промежуток времени, но зато это того стоит. И вы вскоре пожнете отличные плоды своего труда. Хочу отметить, что все мета теги должны находиться между этими двумя главными тегами: здесь расположены ваши мета теги .

Описание некоторых мета тегов в MOdx:

Abstract - Мета-тег Abstract очень похож на мета-тег description, только он является отрывком или кратким содержанием мета-тега description. Обычно мета-тег Abstract это одно предложение, которое дает общее представление о веб-странице. Хотя поисковые машины не часто используют этот тег, он является полезным дополнением для поисковых машин, которые читают первые несколько строк текста ваших веб-страниц.

Author, Copyright

Эти теги не отражаются броузерами, но обрабатываются некоторыми поисковыми машинами. Как правило, нет необходимости использовать эти теги одновременно. В большинстве случаев достаточно одного информационного тега, позволяющего идентифицировать автора или принадлежность документа.
Тег Author должен содержать имя автора, если сайт принадлежит организации, имеет смысл использовать тег Copyright. Информация обязательно должна заключаться в кавычки, например .
Дополнительно информационные теги могут содержать атрибут "Lang", указывающий язык, на котором написано значение свойства.
Пример: .

Description

Мета тег Description - служит для краткого описания странички.
Он используется поисковыми машинами для индексации и в качестве краткой аннотации при ссылке в ответе на запрос. И именно по содержанию этого тега пользователь поисковой системы будет оценивать, соответствует ваш сайт его ожиданиям или нет.
Если тег Description отсутствует, то в качестве описания поисковые машины используют первую строку текста или отрывок из текста с найденным ключевым словом.
Желательно чтобы длина описания не превосходила 80 символов.
Пример:

Generator

Мета тег Generator - это всего лишь один из "славного" семейства тегов широко используемых генераторами HTML кода в своих целях. Как правило, для владельца сайта эти теги не несут полезной нагрузки.

Keywords

Мета тег Keywords используется поисковыми машинами для оценки релевантности.
Слова, содержащиеся в теге Keywords, рассматриваются поисковыми машинами как рекомендация, но иногда именно этой капли не хватает, чтоб перевесить чашу.
При формировании списка ключевых слов для мета тега Keywords необходимо использовать слова, содержащиеся в тексте документа. Слова, не содержащиеся в тексте, можно использовать в очень небольших количествах, два - три слова. Вставлять их надо в конец списка.
Ключевые слова не должны повторятся в теге Keywords, в крайнем случае, не более двух раз.
В мета теге Keywords имеет смысл использовать не более 10 слов, большее количество релевантности не увеличит.
В Большинстве случаев поисковые машины находят ключевые слова, стоящие во множественном числе (cats), даже если поиск задан в единственном числе (cat). Поэтому рекомендуется в тег Keywords заносить английские существительные во множественном числе.
Роботы некоторых поисковых машин не переходят к новой строке при анализе мета тега Keywords, поэтому не рекомендуется разбивать его на несколько строк.

Пример:

Если документ написан на нескольких языках, можно использовать добавочный атрибут lang для выбора кодировки (смотри описание мета тега Content-Language).

Пример:

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

Resource-type

Мета тег Resource-type - описывает состояние данного документа. Если его значение отлично от “Document”, то поисковые системы не будут его индексировать.
Предназначен для использования в крупных проектах, с множеством документов разного типа.
Некоторые возможные значения:

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

Пример:

Revisit

Мета тег Revisit - указывает поисковому роботу, через сколько дней ему нужно вернуться и переиндексировать данный документ.
Пример (приходить раз в неделю):

Robots

Мета тег Robots - содержит указания для роботов поисковых машин, собирающих информацию о HTML документах в сети.
Значение свойства Robots может состоять из следующих директив, разделенных запятыми:

  • Index - эта страница должна быть индексирована.
  • Noindex - эта страница не должна индексироваться.
  • Follow - прослеживать гиперссылки на странице.
  • Nofollow - не прослеживать гиперссылки на странице.
  • All - = index, follow (принято по умолчанию).
  • None - = noindex, nofollow.

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

Subject

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

URL

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

Content-Language

Мета тег Content-Language - это указание языка документа. Используется поисковыми машинами при индексировании. Хотя большинство из них умеют различать язык по тексту.
Некоторые возможные значения (стандарт , ):

Пример:
В спецификации HTML 4.0 есть альтернативная возможность явного указания языка -

Content-Script-Type

Meta тег Content-Script-Type - Определение языка программирования сценариев.
Некоторые из возможных значений:

Пример:
Если тег Content-Script-Type не используется, то тип языка программирования сценариев, отличный от принятого по умолчанию, должен быть указан непосредственно в каждом теге , пример .
В одном документе допускается использование нескольких языков программирования сценариев. Указание языка в теге имеет более высокий приоритет, в рамках текущего тега .

Content-Style-Type

Мета тег Content-Style-Type - указавает язык таблицы стилей, значение "text/css" принимается по умолчанию, если оно вас устраивает и вы не используете в этом документе теги и , то использовать этот тег необязательно.
Пример:

Броузеры определяют язык таблиц стилей по следующему алгоритму:

  • Если в объявлении МЕТА задается язык таблиц стилей, то определяет последнее объявление в потоке символов.
  • Если язык таблиц стилей задается в объявлении STILE, язык таблиц стилей определяет последний заголовок в потоке символов.
  • Если язык таблиц стилей не задан, по умолчанию используется язык "text/css".
Content-Type

Мета тег Content-Type - Отвечает за указание типа документа и кодировки символов.
Использовать мета тег Content-Type надо только с учетом некоторых нюансов.
Во - первых, кодировка символов текста должна соответствовать кодировке, указанной в теге.
Во - вторых, сервер не должен менять кодировку текста при обработке запроса броузера.
В - третьих, если сервер меняет кодировку текста, он должен скорректировать или удалить мета тег Content-Type.
Несоблюдение этих требований может привести к следующему: web-сервер автоматически определит кодировку запроса клиента и отдаст страничку web-броузеру перекодированной. Броузер, в свою очередь, будет читать документ в соответствии с мета тегом Content-Type. И если кодировки не совпадут, то прочитать документ можно будет только после ряда замысловатых манипуляций. Особенно это характерно для старых броузеров IE 3.x - 4.x и Netscape 4.x.
Внимание! Мета тег Content-Type очень часто вставляется генераторами HTML кода.

Некоторые из возможных типов кодировки (стандарт ):

Пример:

Expires

Мета теги Expires - управляет кэшированием. Если указанная в теге дата прошла, то броузер должен сделать повторный сетевой запрос, а не использовать копию из кэша. Если изначально указать прошедшую дату, то документ не будет кэшироваться.
Некоторые поисковые роботы могут отказаться индексировать документ с устаревшей датой.
Дата должна указываться в стандарте .
Пример:

PICS-Label

Мета тег PICS-Label - (Platform-Independent Content rating Scheme Label)) определяет уровень доступности сайта (sex, violence), но может использоваться и в других целях.

Pragma

Pragma - Контроль кэширования. При значении “no-cache” кэширование данного не рекомендовано. Предназначен для документов, получаемых в результате работы скрипта.

Пример:

Refresh

Мета тег Refresh - определение задержки времени в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность - автоматическая загрузка другого документа.
Пример:

Если нужно просто обновить документ, то URL указывать не обязательно.

Set-Cookie

Set-Cookie - Настройка cookie броузера.
Пример:
Атрибуты EXPIRES, DOMAIN, PATH и SECURE при необходимости можно опустить.
Пример:

NAME

Имя cookie, не может содержать символы перевода строки, пробелов, точки с запятой (;) и табуляции.

EXPIRES

Время хранения cookie. После указанной даты (в формате "Wdy, DD-Mon-YYYY HH:MM:SS GMT") истекает время хранения cookie.
Если этот атрибут не указан, то cookie хранится в течение одного сеанса, до закрытия броузера.

DOMAIN

Домен, для которого задается значение cookie. Для доменов COM, EDU, NET, ORG, GOV, MIL, INT значение можно задавать сокращенно "MY.COM", оно будет распространяться и на домен "WWW.MY.COM". Для всех остальных (в том числе и RU) значение надо задавать полностью "WWW.MY.RU".
Если этот атрибут опущен, то по умолчанию используется доменное имя сервера, с которого было выставлено значение cookie.

PATH

Устанавливает подмножество документов, на которые распространяется действие cookie. При значение "/doc" действие cookie будет распространено на все файлы и каталоги в этой директории начинающееся на "doc" (/doc/, /document/, /doc2/, docs.html, doc-test.htm).
Если этот атрибут опущен, то значение cookie распространяется только на документы директории, в которой расположен текущий документ.

SECURE

Указывает, что информация о cookie должна пересылается через HTTPS (HTTP с использованием SSL). В противном случае информация о cookie будет пересылается по протоколу HTTP.

Перед запросом к серверу, броузер проверяет cookie. И если атрибуты NAME, DOMAIN и PATH совпадают, броузер посылает cookie серверу.
Если cookie принимает новое значение, старое значение удаляется.
Броузер имеет ряд ограничений по работе с cookie:

  • Единовременно может храниться не более 300 значений cookie.
  • Cookie не может превышать 4 Кбайт.
  • От одного сервера (домена) не может быть более 20 cookie.

Эти ограничения могут быть несколько иными, в зависимости от настройки и типа броузера.
Если происходит превышение лимита (общего или по домену) удаляется первая по времени запись. Удаление происходит, не зависимо от значения атрибута EXPIRES.
При превышении 4 Кбайт, cookie усекается.

Пример:

Window-target

Мета тег Window-target - определяет окно текущей страницы. Приведенный пример может быть использован для прекращения появления новых окон броузера при применении фреймовых структур. Действует для многих (но не для всех) броузеров.
Пример:

Описание мета тегов

Meta title
Описание мета тегов, как писать мета теги
Это один из наиболее важных тегов, которому поисковые системы придают огромное значение.
Заголовок должен содержать ключевые слова, а также быть информативным и привлекательным.
Ссылка на Ваш сайт в выдаче поисковой системы будет содержать текст из тега meta title, так
что это, в некотором роде, визитная карточка страницы. Как правило, в выдачу поисковой
системы попадают 50-80 символов из заголовка, поэтому его размер желательно ограничить этой длиной.

Мета тег description и тэг keywords




Длина содержимого мета тег description не должна превышать 200 символов, a длина keywords - 1000 символов. Это связано с тем, что поисковые серверы, как правило, используют именно такие величины при индексировании информации о вашем сайте. Можно получить отрицательный результат, если поисковые машины отбросят часть описания, превышающего установленные нормы, в результате чего в каталог попадет не вся желаемая информация, либо сервер просто отвергнет регистрацию Вашего сайта. В тэг keywords необходимо вписывать слова или сочетания слов по которым вы хотите продвигать ваш сайт. Если у сайта тиц и pr минимален или оба эти параметра по нулям, то лучше добавлять низкочастотные слова - это те слова, по которым число запросов в поисковике в месяц минимально (например от 10 до 50). Плотность ключевых слов в тексте должна быть около 5 %, т.е. на 100 слов должно приходится 5 ключевиков. Где же взять слова и словосочетания, чтобы потом их вставить в мета тег description и тэг keywords?
Эти сервисы помогут найти популярные ключевые слова для meta name keywords content:
ad.rambler.ru/swrds/wrds.pl - определить популярные ключевые слова в Рамблер.
wordstat.yandex.ru - определить популярные ключевые слова в Яндекс.
stat.go.mail.ru - определить популярные ключевые слова в системе Mail.Ru.
ajx.ru - определить популярные ключевые слова в неофицальном сервисе Yandex Direct.
www.webconfs.com - буржуйский сервис показывающий ключевые слова для поисковиков.
В мета тег description необходимо вставить описание вашей странички, оно будет выводиться при поиске поэтому должно быть красиво составлено. Также в описание можно включить популярные ключевые слова, которые вы прописывали для meta name keywords content.

Черные методы оптимизации:
- не включайте термины, слова и словосочетания, которые не связаны с темой вашей страницы, так как в Internet такое поведение считается некорректным и будет являться спамом, в результате чего поисковики могут забанить ваш сайт;
- не используйте скрытый текст и скрытые ссылки, это конечно поможет немного раскрутиться, но в итоге - бан;
- клоакинг и скрытая переадресация;
- страницы, субдомены и домены, в значительной степени повторяющие
содержание друг друга;
- страницы портала, предназначенные исключительно для поисковых систем, и другие отсекатели cookie, например, партнерские программы, где оригинальное содержание почти или совсем отсутствует.
Хочу сказать, что постоянное использование обходных путей и запрещенных приемов в продвижении сайта, может нанести ему весьма существенный вред, вплоть до бана и исключения сайта из индекса поисковиков.

Другие теги

Это означает, что если бот определил страницу как документ (т.е. это - не файл картинки или чего-либо подобного), он должен её проиндексировать


Здесь говорится о том, что если тип документа - динамический, то бот должен регулярно возвращаться для реиндексации.


Это пожелание боту, как часто реиндексировать документ. Не инструкция, а именно пожелание. Бот может его проигнорировать. Вообще здесь следует быть осторожным - если написать revisit-after 1 day и не менять страницу вообще - бот может обидеться и посчитать это попыткой его спама. В этом случае - ждите санкций (вплоть до вылета из индекса). В принципе, revisit-after можно не писать вовсе.

Теги , , , , и
Описание мета тегов: h1 h2 h3, meta name Author, meta name copyright, reply-to, meta name Refresh, meta Name Date, meta http-equiv expires, meta http-equiv content-type. То есть в комментариях пишем заголовок первого уровня, содержащий ключевые слова. Яндекс то, что в тегах комментария не индексирует, пишем мы это исключительно для Рамблера. Написанная фраза в теге h1 будет иметь больший приоритет при поиске, чем в h2, h3, h4, h5 и h6.

meta name Author

или

meta name copyright

Указание авторских прав

meta name reply-to

Указание E-Mail

meta name Refresh

Пример:
Данный пример загружает документ INDEX.HTM через 10 секунд.

meta Name Date

Дата создания сайта.
Пример:

meta http-equiv expires

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

meta http-equiv content-type

Для определения браузером языка, на котором написана страница используется

meta http-equiv refresh

Если неопытный Web-мастер скопирует Вашу страницу, в которой оставит следующий тег, то при заходе на эту страницу браузер автоматически перейдет на Вашу страницу

Мета теги - часть программного HTML кода, заключенная между тегом ... (заголовок страницы). Эти атрибуты не являются обязательными: они не видны пользователю, но сообщают определенную информацию поисковой системе (описание, заголовок, ключевые слова и т.д.).

Задачи meta тегов

Метатеги выполняют несколько важных функций:

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

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

Мета теги для SEO (поисковой) оптимизации

Сюда относятся три тега: title, description, keywords. Эти атрибуты сообщают поисковому роботу информацию о сайте, которая помогает грамотно определить тематику ресурса и ранжировать (сортировать) в выдаче. Потому составляя метатеги, вебмастера обязательно используют ключевые слова (слова и фразы, которые целевой пользователь вводит в строку поиска, чтобы найти нужный ресурс).

  • Title

Заголовок страницы. В индексе это - крупная синяя ссылка на сайт, в браузерных вкладках - название.

Как заполнять

Атрибут должен содержать основные ключевые слова и конкурентные преимущества. Важно, чтобы пользователь сразу понял, что Вы предлагаете, и почему данный ресурс ему подойдет. Основная сложность - вместить нужную информацию в четко заданный поисковыми системами лимит символов. У Google максимум - 70 (12 слов), у Яндекс - 80 (15 слов).

Пример:
Дано: ключевые слова «купить кресло», «купить кресло недорого», «купить удобное кресло»
Неудачный title: Купить кресло. Купить удобное кресло, купить кресло недорого
Удачный title: Как купить удобное кресло недорого с доставкой и получить скидку 15%?

В первом случае - переспам (переизбыток ключевых фраз), нечитабельное предложение с точки зрения пользователя. Второй вариант meta тега объединяет все нужные ключевики в логичной последовательности и указывает на конкурентное преимущество компании (скидку).

  • Description

Краткий «анонс» страницы в результатах поиска. Несколько коротких предложений, в которых используются ключевые слова (не все - наиболее значимые) конкретной страницы. Рекомендуемая длина meta тега - 160-200 символов.

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

С помощью meta name description поисковым роботом описание страницы - сниппет. Отображается в результатах поиска под title.

Если атрибут не заполнен либо сформирован не по правилам (значительно превышен лимит символов, переспам), то поисковый робот составляет описание автоматически, «собирая» его по кусочкам фраз на странице. Результат получается не сильно привлекательный и «продающий».

Как заполнять
Дано: магазин продажи книг; ключевые слова «интересная книга», «купить книгу»
Неудачный Description: Книги издавна являются одними из самых близких «друзей» человека. Интересная книга помогает скоротать время, дает полезные знания, раскрывает занимательные факты, пробуждает эмоции. Потому стоит задуматься о том, чтобы купить книгу в нашем магазине.
Удачный Description: Нужна интересная книга? В нашем магазине - широкий выбор тематик: от узкоспециальной литературы до мировых бестселлеров. У нас Вы можете купить книгу с доставкой в течение 1-5 дней в любой регион РФ. Первым покупателям - скидка 10%.

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

  • Keywords

Сообщает поисковому роботу ключевые слова, под которые «заточен» контент. Поисковый робот сверяет фразы в содержимом страницы с указанными в данном теге, а полученные результаты учитывает в дальнейшем при определении позиций ресурса.

Сейчас поисковики не придают данному атрибуту такой вес, как раньше. Но грамотное использование его не будет лишним.

Как заполнять

Используйте 3-6 ключевых слов/фраз через запятую. Чрезмерное употребление может расцениваться поисковиком как переспам. В список должны включаться только используемые на странице запросы, под которые оптимизирован текст, названия товаров и т.д.!


Мета теги технического характера

Атрибуты внутренней оптимизации ресурса. Такие мета теги настраивают информацию, которая отображается пользователю в браузере, и включают отдельные опции (к примеру, дают возможность закрыть для индексации отдельные разделы).

Наиболее распространенные технические метатеги:

  • Content-type. Включает данные о типе документа и кодировке. Влияет на то, насколько корректно страница будет отражаться в браузере. Особенно актуален при неверной настройке браузера или сервера. В такой ситуации документ будет показан на другой кодировке, и пользователь не сумеет ничего изменить даже попыткой переключить вручную.

(для кириллицы используется атрибут windows-1251 или KOI-8R)

  • Content-language. Содержит информацию о языке контента (содержимого). Как и с предыдущим тегом, сейчас браузеры определяют язык автоматически. Но в случае неверных настроек данный тег будет полезен.

  • Robots. Показывает поисковому роботу, какие страницы следует включать в индекс, а какие - нет. Данный тег предполагает ряд дополнительных атрибутов: index/noindex (можно/нельзя индексировать); follow/nofollow (учитывать/не учитывать гиперссылки); all/none (открыть/закрыть для индексации страницу и гиперссылки).

  • Refresh. Позволяет задать время обновления страницы при загрузке либо переадресации пользователя в другой раздел. Тег полезен в случае обновления сайта: вместо страницы ошибки 404 или длительной загрузки перенаправляет пользователя в новый раздел.

  • Meta Author и Copyright. Этими тегами можно прописать авторство графического и текстового содержимого страницы.

(автор страницы)

(принадлежность авторских прав)

адрес автора/собственника)

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

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

Статью подготовила Виктория Закирова.

Что такое мета теги? Мета теги — это специальные теги html, находящиеся в контейнере и предназначены для передачи информации о сайте браузерам и поисковикам. Например, при обходе вашего ресурса, поисковые роботы собирают заголовки страниц, описание сайта, ключевые слова, данные об авторе и прочую информацию содержащуюся в тегах . Перед тем, как показать страницу сайта пользователя, то же самое делает и браузер, чтобы понять, в каком виде должен показываться сайт для ПК или для смартфона.

В этом материале, мета теги будут рассматриваться нами через призму . И вы сможете узнать, основные правила их заполнения, анализа и проверки с помощью инструментов вебмастера.

Виды мета-тегов:
  • title (тайтл ) — заголовки страниц;
  • description (дискрипшн ) — краткое описание страницы;
  • keywords (кейвордс ) — ключевые слова;
  • технические мета теги (отвечают за корректность отображения страницы).
Как правильно заполнять мета теги

С точки зрения SEO, главные мета теги сайта это Title и Description. Поэтому именно правильность их заполнения мы и рассмотрим. Повторимся, что все они должны располагаться между тегами и не в каком другом месте кода.

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

Title

Мета тег отвечает за заголовок страницы и отображается строчкой текста на вкладке браузера.

Для поискового продвижения сайта, необходимо, чтобы ключевое слово находилось, как можно ближе к началу Title или стояло самым первым. Если сайт продвигается в каком-либо регионе — пишем название города или региона. Далее следует продающая или уточняющая добавка. В завершении, чтобы придать тайтлу уникальности, после прямой черты вставляем название сайта или компании

Например:

  • Для коммерческого сайта: «Купить ноутбук в Москве — цены от 19990 р в интернет-магазине | site.ru»
  • Для информационного сайта: «Как правильно выращивать алоэ в домашних условиях | Садовод »
  • Для того, чтобы заголовок не обрезался при показе в результатах выдачи поисковых систем, нужно чтобы длина тайтле была не более 65 символов.

    Заголовок страницы

    Description

    Мета-тег Description отвечает за то, чтобы в нескольких предложениях описать суть информации на странице. Обычно поисковая система берёт информацию из этого тега для формирования сниппета в результатах выдачи (чаще всего так делает Google, реже Яндекс).

    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.

    Проверка мета-тегов онлайн +анализ

    Для проверки мета тегов на собственном сайте, можно воспользоваться панелью вебмастеров Яндекс. Для этого зайдите в Вебмастере «Диагностика — Диагностика сайта». На открывшейся странице нажмите «Ознакомиться». После этого вам будет показан список страниц, у которых не заполнен .

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

    Вот несколько таких сервисов:

    • Промопульт
    • Серпстат
    • Пиксельплюс
    Заключение

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

    HTML теги Значение и применение

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

    Мета элементы, как правило, используются, чтобы указать описание страницы, ключевые слова, автора документа и другие метаданные. Разрешается и, как правило, необходимо использовать несколько метатегов. Тег всегда размещается внутри тега . XHTML требует закрывающего тега , в HTML элемент считается одиночным.

    Поддержка браузерами Тег
    Opera
    IExplorer
    Edge
    Да Да Да Да Да Да
    Атрибуты Атрибут Значение Описание
    character_set Задает кодировку символов для HTML документа.
    content text Задает значение, связанное с атрибутами name и http-equiv , в зависимости от контекста.
    http-equiv content-security-policy
    content-type
    default-style
    refresh
    Фактически эквивалентен гипертекстовому заголовку (имитация http-заголовка), формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными http-заголовками.
    name application-name
    author
    description
    generator
    keywords
    Определяет имя документа на уровне метаданных.
    scheme format/URI (универсальный идентификатор ресурса) Не поддерживается в HTML 5.
    Указывает полезную информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута content .
    Пример использования Указание кодировки документа

    Тег позволяет сообщить браузеру посетителя, какой набор символов и какую кодировку необходимо установить на веб-странице. Атрибут (HTML тега ) задает кодировку символов для HTML документа.

    Пример использования тега Это заголовок.

    Это параграф.

    В данном примере мы задали кодировку документа UTF-8 с использованием элемента и атрибута . Кодировка UTF-8 одна из общепринятых и стандартизированных кодировок текста, которая позволяет хранить символы Юникода.

    Часто используемые мета-теги

    Метаданные разделены на две основные группы:

    • первая группа - значения атрибута name .
    • вторая группа - значения атрибута