Что такое метатеги: почему так важны и как правильно составлять

Эту статью я написал для:

• Клиентов. Чтобы понимали важность метатегов для оптимизации сайта и объем работы SEO- специалиста по этой самой оптимизации. Качественно составленные Title и Description положительно влияют на позиции сайта и привлекают бесплатный трафик из Google.
• Коллег, которые ищут настоящий актуальный мануал по метатегам. Берите и пользуйтесь.

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

Метатеги (от англ. metatags) — это строки кода страницы HTML, которые предоставляют поисковым системам дополнительную информацию о содержимом странице сайта. Метатеги никак не отображаются на сайте, их можно увидеть только в коде веб-страницы в контейнере head. Мета теги для SEO важны и явлияют на позиции сайта.

Во время сканирования сайта поисковые роботы проверяют веб-страницы на наличие данных с тегом <meta>, в которых содержаться метаданные о странице. Некоторые метатеги помогают осуществлять выдачу поисковым системам информации о сайте в кратком и полезном виде. Что в свою очередь обеспечивает высокий CTR и существенно влияет на видимость и позиции сайта в поисковых системах.

Зачем писать метатеги

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

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

Зачем еще необходимы метатеги:

• оформление привлекательных сниппетов. Один из наиболее простых и эффективных способов повысить CTR страницы сайта — это сформировать для нее красивый и привлекательный сниппет;

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

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

• продвижение по НЧ запросам. Вхождение низкочастотных ключевых запросов в Title и Description поможет быстрее продвинуться в топ по данным запросам.

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

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

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

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

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

Мет тег Title: как правильно написать

• не рекомендуем составлять Title свыше 12 слов (без учета предлогов). Дело в том, что на большинстве экранов отображается не более 70 первых символов названия. Однако стоит помнить, что даже если часть метатега будет скрыта от пользователя в выдаче, поисковик все равно учтет его вес при ранжировании;

• содержимое тега Title должно быть уникальным, в нем не должны повторяться слова и он не должен совпадать с тегами на других страницах сайта;

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

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

• допускается написание всех слов в Title с заглавной буквы. Такой метод давно применяется в объявлениях Google ADS, успешно увеличивая тем самым CTR;

• для более привлекательного сниппета в выдаче поисковой системы следует использовать в содержимом Title символы Юникода. Не стоит добавлять в Title и Description символы юникода, которые не будут отображаться, поэтому перед добавлением символов важно ознакомится с нашим документом «Список символов юникода», в котором подробно указано, в каком месте и какие символы юникода будут корректно отображаться в Title и Description;

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

• и, пожалуй, самое главное: Title обязан соответствовать содержанию страницы. Если на странице отсутствует блок с отзывами, то не стоит писать «Отзывы» в метатеге, чтобы не вводить людей в заблуждение. Пользователь, кликнув на ваш сниппет в поисковой выдаче (в котором есть информация про отзывы на странице), перейдет на страницу и не найдет нужную ему информацию. Он быстро покинет ваш сайт. А это даст сигнал поисковой системе о нерелевантности запроса к содержанию вашей страницы.

Примеры заполнения Title:

Как сформировать метатег Description

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

Так выглядит дескрипшн

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

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

6 правил составления: как сделать Description правильно

1. В описаниях страниц необходимо добавлять информативные и конкретные слова. Это поможет привлечь посетителя на свою страницу. В выдаче поисковых систем большое количество сайтов, поэтому следует выделяться на их фоне.
2. При составлении метатега Description, в первую очередь, следует отталкиваться от списка ключевых слов.
3. Рекомендуемая длина тега Description в поисковой системе Google составляет до 920 пикселей, что может содержать до 158 символов. На мобильных устройствах максимальный предел составляет около 680 пикселей (до 120 символов). Постарайтесь поместить всю самую интересную и интригующую информацию в первые 120 символов вашего мета-описания.
4. Составление тега Description следует начинать с самых важных запросов (высокочастотных). Не стоит при составлении описания перечислять все ключевые фразы — это не поможет в ранжировании. Это может только навредить, оттолкнуть потенциального клиента и поисковую систему, которая может принять такое описание за спам.
5. В описании рекомендуем использовать призыв к действию, это поможет мотивировать пользователей переходить на сайт и совершать покупки.
6. Важно составить Description для каждой страницы уникальным. Для небольших сайтов эта задача простая. Но если на вашем сайте большое кол-во страниц — допускается использование шаблонов.

