Все, что вам нужно знать о метатегах Title, Description, Keywords (длина, оптимизация, примеры). Что такое мета теги, как правильно заполнить и проверить: примеры из практики Что означает тег мета

Мета теги используются для описания свойств HTML документа и должны находится в рамках тега HEAD. Если в документе используется тег TITLE, то мета теги рекомендуется вставлять в документ после него.

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

Мета теги могут влиять на режим отображения HTML документов, хотя сами на экран не выводятся.

Мета теги делятся на две группы: NAME и HTTP-EQUIV.

Мета теги типа NAME содержат текстовую информацию о документе, его авторе и некоторые рекомендации для поисковых машин. Например: Robots, Description, Keywords, Author, Copyright.

Мета теги типа HTTP-EQUIV влияют на формирование заголовка документа и определяют режим его обработки.

Группа информационных мета тегов

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

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

Мета тег Description

Мета тег Description — служит для краткого описания странички.

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

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

Желательно чтобы длина описания не превосходила 80 символов. Пример:

Мета тег Document-state

Мета тег Document-state — предназначен для управления индексацией поисковых роботов. Может иметь два значения:

Static — Нет необходимости индексировать эту страницу в будущем.

Dynamic — Индексировать эту страницу регулярно (по умолчанию).

Режим "Static" предназначен для страниц, которые не меняются в принципе. Если содержание вашей страницы периодически меняется, то использовать этот тег необязательно. Пример:

Мета тег Generator

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

Мета тег Keywords

Мета тег Keywords используется поисковыми машинами для оценки релевантности.

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

Ключевые слова не должны повторятся в теге Keywords, в крайнем случае, не более двух раз.

В мета теге Keywords имеет смысл использовать не более 10 слов, большее количество релевантности не увеличит.

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

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

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

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

Мета тег Resource-type

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

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

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

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

Мета тег Revisit

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

Пример (приходить раз в неделю):

Мета тег Robots

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

Значение свойства Robots может состоять из следующих директив, разделенных запятыми:

Index — эта страница должна быть индексирована.

Noindex — эта страница не должна индексироваться.

All — = index, follow (принято по умолчанию).

None — = noindex, nofollow.

Тег ничего не меняет в работе робота поисковой машины, так как значение "all" принято по умолчанию.

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

При использовании тега, запрещающего отслеживание гиперссылок

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

Мета тег Robots имеет приоритет над директивами управления, заданными в файле robots.txt.

Мета тег Subject

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

Мета тег URL

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

Мета тег Content-Language

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

Некоторые возможные значения (стандарт , ): de, el, en, en-GB, en-US, en-cockney, es, fr, it, i-navajo, ja, he, nl, ru, pt.

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

Meta тег Content-Script-Type

Meta тег Content-Script-Type — Определение языка программирования сценариев.

Некоторые из возможных значений: text/javascript, text/perlscript, text/tcl, text/vbscript.

Если тег 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 кода.

Некоторые из возможных типов кодировки (стандарт ): Windows-1251, KOI8-r, ISO-8859-1.

Мета тег 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.

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

Теги meta помогают людям находить ваш сайт в поисковых системах, влияют на его позиции в поисковой выдаче. Если правильно применять мета-теги – шанс того, что ваш сайт попадет в ТОП Yandex, Google, Rambler и других ПС значительно возрастает. Метатеги не являются обязательным атрибутом, и вы можете не использовать их. Поэтому стоит разобраться, насколько важны и зачем они нужны.

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

Главные задачи мета-тегов:

  • Влиять на режим отображения страницы в браузерах.
  • Определять авторство контента, адрес страницы и частоту ее обновления.
  • Направлять роботов поисковых систем в вопросах индексации, перехода по гиперссылкам.
