Как заполнять мета-теги
Мета тегами называются отдельные участки HTML-разметки веб-страницы, которые отвечают за сохранение и передачу определенной информации поисковым системам и браузерам пользователей. Название происходит от английских слов meta (высший порядок) и tags (метки или элементы разметки).
Содержание:
- Основная информация о тегах
- Функции сео-тегов
- Почему важно правильно оформить meta tags
- Как проверить, что указано в мета-тегах ресурса
- Как правильно заполнить мета-тег title
- Правила оформления титульного тега (title)
- Стандарт оформления мета-данных в поле «описание страницы»
- Специфика оформления заголовков h1-6
- Как должен выглядеть тег ключей keywords
- Что происходит, если не прописать мета-теги для сайта или заполнить их некорректно
- Автоматизация оформления разметки страниц
Основная информация о тегах
Обычно они размещаются в верхней части html-документа в специальном блоке <head>, берутся в угловые скобки <>. Эта разновидность мета-данных функциональна и определяет ранжирование страниц ресурса в поисковиках. Вот почему так важно знать, что писать в этих полях.
Важнейшими среди html-меток являются теги:
- названия веб-страницы (title);
- описания (description);
- ключевых слов (keywords);
- и подзаголовков разного порядка (h1-3).
Владельцы и администраторы онлайн-площадок, особенно торговых, осознают важность корректного заполнения сео-тегов, но не знают, как формировать базовые элементы разметки. Эта статья подробно раскрывает механизмы работы meta-tags и принципы их заполнения для высоких позиций в поисковой выдаче Яндекс и Google.
Функции сео-тегов
Ручное заполнение информации для каждой страницы сайта – процесс кропотливый и длительный, но можно его автоматизировать, настроив автоформирование.
Meta-tegs высшего порядка выполняют несколько разных функций, кроме определения места страницы в результатах поисковой выдачи:
- формируют заметный и полезный для пользователя сниппет (короткий текст в результатах поиска), сниппет служит презентацией сайта, а текст для него можно выбрать из тегов;
- повышают кликабельность и посещаемость площадки из поисковиков
- увеличивают конверсию поискового трафика, если их правильно написать;
- повышают привлекательность ссылки на карточку товара;
- помогают выделяться на фоне конкурентных сайтов в результатах поиска.
Такая функциональность элементов разметки делает эти теги полноценными инструментами СЕО-продвижения.
Почему важно правильно оформить meta tags
Когда каждая страница веб-площадки размечена для поисковиков и содержит исчерпывающие данные о содержании, ей будут назначен статус релевантной соответствующим поисковым запросам.
Получить лучшую оценку поисковика и эффективно продвигаться к вершине результатов поиска, успешно конкурируя с соседями по сегменту, тоже возможно, если прописать в теге корректные данные.
Чем подробнее и релевантнее заполнена информация, попадающая в сниппет, тем больше вероятность, что пользователь перейдет именно по вашей ссылке. А совершит ли он сделку, уже зависит от качества оформления, скорости работы сайта и отдела заказов.
Как проверить, что указано в мета-тегах ресурса
Узнать, как заполнены данные полей html-разметки своей или конкурентной веб-страницы, несложно. При необходимости составить или внести изменения в данные на полях страницы, это тоже возможно и займет немного времени. Но об этом расскажем в следующих пунктах.
Для 3 самых популярных веб-обозревателей (Chrome, Firefox, Opera) процедура просмотра мета-данных страницы выглядит так:
- откройте необходимый веб-адрес и перейдите к нужной странице;
- нажмите одновременно Ctrl + U, чтобы открыть html-код странички;
- в новом окне будет отображен код, для поиска внутри него наберите Ctrl + F и укажите искомый элемент, на изображении ниже приведен тег description для сайта.
Отыскать без поиска по странице что-то в коде будет сложно, так как элементы разметки могут быть указаны не в верхней части документа, а ниже.
Как правильно заполнить мета-тег title
Титульное поле или название веб-страницы попадает в верхнюю строку поискового отображения, подсвечивается на вкладке обозревателя с открытой страницей сайта. Данный элемент разметки – самый влиятельный, его содержимое презентует поисковикам и пользователям тематику ресурса, дает представление о виде деятельности компании и назначении сайта. Чтобы угодить поисковикам и не затеряться среди результатов по целевым запросам, важно правильно указать титульный tag. Для этого необходимо соблюсти несколько правил.
Правила оформления титульного тега (<title>)
Уникальной странице ресурса нужен уникальный тайтл.
Это обязательно для страниц с похожими товарами (одна модель в разных цветах).
Пример:
<title>Портмоне мужское коричневое</title>
<title>Портмоне мужское коричневое на кнопке</title>
<title>Портмоне мужское коричневое со змейкой</title>
Титульный тег не должен совпадать с текстом поля «дескрипшен» и заголовка h1.
Первым в поисковике отображается title, а за ним следует содержимое description. Эти графы должны дополнять друг друга, в противном случае робот выберет часть текста с ключами, а она необязательно будет связной. Вырванный из контекста набор слов не приведет посетителей на сайт.
H1 – это заголовок статьи, раздела или название товара, первое, что увидит посетитель страницы. В нем указывают название, производителя или модификацию продукта, а в описании и title перечисляют коммерческие запросы. На примере показано, чем отличаются название страницы, теги title и description для товара:
<h1>Huawei P20 Pro</h1>
<title>Купить телефон Huawei P20 Pro с бесплатной доставкой по Москве</title>
<meta name="Description" content="В онлайн-магазине Фокстрот можно купить телефон Huawei P20 Pro с гарантией и доставкой">
Титульный мета-тег нужно оптимизировать под релевантные запросы.
Среди его данных обязательно указывайте поисковый запрос с названием товара/услуги + коммерческие слова, конкретизирующие поиск (отзывы, цены, параметры, доставка, установка).
В title нельзя указывать то, чего нет на этой веб-странице.
Когда ресурс содержит только обзоры и руководства по эксплуатации, нельзя употреблять фразы «купить», «заказать».
Тег должен быть сформулирован в виде завершенного предложения.
Грамотное, понятное и интересное для целевой аудитории предложение.
В содержании должно быть соблюдено количество символов – до 70 знаков.
Именно столько знаков будет отображено в результатах поиска:
- Google – 50;
- Яндекс – 70.
Стандарт оформления мета-данных в поле «описание страницы»
Сведения, опубликованные в поле description, определяют, перейдет ли юзер на сайт, либо проигнорирует его. Содержимое этого поля отображается сразу после названия со ссылкой на ресурс, а еще отображается под ссылками на страницы в соцсетях. В более чем половине случаев Google использует содержимое этого поля для комплектации сниппета. Поэтому площадки с заполненным полем описания отобразятся выше тех, у которых отсутствует информация в нем. Этот tag не влияет на ранжирование, но в силах повысить кликабельность ссылки, а это косвенно влияет на позицию ресурса.
Как заполнять тег description:
- указать в этом поле, какая информация содержится на странице, с акцентом для целевой аудитории;
- текст описания должен содержать уникальные сведения, не повторяющие title и h1;
- лаконично размещайте в этом поле основные ключевики, релевантные странице;
- html-данные описания не должны выглядеть как набор ключей, а должны быть связным текстом, кроме букв могут использоваться и спецсимволы;
- соблюдайте ограничение по длине текста, она не должна быть более 150 знаков, это примерно 2 строки в поисковике или пара-тройка предложений.
Пример написания description:
< meta name=“description” content=”Онлайн-магазин НАЗВАНИЕ: бытовая техника, товары для дома и бизнеса. Заказывайте с выгодой: ✓ Доставка по Москве ✓ Гарантия до 2-х лет ✓ Отзывы и обзоры ✓ Скидки % ”>
Специфика оформления заголовков h1-6
;Эти элементы разметки предназначены для выделения заголовков статей, разделов и страниц карточек товаров, условий доставки, оплаты и информации о магазине. Наименование товара или категории товаров указывают в теге h1 <h1>Название</h1>. Как и любой заголовок, этот элемент публикуется в верхней части страницы. Остальные элементы с порядковыми номерами от 2 до 6 служат для разметки подзаголовков нижнего порядка. Обычно применяются только h1, h2 и h3.
Правильные мета-теги для сайта должны быть уникальными, тогда они будут работать для привлечения трафика на благо СЕО. H1 может использоваться только 1 раз на странице:
<h1>Как оптимизировать блог?</h1>
<h2>Подбор ключевых слов</h2>
<h2>Написание оптимизированных статей</h2>
<h3>Вставка внутренних ссылок на другие материалы</h3>
В поле h1 обязательно нужно включить поисковую фразу, релевантную названию, а формулировка заголовка не должна содержать воды. Ограничьтесь 7-8 словами.
Как должен выглядеть тег ключей keywords
Это поле предназначено для перечисления ключевых слов, использующихся на данной веб-странице. Ранее title и keywords были равносильными для SEO, но из-за злоупотребления «черными» методами продвижения (переспам) поисковики перестали учитывать этот мета-tag для назначения позиции ресурса. Информация о тематике страницы, а значит и релевантности запросам, считывается роботом из этого поля.
Пример:
<meta name="keywords" content="смартфон Huawei P9 Lite купить москва цена недорого">
<meta name="keywords" content="смартфон,Huawei P9 Lite, купить, москва, цена, недорого">
Что происходит, если не прописать мета-теги для сайта или заполнить их некорректно
Нарушение правил заполнения главных тегов сайта может спровоцировать непредсказуемый результат. Только представьте, поисковики сформируют сниппет для результатов поиска из: того, что найдут в других тегах, анкорных ссылок, каталога торговой платформы Яндекса и случайных фрагментов контента.
Презентация сайта в поисковике будет выглядеть в лучшем случае набором слов, который не привлечет внимание пользователей.
Неподходящие поисковикам мета-теги:
- не включают основных ключей в прямом вхождении;
- не содержат допустимого количества знаков (недостаточно или превышено);
- заполнены с допущением ошибок;
- в тексте присутствуют повторы ключей;
- повторяющиеся теги на разных страницах.
Игнорирование правил оформления негативно отразится на продвижении площадки, вот почему важно корректно заполнить мета-теги description и другие.
Автоматизация оформления разметки страниц
Вручную заполнить метаданные страниц на небольшом сайте будет нетрудно, другое дело онлайн-магазин. Для площадок с ассортиментом в пределах 300 страниц можно заняться ручным оформлением tags. Для крупных торговых площадок проставлять seo-теги эффективнее автоматически.
В современных CMS предусмотрены инструменты для автоматического внесения данных в соответствующие html-поля. Если ваш сайт не предусматривает наличия такого модуля, стоит обратиться к профессионалам, которые оснастят ресурс такой опцией. Заполненные мета-теги для продвижения сайта сократят рутинную работу специалиста по контенту и повысят оценку оформления страниц поисковыми роботами.
Лучше уделить достаточно времени для заполнения содержимого мета-данных веб-страниц, чем впоследствии тратить средства на исправление ошибок.
