Интернет. Железо. Программы. Обзоры. Операционные системы

Что такое мета теги, как правильно заполнить и проверить: примеры из практики. Настройка Meta-тегов и ключевых слов Указание браузера в мета тегах

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

Если ты не забыл, то должен знать, что метатеги должны находиться в заголовке html-страницы в тегах и . Они не выводятся на страницу, кроме заголовка (title). Мета-тегов заголовка существует большое количество, но я напишу лишь о самых главных:

  • title — текст в данном теге виден в заголовке окна браузера. Его еще называют заголовком html-страницы;
  • meta — метатег, в котором содержатся атрибуты с различными параметрами, которые помогуют серверам и поисковым системам.

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

Заголовок страницы (название страницы) Содержимое твоего сайта.

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

Ключевые слова — это слова, которые больше всегоно описывают содержимое html-страницы, и являются для нее более релевантными (ключевыми). Они могут быть как просто отдельные слова, так и словосочетания. Видя данные слова на странице, поисковик определяет, насколько релевантна эта страница относительно данным словам. Создавая html-страницу, старайся заранее определить главные для нее ключевые слова, и используй их в заголовке (title), а также значениях атрибутов метатегов. Об этом я напишу далее.

Метатег () служит для определения служебных данных об html-странице. Атрибуты метатега можно разделить на два вида: HTTP-EQUIV (HTTP-эквиваленты) и NAME. Хотя данных атрибутов большое количество, я напишу лишь основные, которые тебе надо для создания сайта. Начну с HTTP-EQUIV.

content-type — тип документа и его кодировка. Служит для правильного отображения символов в окне браузера. HTML-код:

content-language — указание языка документа. Значение этого атрибута используется как поисковыми роботами, так и web-серверами. HTML-код:

refresh — время (в секундах), через которое будет обновление страницы или переход на другую html-страницу или сайт. HTML-код для обновления страницы через 20 секунд:

Если ты хочешь, чтобы через 10 секунд посетитель перешел, например, на страницу https://сайт, пиши вот так:

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

keywords — ключевые слова документа. Думаю тут все понятно — ты пишешь тут все ключевые слова через запятую, которые связаны с данной страницей. HTML-код:

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

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

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

Дата публикации: 15 мая, 2012 Настройка 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-мастер скопирует Вашу страницу, в которой оставит следующий тег, то при заходе на эту страницу браузер автоматически перейдет на Вашу страницу

Мэтт Каттс, руководитель службы анти-спама Google, ответил на вопрос пользователя о мета-теге Description в своем видео-обращении.

Пользователь спросил: «Действительно ли необходимо, чтобы каждая страница веб-сайта содержала уникальный мета-тег Description ?».

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

Очень простой способ выявления повторяющихся мета-тегов Description - это регистрация и регулярная проверка вашего веб-ресурса в бесплатном сервисе Google - «Инструменты для веб-мастеров ». В случае выявления дублируемого описания на страницах сайта вы будете извещены об этом в соответствующем разделе «Инструментов».

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

Что Мэтт, настоятельно рекомендует, так это - включать мета-тег Description на страницы, которые действительно имеют важное значение. Например, домашние страницы или страницы, которые имеют высокий коэффициент окупаемости инвестиций (ROI).

ROI (Return on Investment) – коэффициент окупаемости инвестиций, или показатель рентабельности вложений, то есть процент прибыльности (при значении больше 100%) или убыточности (при значении меньше 100%) конкретной суммы вложения денежных средств в определенный проект .

Формула для расчета ROI:

ROI = ((B – A) / C) * 100%,

  • себестоимость продукта или услуги (А) – включает в себя абсолютно все затраты на покупку частей для продукции, доставку до склада, производство товара, зарплату работникам и т.д.;
  • доход (В) – конечная прибыль с продажи продукта или услуги;
  • сумма инвестиций (С) – суммарное количество денежных средств, которые выступали в роли вложения, например бюджет на контекстную рекламу .

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

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

Вы можете прослушать полное видео-обращение Мэтта ниже (на английском языке):

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

Характерные особенности мета-тега Description

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

При отсутствии мета-тега Description , поисковые системы выдают в аннотации первую строку документа или отрывок, содержащий ключевые слова.

Не ошибитесь при оптимизации мета-тега Description – этот тег очень важен. Правильное использование данного тега, без учета других элементов поисковой оптимизации, не сделает вас первым номером рейтинга само по себе, но, безусловно, поможет вам добраться до вершин.

Больше узнать о значении мета-тегов в проведении поисковой оптимизации сайта можно в статье "Почему следует использовать поисковую оптимизацию мета-тегов для продвижения сайтов ".

Как и в случае с мета-тегом Keywords , старайтесь не повторять слова и фразы слишком часто, чтобы избежать наказания со стороны поисковиков. Более подробно познакомиться с мета-тегом Keywords вы можете в статье "Как правильно использовать html мета-тег keywords ".

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

Ваша задача – создать такой мета-тег Description , который будет привлекательным как для роботов, так и для людей. Таким образом, как и в случае с тегом Title , важно, чтобы мета-тег Description был наполнен ключевыми словами и был привлекательным для людей. Поисковая оптимизация тега Title описана в статье "Kак правильно составить html тег title заголовка страницы сайта ".

Правила для мeтa-тега Description более или менее те же, что и для тега Title . Однако содержание этого тега, как правило, будет объемнее, чем тега Title .

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

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

HTML-код мета-тега Description располагается в следующем месте:





Содержимое мета - тега «title»< /title>
< /head>
Основное содержимое страницы< /body>
< /html>

Вот как, к примеру, бы мог выглядеть HTML-код мета-тега Description для ключевого слова “Туры в Одессу”:

Обратите внимание, что в этом описании повторяется ключевое слово “Туры в Одессу”, а также указывается на очевидные выгоды: клиент будет иметь возможность отдыхать, не беспокоясь о деталях поездки - вы будете заботиться о них.

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

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

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

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

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

Как только ваш сайт полностью проиндексирован Google , вы можете проверить случаи дубликата мета-тегов в Google Webmaster tools , например.

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

Хорошо написанные и уникальные мета-теги Description на каждой странице вашего сайта будут способствовать увеличению количества кликов по вашей ссылке.

Рекомендации от Google по использованию мета-тега Description

МЕТА-ТЕГ Description

Придумайте краткое описание для каждой страницы

Метатег дает поисковой системе краткое описание содержимого страницы . Если в теге мы использовали одну фразу, то в мы уже можем написать пару предложений или небольшой параграф. В наборе инструментов для веб-мастеров Google есть удобный инструмент для анализа контента, который поможет вам подсказкой, если ваши метатеги слишком длинны/коротки или слишком часто повторяются (та же функция доступна для тегов ). Так же как и тег , метатег размещается внутри тега html-страницы.

Значение метатега для оптимизации поиска

Метатеги описания важны потому, что Google может использовать их при создании сниппетов к вашему сайту . Заметьте, мы говорим “может”, потому что Google может выбрать для сниппета другой подходящий текст с вашего сайта, если он более релевантен запросу пользователя. Так же Google может использовать описание вашего сайта из проекта Open Directory, если ваш сайт в него включен.

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

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

ПРАКТИЧЕСКИЕ СОВЕТЫ

Кратко и точно опишите содержание страницы

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

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

Создайте уникальное описание для каждой страницы

Уникальное описание каждой страницы полезно как для поисковой системы, так и для пользователей: например, если в результатах поиска появятся несколько страниц вашего домена (в особенности при поиске с оператором site:). Если на вашем сайте тысячи и миллионы страниц, то проставить описания вручную чаще всего невозможно. В этом случае вы можете автоматически создать описание каждой страницы на основании ее содержимого. Не советуем:

Мета теги 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 тег является пустым элементом и располагается внутри элемента . Он используется для предоставления дополнительной информации (метаданных) о HTML-документе, используемой браузерами и поисковыми системами.

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

Примечание: содержимое элементов не отображается на веб-странице.

Атрибуты charset: Указывает кодировку символов для текущего HTML-документа. Чаще всего используется кодировка UTF-8.

Тег с атрибутом charset лучше всего располагать в качестве первого дочернего элемента внутри элемента . Чтобы текст на странице отображался корректно, кодировка, указанная в значении атрибута должна совпадать с кодировкой самого документа. content: Содержит произвольный текст, который определяет значение, ассоциируемое с атрибутом http-equiv или name, в зависимости от их значения. http-equiv: Контролирует действия браузера на данной веб-странице (эквивалент HTTP заголовков). При отображении страницы браузер будет следовать инструкциям, заданным в атрибуте.

  • default-style : указывает предпочтительный стиль для использования на странице. Атрибут content должен содержать идентификатор элемента , который ссылается на таблицу стилей CSS, или идентификатор элемента , содержащего таблицу стилей.
  • refresh : указывает время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в атрибуте content после указания времени идет строка ";url=адрес_страницы":
name: Определяет название метаданных. Данный атрибут используется совместно с атрибутом content.

Примечание: атрибут name не должен использоваться в элементе, если в нём уже установлен атрибут http-equiv или charset.

Возможные значения атрибута:

  • application-name : указывает название веб-приложения, используемого на странице.
  • author : указывает имя автора документа.
  • description : определяет краткое описание к содержимому страницы.

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

  • generator : указывает один из пакетов программного обеспечения, используемого для создания документа.
  • keywords : содержит список ключевых слов, разделенных запятыми, соответствующих содержимому страницы.
  • robots : определяет поведение поисковых роботов на странице. : Значение Описание Поисковик
    index разрешает роботу индексировать страницу все
    noindex запрещает роботу индексировать страницу все
    follow позволяет роботу переходить по ссылкам на странице все
    nofollow запрещает роботу переходить по ссылкам на странице все
    noodp запрещает использование общего описания сайта из каталога DMOZ, если таковое имеется, к описанию данной страницы на странице результата поиска google, yahoo, bing
    noarchive предотвращает кэширование страницы поисковой системой google, yahoo
    nosnippet предотвращает отображение любого описания страницы на странице результатов поиска google
    nocache синоним значения noarchive bing
  • viewport : позволяет определить размер и/или масштаб области просмотра веб-страницы в мобильных браузерах. Параметры для области просмотра указываются в атрибуте content через запятую: Значения атрибута content для : Значение Пример значения Допустимые значения Описание
    width width=device-width
    width=320
    положительное целое число от 1 до 10000 или device-width Определяет ширину в пикселях. Специальное значение device-width указывает, что ширина области просмотра будет равна ширине экрана устройства.
    height height=device-height
    height=640
    положительное целое число от 1 до 10000 или device-height Определяет высоту в пикселях. Специальное значение device-height указывает, что высота области просмотра будет равна высоте экрана устройства.
    initial-scale initial-scale=2.0 Задает масштаб страницы при ее первоначальном просмотре.
    maximum-scale maximum-scale=2.5 положительное число от 0.0 до 10.0 Задает предел увеличения веб-страницы.
    minimum-scale minimum-scale=0.5 положительное число от 0.0 до 10.0 Задает предел уменьшения веб-страницы.
    user-scalable user-scalable=no булево значение (yes или no) При использовании значения no, пользователь не сможет масштабировать веб-страницу. Значение по умолчанию - yes.

Тег так же поддерживает Глобальные атрибуты

Стиль по умолчанию Пример Содержимое страницы

Похожие публикации