Какие бывают мета-теги
  • Для роботов поисковых систем (title, description, keywords) – используются для внутренней оптимизации ресурса .
  • Технического характера – они позволяют правильно настроить отображение и индексацию страницы, указать информацию об авторе и документе.
  • Роботы поисковых систем – это специальная программа, которая перебирает все страницы из интернета и добавляет информацию из них в базу данных. Поисковый робот (веб-паук) анализирует страницы сайта, сохраняет и группирует контент по определенным критериям, после чего переходит по ссылке на следующую страницу и снова повторяет процесс.

    Как правильно сформировать метатеги для ПС

    Для составления title, description и keywords используются ключевые слова или фразы. Эти фразы важны, они подсказывают поисковым системам, какая тематика у статьи, и на какие вопросы она может ответить.

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

    Тег «Title»

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

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

    Всем знакомая страничка поиска в Яндексе выдает нам результаты по запросу в виде блоков с названием и описанием или анонсом содержимого:

    Так выглядит содержимое тега «Title» в заголовке вкладки (окна браузера):

    Как заполнять тег title

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

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

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

    Ключевые слова: купить вечернее платье , интернет-магазин платье, купить платье недорого, сколько стоит вечернее платье

    Можно было бы так: «Купить вечернее платье, интернет-магазин платьев, купить платье недорого»

    Но лучше будет так: «Купить вечернее платье в интернет-магазине недорого с доставкой».

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

    Важно: Поисковые системы Yandex и Google выдвигают разные стандарты длины тега Title. Google отображает пользователям до 70 символов, и до 12 слов. Яндекс отображает – до 15-ти слов, и до 80-ти символов.

    Мета-тег Description – описание страницы

    «Description» – тег предоставляет «анонс» на странице выдачи по запросу пользователю краткое описание содержимого страницы. Тег наполняется 2-4 короткими предложениями, в которых рекомендуется использовать 1-2 поисковых запроса

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

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

    Например,

  • можно было бы скопировать часть статьи со страницы: С 1992 года наша компания сотрудничает с итальянскими домами моды. Поэтому в нашем ассортименте представлен широкий выбор моделей, благодаря чему вы можете купить одежду от производителя недорого. Стильная женская одежда – мечта каждой женщины.
  • но лучше составить уникальный, без переспама, но с ключевыми словами небольшой анонс содержимого страницы: Купить стильную женскую одежду от итальянского производителя можно в нашем интернет-магазине недорого, с доставкой.
  • Возможно пользователю интересна история с 1992 года и пустой маркетинговый текст, но более привлекателен для человека конкретный ответ на его запрос. То есть слова, помимо ключевых, должны иметь вес в глазах пользователя. В нашем примере текст про «недорого» и «с доставкой» выгодно отличает этот интернет магазин от того, который «представляет широкий выбор» словами-штампами и пустым текстом, не имеющим веса в мета – description, о том, что «одежда – это мечта каждой женщины».

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

    C помощью содержимого meta name description поисковые системы формируют сниппеты. Это короткое описание страницы, которое отображается в поисковой выдаче сразу под ссылкой на сайт.

    Вы помните, как это выглядит:

    Если же ПС считают, что meta name description content сформирован не по всем правилам, то сниппет создается из разных кусочков фраз, находящихся на странице.

    Это выглядит так:

    «Description» вместе с тегом «Title», о котором мы говорили выше, образуют пару самых важных мета-тегов для внутренней оптимизации . От правильности заполнения этих двух тегов зависит:

    • Ранжирование страницы в поисковых системах.
    • Перейдет ли пользователь из ПС к вам на сайт.

    Прописывать теги «Title» и «Description» рекомендуется для каждой страницы сайта.

    Мета-тег Keywords – поисковые запросы

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

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

    Если ключами для страницы являются: вечерние платья, купить вечернее платье, заказать вечернее платье, вечернее платье с доставкой, платье в клетку, платье в пол, то не стоит в таком виде применять их для заполнения meta keywords.

    Правильнее без повторов и переспама: вечернее платье, купить, заказать, с доставкой, в клетку.

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

    Технические мета-теги

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

    Основные технические мета-теги:

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

    Content-language – тег сообщает браузеру и поисковым роботам, на каком языке представлен контент на сайте.

    Refresh – используя этот тег, можно указать браузере время, через которое документ автоматически должен обновиться, или перевести пользователя на другую страницу.

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

    • Index – страница открыта для индексирования/Noindex – запрещает индексацию страницы
    • Follow – позволяет учитывать гиперссылки на странице/Nofollow – не позволяет учитывать гиперссылки на странице
    • All – замена для значений «follow» и «index», позволяет учитывать гиперссылки и индексировать страницу
    • None – замена для значений «nofollow» и «noindex», закрывает от индексации страницу и гиперссылки

    Meta Author и Copyright – с помощью этих тегов можно указать владельца документа и авторство.

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

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

    Больше не нужно использовать мета теги ключевых слов и описания. Что для того, чтобы получить высокое место в естественной поисковой выдаче достаточно уникального контента и грамотно составленного title. Вполне возможно, что для определенных ключевых фраз этого и достаточно, но это не значит, что вы должны игнорировать мета теги keywords и description полностью!

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

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

    Мета теги должны быть заполнены как можно более полно

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

    • Заголовок страницы (title) — 70 символов
    • Мета описание (description) — 160 символов
    • Мета ключевые слова (keywords) — не более 10 ключевых фраз разделенных запятой (я использую не больше двух)
    Мета теги должны включать в себя целевые ключевые слова и фразы естественным образом

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

    При создании мета тега title (заголовок страницы), рассмотрите вопрос о включении в него основного ключевого слова данной страницы и наименования вашего бренда, разделенных символом «|» либо “::”. Не стоит заполнять title, как многие делают, ключевыми словами.

    Следуя этой формуле, рассмотрим пример правильного мета тега title для страницы «О нас”:

    Правильный title

    «О нас | Веб студия Роза Ветров – создание сайтов и их SEO продвижение»

    И плохой пример той же страницы:

    Не правильный title

    «О нас – веб студия, создание сайтов, SEO продвижение”

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

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

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

    Мета теги (description ) описания должны включать призыв к действию

    Теперь начинается самое интересное …

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

    Пример сниппета по запросу “Продвижение сайтов”:

    Правильный description

    « Веб студия Роза Ветров осуществляет продвижение сайтов — полный комплекс работ по раскрутке сайта в поисковых машинах»

    Не правильный description

    « Именно поэтому всем компаниям, которым необходимо продвижение сайтов следует обратить внимание на адаптацию своего ресурса для посещения …»

    Я думаю, что даже не нужно спрашивать, какие из этих статей вы предпочитаете читать, не так ли?

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

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

    • Добавить призыв к действию . Большинство людей переходят по ссылкам на подсознании, принимая к сведению действия, которые вы просили. Возможные призывы к действию для вашего мета описания могут включать фразы «Узнайте, как», «Узнайте больше о», «Нажмите здесь», или другие вариации.
    • Используйте ключевое слово . Первый показатель мета описания, сам по себе не дает преимущества. Его надо использовать в связке с фразой, в которую входит ключевое слово вашей страницы и которая станет реальной причиной для перехода по ссылке, чтобы прочитать статью полностью.
    • Написать свои мета теги для себя . После того как вы придумали и составили несколько возможных мета тегов, спросите себя: «Я бы перешел по ссылке на основе этой информации?» Если мета теги вам пока не кажутся убедительными, перепишите их, пока не придумаете что-нибудь более соблазнительное.

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

    Мета теги могут быть улучшены за счет использования структурированных данных (микроразметка)

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

    По существу, “жирные” фрагменты усиливают позиции вашего сайта в выдаче, за счет дополнительной информации, кроме ваших мета тегов названия и описания. Эта дополнительная информация может включать в себя картинку, число людей, следующее за вами в Google+. Так же существуют микроразметки и других отраслевых элементов данных, таких как рецепты, книги, фильмы, автомобили и др.

    О создании таких сниппетов я уже упоминал в своих постах о и

    Следующий пример (из поискового запроса «рецепт картофельного супа») показывает разницу между веб-страницами с микроразметкой данных, и без:

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

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

    Часто используются meta-теги: author , description , keywords , viewport , charset .

    Мета теги находятся в области HTML документа (). Вставить или, как говорят, прописать мета теги можно в любом порядке и количестве.

    Использовать meta теги не обязательно, но мы рекомендуем заполнять хотя бы мета теги description , viewport , charset . Это будет плюсом для внутренней оптимизации сайта.

    Синтаксис Примеры использования в HTML коде





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

    Ниже приведены несколько основных тегов с комментариями по применению и примерами использования.

    Meta-тег description

    Краткое описание документа (страницы сайта). Поисковые системы могут использовать содержимое мета тега description для вывода в сниппете поисковой выдачи.

    Пример использования мета тега description Meta-тег keywords

    Ключевые слова страницы. Ранее использовался для указания поисковым системам основные смысловые фразы веб-страницы. На данный момент существуют разные мнения как правильно и стоит ли заполнять мета тег keywords .

    Пример заполнения мета тега keywords Meta-тег viewport

    Задает некоторые параметры окна просмотра в браузере. Атрибут width указывает ширину окна просмотра (вьюпорта), initial-scale - коэффициент масштабирования при первом открытии страницы.

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

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

    Meta-тег charset

    Кодировка веб страницы. Наиболее частое значение: "UTF-8".

    Пример использования мета тега кодировки charset Meta тег refresh

    Мета тег с атрибутом указывает время автоматического обновления страницы. Страница будет автоматически перезагружаться с интервалом указанным в content атрибуте. Значение указывается в секундах.

    Пример использования meta http refresh Поддержка браузерами
    Тег
    Да Да Да Да Да
    Атрибуты Атрибут Значения Описание
    charset

    character_set

    Указывает кодировку HTML документа.

    content

    тестовое значение

    Основное содержимое мета тега. Зависит от других атрибутов. Используется вместе с http-equiv или name .

    http-equiv

    content-type
    default-style
    refresh

    Устанавливает HTTP заголовок для атрибута content .

    Сontent-type - Кодировка. Устаревшее значение, в HTML5 используйте charset (см. пример выше).
    Default-style - Предпочтительная таблица стилей.
    Refresh - Интервал автообновления страницы.

    name

    application-name
    author
    description
    generator
    keywords
    viewport

    Имя мета тега. Как и http-equiv определяет суть мета тега.

    Application-name - имя веб приложения, которое представляет страница.
    Author - имя автора веб страницы.
    Description - краткое описание страницы.
    Generator - Указывает на программное обеспечение, использованное для создания страницы (для не рукописных страниц).
    Keywords - ключевые слова страницы.
    Viewport - некоторые параметры области просмотра страницы.

    Мета-теги (от англ. «meta tags») используются для того, чтобы структурировать сопроводительные данные о странице.

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

    Мета-данные располагаются в разделе HEAD наряду со скриптами, стилями и линками.

    Широкое применение получили три группы мета-тегов:

    • NAME;
    • HTTP-EQUIV;
    • CONTENT.

    Для маркетологов, владельцев площадок, SEO-специалистов - тех, кто занимается поисковой оптимизацией сайтов и не имеет отношения к профессиональной разработке - важно запомнить и учитывать только атрибут NAME и теги title, description, robots, keywords, viewport. Если же вы хотите углубиться в мета-данные, начните с обзорной статьи на Википедии .

    Мета-теги для SEOTitle

    Формально title - не мета-тег, но он размещается в разделе HEAD, поэтому о нем чаще всего говорят именно с приставкой «мета».

    Title - самый важный тег для SEO. Заполняйте его для всех страниц сайта!

    Информация из title учитывается поисковыми системами при определении релевантности документа. На странице она не выводится, но всегда отражается в результатах поиска, а также в качестве заголовка в браузере - в этом принципиальное отличие от description (о нем мы расскажем ниже), информация из которого выводится на усмотрение поисковика.

    Синтаксис тега title:

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

    Отображаемая длина title (символов с пробелами):

    • Google - до 50-55;
    • Яндекс - до 45-55.

    Длина заголовка title ограничений не имеет, но с точки зрения SEO важно, чтобы в первых 45-50 символах была законченная мысль. Это позволит пользователям из поиска Яндекса/Google без проблем понимать, о чем страница.

    Заголовок title должен быть информативным, точно описывать содержимое страницы, включать главное ключевое слово, но без переспама .

    Description

    Description - это мета-описание страницы. Для SEO этот тег один из ключевых.

    Синтаксис:

    Раньше Google и Яндекс при формировании сниппета в результатах поиска выводили информацию из description. Но оптимизаторы быстро поняли, что с помощью description можно манипулировать выдачей. Кроме того, многие владельцы сайтов недобросовестно подходили к заполнению этого мета-тега: вставляли первый абзац из текста, копировали title или вообще игнорировали его.

    В итоге Яндекс перестал формировать описания только на основе description - теперь учитывается весь контент страницы.

    Google по-прежнему выводит description в сниппете - но при условии, что он заполнен качественно. В противном случае подтянется релевантный, по мнению Google, контент со страницы.

    Но это вовсе не означает, что description утратил свою значимость для SEO. Роботы Яндекса и Google по-прежнему сканируют содержимое description и учитывают его при определении релевантности документа.

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

    Какова длина мета-тега description

    В руководствах для вебмастеров Яндекса и Google вы не найдете ни единого слова по поводу длины мета-описаний. Более того, отображаемая длина описаний в сниппетах постоянно меняется: например, в 2017 году Google расширил ее до целых 300 символов, а в 2018 году - укоротил до 160.

    Поэтому при определении оптимальной длины мета-тега description приходится опираться на эмпирические данные и здравый смысл.

    Состоянием на начало 2020 года отображаемая длина описания сниппета в результатах поиска (в символах с пробелами):

    • Google : десктопный поиск - 135-175; мобильный поиск - 100-120. Отслеживать среднюю длину title и description в Google (десктоп) можно в сервисе RankRanger - сейчас она составляет 50,88 и 169,38 символов соответственно;
    • Яндекс : десктопный поиск - 160-260; мобильный поиск - 100-160. После нажатия на ссылку «читать еще» описание может разворачиваться более чем на 500 символов.

    Чтобы сделать сниппеты информативными, лучше самую важную информацию добавлять в первые 100-120 символах мета-тега description, а не 160-170 - как принято считать.

    Фактическая длина description может превышать и 300, и 500 символов - но нет смысла тратить ресурсы на увеличение мета-описаний, поскольку пользователи все равно не увидят эту информацию (поисковики же могут воспринять ее как спам). Лучше направьте усилия на и повышение его качества.

    Title и description должны выгодно выделять ваш сайт на фоне конкурентов. Узнать, какие мета-теги используют конкуренты, можно в один клик с помощью специального . Первые 500 запросов - бесплатно! Как пользоваться инструментом - с советами и примерами - мы описали в .

    Как правильно составлять description

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

    • заполните уникальные description для всех URL сайта (если нет возможности расставить мета-теги сразу на всех страницах, начните с главной, страниц каталога, самых важных товаров);
    • описание должно быть точным и содержать полезную информацию. Например, описывая товар в интернет-магазине, укажите его характеристики, назначение, цену. Фраза вроде «купите сапоги у нас, потому что мы лучшие» в качестве описания исключена;
    • не превращайте description в спам-лист (недопустимо перечисление ключевых фраз, особенно в прямом вхождении).

    «Наличие мета-тегов с некачественным содержанием может стать причиной удаления страницы из результатов поиска» - справка Яндекса.

    Robots

    С помощью этого мета-тега можно разрешать или запрещать поисковым роботам индексировать страницы и переходить по размещенным ссылкам.

    Мета-тег robots может принимать такие значения (их понимает и Яндекс, и Google):

    • index (или noindex) - разрешена (запрещена) индексация страницы;
    • follow (или nofollow) - разрешена (запрещена) индексация ссылок (о применении noindex и nofollow );
    • all - аналог одновременного использования index и follow;
    • none - аналог одновременного использования noindex и nofollow;
    • noarchive - в результатах поиска не будет выводиться ссылка на сохраненную в кэше копию.

    Кроме того, есть значения (директивы), которые понимают только отдельные поисковики. Например, только Google поддерживает такие директивы:

    • nosnippet - запрет показа описания страницы в результатах поиска;
    • max-snippet: - указание максимальной длины описания в сниппете;
    • max-image-preview: - указание максимального размера картинок, которые выводятся в результатах поиска для данной страницы;
    • max-video-preview: - ограничение по длительности видео, которое выводится в результатах поиска (не более секунд);
    • notranslate - запрет вывода опции, предлагающей перевести страницу в результатах поиска;
    • noimageindex - запрет индексации изображений на странице;
    • unavailable_after: - запрет показа страницы в результатах поиска после указанной даты и времени.

    Подробно о директивах Google читайте в спецификации для разработчиков.

    В Яндексе тоже есть «специфические» директивы:

    • noyaca - запрет использования автоматически сформированного описания;
    • index | follow | archive - отмена соответствующих запрещающих директив.

    Подробно о директивах Яндекса читайте в справке .

    Синтаксис мета-тега robots такой:

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

    Значения мета-тега robots понимают все поисковые системы. Также можно задать правила индексирования только для:

    • Google - в этом случае используется мета-тег googlebot вместо robots (значения можно задавать те же);
    • Яндекс - вместо robots указывается yandex.

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

    Keywords

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

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

    Если вы решили заполнять keywords, учитывайте синтаксис:

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

    Viewport

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

    Итак, если сайт адаптирован под просмотр на мобильных, в разделе HEAD будет прописан мета-тег viewport такого вида:

    Здесь значение device-width атрибута width дает команду браузеру подогнать ширину окна под ширину экрана устройства. Значение 1 атрибута initial-scale запрещает масштабирование окна (например, при повороте экрана).

    Мета-теги для разметки Open Graph

    Эта разметка важна для повышения привлекательности контента при расшаривании его в соцсетях. Например, так может выглядеть ссылка в Facebook на страницу без Open Graph разметки:

    Поробно о синтаксиске и правилах составления этой разметки .

    H1-H6 - полезные для SEO теги

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

    H1-H6 - это теги логической структуры документа. На каждой странице обязательно должен быть один заголовок, заключенный в тег H1. Подзаголовки заключаются в теги H2-H6 и добавляются на страницу опционально (если того требует логика построения документа и изложения).

    Синтаксис такой:

    Заголовок первого уровня

    Заголовок второго уровня

    Заголовок третьего уровня и т. д.

    При расстановке тегов H1-H6 обязательно должна соблюдаться очередность: например, после H1 идет только H2, а после H2 - только H3.

    Часто у начинающих SEO-специалистов возникает вопрос: title и H1 - это одно и то же? Нет - тег title прописывается в разделе HEAD, а не BODY, и именно его используют роботы при формировании сниппета. Вместе с тем текст, заключенный в теги title и H1, обычно частично (реже - полностью) дублируется.