Как правильно прописывать мета-теги Title и Description

Статья обновлена в сентябре 2022 года.

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

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

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

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

Мета-теги – (X)HTML-теги, которые сообщают поисковым системам важную информацию о странице сайта, например, как именно они должны отображаться в результатах поиска. Также title и description сообщают web-браузерам, как отображать страницу посетителям. Обычно они указываются в теге <head> (X)HTML-документа. Пользователям мета-теги title и description не видны.

Вот так они выглядят в коде web-страницы:

Это пример их отображения в поисковой выдаче:

Прежде чем перейти к правилам заполнения мета-тегов title, description, keywords давайте определимся с этими понятиями:

Title (тайтл) – заголовок веб-страницы, который отражается в поисковой выдаче (рис. 1) и во вкладке браузера (рис. 2).

Рисунок №1

Рисунок №2

Description (дескрипшн) – это мета-тег, который кратко описывает содержание данной веб-страницы.

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

Разобравшись с определениями мета-тег title, description и keywords, логично выяснить вопрос, стоит ли вообще их заполнять? Зачем они нужны и какую роль играют в «жизни» сайта?

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

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

Правильные мета-теги помогают добиться таких результатов:

Высокое ранжирование. Мета-теги (заголовок, описание) помогают поисковикам понять, какая информация содержится на ресурсе. Зная главную тему страницы, поисковые системы будут предлагать ее пользователям в числе первых. То есть шансы, что ваш сайт заметят среди «океана» аналогичных, существенно увеличиваются.
Грамотно оформленный сниппет. Чтобы предоставить пользователям больше информации о сайте, поисковики добавляют после названия ресурса небольшое описание, которое и называется сниппетом. Он берется непосредственно из мета-тега description или поисковиком выбирается часть из текста с ключевым словом. Вырванный из контекста текст, как правило, несет минимум полезной информации и не привлекает внимание, так как выглядит неинтересно и оборвано. Сравните сами. Ниже представлены примеры 2-х ресурсов: где для сайта мета-тег дескрипшн не прописывался (рис. 1); второй – с грамотно заполненным description (рис. 2).

Рисунок №1

Рисунок №2

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

Правильные мета-теги title, description и keywords мгновенно захватывают внимание, убеждая пользователей интернета выбрать среди конкурентов именно этот сайт. Итак, давайте же разберемся, как грамотно прописать мета-теги для сайта.

Заполняем мета-тег Title

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

Почему важен тайтл очень хорошо объясняет Google: заголовок веб-страницы позволяет пользователям быстро понять содержание страницы и каким образом она связана с поисковым запросом. По title пользователи определяют, а стоит ли переходить на web-ресурс.

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

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

Ключевые слова:

Используйте тематические ключи, которые соответствуют теме страницы. Например, если здесь продаются китайские смартфоны, то логично, что мета-тег title будет с запросом «китайский смартфон». В противном случае (если используемые слова будут не совсем отвечать содержанию страницы) Google и может не использовать тайтл в качестве заголовка.
Располагайте ключевые слова вначале предложения, так как поисковики считают более значимыми запросы, стоящие в начале заголовка, чем в конце.
Комбинируйте ключи: высокочастотные и низкочастотные (узнать частотность можно через Яндекс Вордстат). Зачем это нужно? Популярный запрос – это большая конкуренция, «пробиться» через которую достаточно сложно и долго. А менее модные ключи практически сразу приведут к вам первых посетителей. Например, запрос «диван малютка» является высокочастотным (1886), а «купить диван малютку цена» — низкочастотным (28).

Объединяем в один мета-тег:

Title: Купить диван-малютку по цене производителя

Не забывайте про переспам. Здесь важно не переусердствовать, т.е. придерживаться «золотой середины». Ключи должны быть, но немного (1–3 не более).

Помните, title, как и другие мета-теги, прежде всего создаются для людей.

Стиль изложения:

Пишите для страницы «цепляющие» заголовки. Более интересным и интригующим выглядит мета-тег с использованием: цифр и процентов; прилагательных и наречий.

Например:
Title с цифрами: 10 лучших способов утеплить квартиру
Title с процентами: Скидка 50-70% на женские платья
Title с прилагательным, наречием: Купить натуральный деревянный стол недорого

Не используйте сложные и «пустые» слова, стоп-символы. Лучше не брать слова, состоящие из более, чем 3-х слогов, а также не распространенные. Такие мета-теги тяжело читать и, если не понятен смысл, не хочется на него кликать (например, «высококачественный», «променад», «транспортировка»). Запрет также относится к стоп-символам (/|()+=?) и «пустышкам», т.е. к словам, которые «крадут» объем, но при этом не несут никакой смысловой нагрузки (например, союзы, местоимения, междометия).
Создавайте уникальные заголовки. Важно для каждой страницы сайта прописывать свой title (это касается также и других мета-тег). Тогда поисковики будут расценивать каждую страницу как уникальную, что гарантированно поднимет ее значимость и, соответственно, рейтинг в поисковой выдаче. Необходимо также следить, чтобы тайтл и H1 были разными. И, конечно, при наполнении сайта не должно быть никакого рерайта – только уникальные тексты.