Примеры заполнения Description:

Нужно ли прописывать метатег Keywords

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

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

Уже в 2019 году в Google официально заявили, что их поисковая система не будет учитывать содержимое Keywords при ранжировании. А в 2021 году Джон Мюллер из Google снова подтвердил, что поисковая система не использует содержимое тега Keywords.

Инструменты для работы с Title и Description

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

Предпросмотр сниппета сайта в поисковой выдаче

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

• Portent’s SERP Preview Tool.
• Google Search Preview Tool.

Парсинг метатегов и заголовков с помощью Google Sheets

Парсинг метатегов с помощью Google Sheets — очень простой и, главное, бесплатный способ парсить сайты прямо в Google Таблицах. Для этого нам понадобится Букмарклет. Это небольшая JavaScript-программа, оформленная как javascript: URL и сохраняемая как браузерная закладка.

Каталог всех доступных букмарклетов можно найти в Каталоге букмарклетов для SEO-специалистов.

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

1. Первым делом добавляем из статьи выше все букмарклеты себе в закладки.
2. На странице результатов поиска нажимаем на закладку, чтобы получить список URL-адресов:
3. На странице результатов поиска нажимаем на закладку, чтобы получить список URL-адресов:
4. Создаем новую таблицу в Google Sheets с колонками: URL, Title, Description.
5. В колонку URL копируем адреса страниц сайтов, которые получили с помощью букмарклета «Скопировать выдачу Y/G».
6. В колонку Title вставляем формулу: =importxml(ячейка;»//title») и протягиваем на нужное кол-во строк.
7. В колонку Description вставляем формулу: =importxml(ячейка;»//meta[@name=’description’]/@content») и протягиваем на нужное кол-во строк.
8. Еще рекомендуем добавить две колонки для подсчета количества символов в колонках Title и Description. Для подсчета кол-во символов следует использовать формулу =LEN(ячейка)*.

* вместо значения «ячейка» следует указать номер ячейки, в котором указан URL.

В результате проделанной работы получаем вот такую таблицу:

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

Анализ метатегов при помощи расширений для браузера

SEO META in 1 CLICK — многофункциональное расширение, которое советуем каждому SEO-специалисту. Удобнейшее приложение для браузера Chrome, которое собирает все метаданные со страницы сайта. Данное расширение пригодится при SEO-аудите и анализе сайтов конкурентов, чтобы определить ключевые показатели страниц — Title и Description, а также количество символов в них, заголовки h1-h6, количество изображений с альтом и без него, данные Open Graph и многое другое.

SEO meta in 1 click — далеко не единственное расширение для SEO-аудита. Ту же информацию можно получить через MozBar, Open SEO Stats, SEO Analysis & Website Review и RDS Bar.

Парсинг данных с помощью специальных программ:

Для массовой выгрузки метатегов и заголовков можно использовать специальные программы. Такие программы показывают наличие, длину и содержимое метатегов и заголовков на всех страницах сайта. Примеры таких программ: Screaming Frog, Netpeak Spider.

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

Автоматизированные инструменты парсинга метатегов и заголовков

Также существуют платные сервисы для проверки метатегов сайта онлайн и заголовков:

• Import.io.
• Mozenda.com.
• Octoparse.com.
• Parsehub.

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

Отчеты хранятся в системе неограниченное время.

Что такое тег H1 и насколько он важен для SEO

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

С недавних пор Google начал вытягивать в выдачу содержимое тега вместо метатега Title.

В Semrush поделились данными об изменениях в выдаче Google, в связи с новым алгоритмом формирования содержимого Title в сниппете.

Правила составления тега H1:

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

Общие рекомендации для составления метатегов

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

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

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

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

Лучшие инструменты для этого:

• Google Analytics;
• Google Search Console.

Эти инструменты предоставляют аналитические данные и метрики для вашего сайта. Например, в панели веб-мастеров можно проверить средний CTR для вашего сайта на вкладке эффективность:

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

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

Использование шаблонов при составлении метатегов

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

Для каких страниц допускается использование SEO-шаблонов:

• карточки товаров;
• страницы брендов;
• страницы пагинаций;
• страницы фильтрации;
• разделы и подразделы;

Как составить метатеги для страниц пагинации на сайте

В случае, когда вы добавляете большое количество товаров на сайт — в категории появляются страницы пагинации.

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

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

Пример шаблона генерации метатегов и заголовка h1 для страниц пагинации:

Как составить шаблон генерации метатегов для карточек товаров

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

Пример шаблона генерации метатегов для карточек товаров:

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

Какие могут быть переменные:

• название товара;
• артикул;
• цена;
• название вышестоящей категории;
• название категории;
• бренд;
• всё что угодно.

Как составлять метатеги для брендов на сайте

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

Для такого типа страниц тоже необходимо прописать шаблон генерации метатегов.

Пример реализации метатегов для страниц брендов:

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

Никогда не используйте шаблоны написания метатегов для информационных материалов!

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

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

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

Инструкция по добавлению метатегов на страницы сайта

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

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

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

Добавление метатегов в наиболее популярных CMS-системах:

1. Процесс добавления метатегов на OpenCart мы подробно описали в статье «Как внедрить метатеги на OpenCart» у нас на блоге. Рекомендуем ознакомиться.
2. Для добавления метатегов в WordPress рекомендуем воспользоваться плагином Yoast SEO. Плагин позволяет управлять метатегами конкретной страницы, а также настраивать шаблоны.
3. CMS система Joomla имеет собственный встроенный модуль для внедрения метатегов на сайт, но тут не получится создавать маски;
4. Добавление метатегов в Хорошопе реализовано, пожалуй, самым удобным способом, для этого мы заходим в админ панель → выбираем вкладку «страницы», далее → выбираем интересующий нас раздел → и заполняем поля title, description, h1;

Чек-лист по работе с метатегами:

1. Метатеги 一 это строки кода страницы HTML, которые предоставляют поисковым системам дополнительную информацию о содержимом странице сайта. Метатеги никак не отображаются на сайте, их можно увидеть только в коде веб-страницы в контейнере head.
2. Правильное заполнение метатегов на сайте очень важно для SEO-продвижения любого сайта. Приступать к составлению метатегов желательно ещё на этапе создания сайта, они должны выводиться на каждой странице сайта в коде HTML и быть уникальны.
3. Тег Title оказывает значительное влияние на релевантность сайта. Содержимое тега отображается в результатах поиска, поэтому важно составить его максимально информативным и привлекательным, чтобы пользователю захотелось перейти по ссылке. Наличие ключевых запросов в Title сайта может повысить его релевантность для поисковых систем. При этом важно, чтобы ключи, используемые в метатегах, соответствовали контенту страницы.
4. Метатег Description дает поисковым системам полное понимание того, что пользователь может найти на страницах вашего сайта. Данный тег необходимо заполнять на всех страницах сайта. Если описание не заполнено, сниппет в поисковой выдаче может быть сформирован автоматически из информации на странице. Правильно заполненное описание дает возможность формировать релевантный и привлекательный сниппет, он значительно повышает CTR.
5. Поисковые системы исключили значение метатега Keywords как фактора ранжирования и перестали учитывать данный тег при ранжировании поисковых запросов.
6. Заголовки на страницах вашего сайта полезны не только для читателя, но и поисковым системам. Они необходимы для выделения сути статьи или страницы. Заголовок первого уровня h1 имеет самый большой вес. Поэтому необходимо уделить особое внимание к его текстовому содержанию.
7. После внедрения метатегов нужно обязательно отслеживать динамику изменений и эффективность проделанной работы, так как всегда можно провести работу над улучшением. Используйте сервис Google Analitycs для отслеживания изменения сеансов после внедрения ваших метатегов, после чего можно анализировать, была ли эффективной проделанная работа в данном направлении.
8. Для большого количества однотипных страниц на сайте допускается использование SEO-шаблонов. Это могут быть карточки товаров, страницы брендов, пагинации, фильтрации, а также разделы и подразделы. Не рекомендуем использовать шаблоны при составлении метатегов для информационных страниц.
9. Добавлять метатеги на сайт возможно как вручную, так и с помощью дополнительных плагинов и дополнений, доступных конкретно для вашей CMS-системы.

Часто задаваемые вопросы про метатеги:

Какие есть метатеги?

К метаданным можно отнести два тега: title и description. Эти атрибуты сообщают поисковому роботу информацию о странице, которая помогает грамотно определить тематику ресурса и ранжировать данную страницу в поиске.

Как выглядят метатеги?

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

Где прописываются метатеги?

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

Что такое теги H1?

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