Настройка Meta-тегов и ключевых слов. Что такое метатеги простым языком: основные метатеги для поисковиков

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

Что такое мета-теги?

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

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

• NAME;
• HTTP-EQUIV;
• CONTENT.

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

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

Description

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

Синтаксис следующий:

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

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

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

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

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

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

• Google: десктопный поиск - 120-140; мобильный поиск - 100-120;
• Яндекс: десктопный поиск - 120-220; мобильный поиск - 110-200.

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

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

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

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

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

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

Robots

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

Мета-тег robots может принимать такие значения:

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

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

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

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

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

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

Keywords

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

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

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

Viewport

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

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

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

Title - не мета-тег, но для SEO очень важен

Формально title - это не мета-тег, но он работает по аналогичному принципу и играет ключевую роль в SEO, поэтому о нем нельзя не упомянуть.

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

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

Как и мета-теги, title размещается внутри раздела HEAD.

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

• Google - около 60;
• Яндекс - около 50.

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

О принципах составления title мы подробно писали в выпуске рассылки «Эффективные заголовки для SEO-продвижения» . Рекомендуем ознакомиться для получения дополнительного преимущества в поисковой выдаче.

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

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

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

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

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

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

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

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

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

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

Подводим итоги

Для грамотной технической оптимизации сайта не нужно лезть в дебри мета-данных, а работать лишь с необходимыми для SEO мета-тегами - description, robots, keywords (опционально), тегами title, h1-h6, а также знать о теге viewport. В 99% случаев это исчерпывающий список SEO-тегов.

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

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

Начнём с определения что такое метатеги?

Метатеги (англ. meta tags) - это (X)HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Как правило, указываются в заголовке тега (X)HTML-документа. Метатеги не отображаются на странице и не имеют видимого контента. В них располагается дополнительная информация для поисковых роботов, различного ПО.

В SEO, когда слышим что-то вроде “Нужно прописать метатеги на странице”, в голове сразу же всплывают метатеги Description и Keywords, ну и, само собой, Title. Какое же SEO без этого тега? Начну сразу с них.

Тег Title

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

Title должен:

1. Отображать суть страницы.
2. Ближе к началу содержать прямое вхождение наиболее конкурентного запроса.
3. Быть читабельным предложением с вхождение ключевых слов.
4. Отличаться от заголовка страницы

   .

5. Не содержать спама.
6. Быть уникальным для каждой страницы.
7. Примерной длины — около 70 — 130 символов.

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

Автоматически заполнять Description можно, например, для карточек товара. Для этого используйте шаблоны вида:

Description: В нашем интернет-магазине + “название магазина” + доступные цены от + “цена” + на + “название карточки товара” + с доставкой по + “город”.

Description: “Название карточки товара” + по доступной цене + “цена” + от интернет-магазина + “название магазина” + с доставкой по + “город”.

Как делать нельзя:

1. Не делайте слишком короткие Description — в Google Search Console, в разделе Оптимизация HTML видно короткие метаописания.
2. Там же отслеживайте и исправляйте дубли Description (они должны быть уникальны).

1. Не пишите несогласованные фразы — метатег должен быть читабельным.Не используйте перечисления.

Метатег Keywords

Этот мета-тег не влияет на ранжирование, но, поскольку Яндекс пишет , что meta keywords может учитываться — рекомендую заполнять его, добавляя 3–5 релевантных контенту фраз, разделённых между собой запятыми.

Метатег expires — также используется для управления кэшированием. В мета-тег устанавливается дата. Когда она проходит, браузер должен использовать повторный сетевой запрос, а не имеющийся кэш страницы. Дата указывается в формате RFC850.

Пример использования:

Метатег content-language — указывает язык документа.

Пример использования:

В HTML5 указание языка упрощено:

Постарался перечислить, как мне показалось, самые интересные метатеги. Если вас интересуют другие meta, рекомендую ознакомиться с материалами: Метатеги, которые поддерживаются в Google и Использование HTML-элементов Яндекс .

Подведём итоги

Метатегов достаточно много, но, как оптимизатору, чаще всего приходится использовать в SEO тег Title, meta description, meta keywords. Если вы начинающий сеошник или владелец сайта, рекомендую также ознакомиться с вебинаром “Правила формирования Title и Description” нашего SEO-TeamLead Евгения Аралова:

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

Что такое метатеги простым языком?

Пример метатегов

Нужны ли метатеги?

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

Перечислим основные метатеги для поисковых систем:

1. title;
2. description;
3. robots.

Метатег robots

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

• - запрещает индексирование страницы;
• NOFOLLOW - запрещает проход по ссылкам, имеющимся на странице;
• INDEX - разрешает индексирование страницы;
• FOLLOW - разрешает проход по ссылкам;
• ALL - равносильно INDEX, FOLLOW;
• NONE - равносильно NOINDEX, NOFOLLOW.

Метатег keywords

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

Заявление Google об использовании метатегов:

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

Что такое title страницы на самом деле

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

Для чего нужен Title?

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

Какая должна быть длина title?

Для Яндекса - 80 символов, 15 слов.

Для Google - 70 символов, 12 слов.

Что должно быть в title?

Title неприменно должен содержать в себе ключевые слова, тоесть запросы по которым вы хотите видеть себя в ТОП-е.