Делаем промежуточный вывод: заголовки должны быть написаны грамотно, красиво и понятно (никаких «корявых» предложений типа: «Купить кровать в Москве, цена дешево, оптом, с транспортировкой по стране»). Никакого обмана и недостоверной информации.

Объем

Оптимальной длиной мета-тега title считается примерно 45–60 знаков с пробелами для коммерческих сайтов (интернет-магазинов, корпоративных) и 45–70 — для информационных страниц (например, в блогах). На мой взгляд, это идеальный вариант, так как при таком объеме пользователям виден весь заголовок (рис. 1), а не его фрагмент (рис. 2).

Рисунок №1

Рисунок №2

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

Как правильно написать мета-тег Description?

По значимости описание занимает второе место после заголовка. Мета-тег description (также как и тайтл) способен как привлечь, так и оттолкнуть пользователей в случае, если заполнен некорректно.

Правила, следование которым поможет создать эффективное и красивое описание:

Объем. Оптимальный объем дескрипшн — до 135 символов с пробелами. У Google есть расширенный сниппет, содержащий дополнительную ценную информацию для пользователей. Эти данные берутся из контента на странице. Длина расширенного сниппета составляет до 320 символов с пробелами. Зачем Google делает расширенные описания спросите вы? Все для удобства пользователей. Гугл решил, чем информативнее описание, тем понятнее для вас, что предлагает данный сайт. Используйте по максимуму это новшество и внедряйте структурированные данные на странице.

Информативность. Правильный мета-тег description – это своего рода дополнительная реклама для сайта. Постарайтесь здесь прописать как можно больше «цепляющих фишек» сайта и предложений, от которых сложно отказаться. Например, «скидки до 80%», «распродажа», «доставка за 1 день», «опт, розница», «цена производителя», «на заказ», «гарантия 1 год» и т.д.
Уникальность. Также как и тайтл, для каждой страницы нужно писать свой мета-тег description, то есть каждый раз новый текст.
Ключевые запросы. Для дескрипшна советуют выбирать только высокочастотные запросы. Самый популярный ключ желательно использовать 2 раза: 1 раз в точном вхождении, 2 – разбавленный.
Призыв. Чтобы дескрипшн был эффективным и выглядел законченным, в конце описания делайте призыв к действию. Для этого можно использовать такие слова: звоните, заказывайте, получите, узнайте, переходите и т.д.

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

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

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

После того, как вы правильно пропишете мета-теги description, можно разбавить содержание специальными символами: ✖ ➜ ➢ ➣ ➤ ➔ ⬅ ⬆ ⬇ ⬤ Ꙭ ➔ ✈ (см. пример). Но при использовании таких знаков необходимо проверить, как они будут отражаться на сайте (для этого можно использовать специальный сервисы по генерации сниппетов для Google)

Запомните, если поискам не понравится ваше описание, они заполнят сниппет «выдерганными» из текста фразами.

Мета-тег Keywords: нужно ли заполнять?

Чтобы понять, следует ли тратить время на прописывание ключевых слов, давайте совершим небольшой экскурс в историю. Раньше (в 90-х и начале 2000-х) заполнение мета-тега keywords являлось гарантом, что сайт молниеносно попадет в ТОП. То есть достаточно было перечислить необходимые для продвижения запросы и ресурс уже «восседает» на первых позициях в поисковых выдачах.

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

Да, сейчас этот мета-тег не нужно указывать, так как Google его не учитывает. Еще в 2019 году Гугл заявил, что keywords не используется при ранжировании. А в 2021 году Джон Мюллер подтвердил, что содержание мета-тега кейвордс не учитывается поисковой системой.

Как и где указывать мета-теги на сайте?

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

Краткая инструкция по добавлению meta-tags на сайте WordPress:

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

Мы используем плагин Yoast SEO, можно настроить, чтобы он автоматически генерировал мета-теги, но они не будут такими эффективными как те, что прописываются человеком;

не забудьте сохранить изменения и обновить страницу.

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

Общие правила для всех мета-тег

Есть несколько нюансов, которые относятся к title, description и частично к keywords:

Гугл не всегда берет те мета-теги, что прописали вы. Поисковая система может составить описание из контента на странице, если посчитают тайтл и дескрипшн нерелевантными;
использование больших прописных букв в мета-тегах («ИНТЕРНЕТ-МАГАЗИН ОБУВИ») может быть расценено поисковыми системами как спам;
при написании основных мета-тег (заголовка, описания) точка в конце не ставится;
информация в мета-тегах тайтл и дескрипшн должна быть разной, таким образом пользователь получает по максимуму данных о сайте;
ключевые запросы следует использовать в мета-тегах title и description разные, не дублировать;
мета-тег keywords не учитывается поисковой системой Гугл, поэтому его не стоит заполнять;
не нужно прописывать в meta tags названия компаний, если только они не являются знаменитыми и популярными.

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

Задание. Чтобы проверить, как правильно заполненные мета-теги (title, description) влияют на популярность сайта, проанализируйте его позицию в поисковиках и количество просмотров сейчас и после усовершенствования или создания грамотных meta tags.

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

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