Приведем пример тайтл:

Основные ключевые запросы:

бахилы цена
бахилы оптом
купить бахилы

Купить бахилы оптом по цене от 60 рублей в компании Камень.

у вас возникнут вопросы по подобию:

• Как правильно составить тайтл?
• Можно ли в title ставить цену?
• и тд.

Получить ответы на вопросы можно путем анализа title в Топ по вашим запросам. Просмотрите как выглядит выдача поисковика, зайтите в ТОП 10 сайтов и проанализируйте Title. Только после этого можно грамотно составить title.

Description сайта: что это такое

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

Как переводиться description?

В нашем случае это слово будет переводиться как описание.

Как писать description что должно быть в description?

• Рекомендуемая длина -150-200 символов. Именно такой объем помещается под ссылкой на страницу в поисковой выдаче. Конечно, можно написать и побольше, но в таком случае описание будет выглядеть незавершенным.
• Также дескрипшн должен содержать ключевые фразы, по которым продвигается оптимизируемая страница. Самые частотные ключи следует расположить в начале. Важно: употребляйте не больше 3-х ключевых фраз и не повторяйте одно и то же слово больше 5 раз.
• Тег description должен быть уникальным, т.е отличным от title и от описаний других страниц сайта. Также не советуем копировать какие-либо части текста со страницы (даже особо удачные) и вставлять их в мета-тег.
• Самое главное при написании дискрипшена - точность. Вы должны лаконичино и емко описать содержание страницы и сделать ее привлекательной для пользователя (для чего, собственно, нужен description).

Как посмотреть description страницы?

Способ первый - открыть код элемента и отыскать информацию о метатегах в нем. Способ второй - скачать Netspeak Spider , вставить урл интересующего сайта и в течение минуты получить информацию об описаниях каждой страницы. Очень удобно, когда ищешь дубли.

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

• откройте страницу в удобном для вас редакторе;
• найдите тег и вставьте после него следующие строки:
  
  

Один из вариантов применения тега meta - указание HTTP -заголовков, которые должны быть отправлены клиенту до отправки самой веб-страницы. Например:

<meta http-equiv = "Content-Type" content = "text/html" / >

Такая запись указывает, что страница должна быть отправлена вместе с HTTP-заголовком Content-Type: text/html. Такой заголовок указывает браузеру или другой программе тип отправляемого документа. Тем не менее, несмотря на то, что первоначально предполагалось, что веб-серверы будут считывать meta-теги внутри отправляемых клиенту веб-страниц, и формировать HTTP-заголовки в зависимости от их содержимого, на практике это не реализовано в наиболее используемых веб-серверах, соответственно, веб-серверы не меняют отправляемые клиенту HTTP-заголовки, а клиент (веб-браузер) обрабатывает эти meta-теги самостоятельно (в частности, данные из meta-тегов могут заменять данные, получаемые из HTTP-заголовков ).

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

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

<meta name = "keywords" content = "википедия, энциклопедия" / >

Функции мета-тегов

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

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

Группы мета-тегов

Мета-теги разделены на две основные группы - NAME и HTTP-EQUIV. Группа NAME отвечает за текстовую информацию о странице, ее авторе, а также - рекомендации для поисковых систем. HTTP-EQUIV фактически эквивалентны гипертекстовым заголовкам, формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными заголовками.

Группа NAME

Мета-тег Author и Copyright

Мeтa-тeг PICS-Label

Мeтa-тeг Window-target

Определение окна загружаемой страницы.

Мета-тег Imagetoolbar

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

<meta http-equiv = "imagetoolbar" content = "no" / >

Значение мета-тегов

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

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

Сначала давайте разберём то, как вставляются мета-теги для поисковых систем в HTML . Как и все мета-теги, они вставляются внутри тега <head > следующим образом:

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

• description - этот мета-тег содержит описание страницы. Фактически, в данном мета-теге необходимо кратко сформулировать, что на данной странице находится. Вопреки заблуждению большинства, данный мета-тег влияет на выдачу в поисковых системах, поэтому вставляйте его на каждой странице.
• keywords - мета-тег, содержащий ключевые слова для данной страницы. Здесь можно использовать набор различных слов, которые чаще всего у Вас встречаются на данной странице. Так же как и "description ", "keywords " должен быть указан на каждой странице.
• robots - этот мета-тег используется, если нужно запретить индексацию страницы поисковыми система. Это бывает очень полезно и очень часто используется. О возможных значениях этого мета-тега мы поговорим чуть ниже.

Теперь давайте приведу пример использования мета-тегов для поисковых систем в HTML :

Здесь всё прозрачно, поэтому остановлюсь только на мета-теге "robots ". Здесь существует 4 значения:

• index,follow - это значение означает, что данную страницу нужно проиндексировать, а также пройтись по всем ссылкам на данной странице.
• noindex,follow - это значение сообщает поисковому роботу, что страницу индексировать не надо, а вот пройтись по ссылкам на этой странице стоит.
• index,nofollow - индексировать страницу нужно, но по ссылкам на ней не переходить.
• noindex,nofollow - это значение сообщает роботу, что ни индексировать страницу, ни переходить по ссылкам на этой странице нельзя.

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