Как правильно писать метатеги Title и Description для сайта: примеры, требования и гайд

Вы фрилансер и хотите увеличить свой доход? Освоение навыков SEO-оптимизации может увеличить ваш гонорар в 2–3 раза. И начать стоит с основ — правильного написания метатегов.

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

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

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

Это специальные HTML-теги, которые размещаются в разделе head документа и предоставляют структурированную информацию о веб-странице.

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

Ниже опишем два ключевых метатега для поисковой оптимизации.

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

2. Описание (краткая аннотация страницы, description). Содержит сжатое описание тематики и содержания веб-страницы. Этот текст отображается в поисковом сниппете непосредственно под основным заголовком в результатах выдачи.

В чем важность их правильного заполнения?

• Способствуют повышению рейтинга в поисковых системах.
• Повышают кликабельность (CTR) в органической выдаче.
• Обеспечивают поисковым роботам чёткое понимание тематики контента.
• Формируют положительное впечатление у пользователей.

Как писать метатеги: примеры и антипримеры

Отдельно расскажем о написании title и description.

Метатег title

Оптимальная длина заголовка — 50–60 символов. Максимальная длина — 70 символов. Если заголовок длиннее, поисковики обрежут его в выдаче.

Ниже — основные требования. Осознайте их до того, как писать сам title.

• Уникальность для каждой страницы.
• Содержание основного ключевого запроса.
• Читаемость и привлекательность.
• Отсутствие спама ключевыми словами.

Как правильно написать title? Всё начинается со сбора ключевых запросов. Найдите основной запрос для страницы и включите его в заголовок.

Заголовок размещается в коде между тегами и в разделе :

5 хороших примеров Title:

Как написать title, чтобы сделать это удачно или успешно?

1. Купить iPhone 15 Pro в Москве — цены от 89 990 рублей.
Содержит ключевой запрос, город и цену.

2. Ремонт стиральных машин на дому — вызов мастера в течение 30 минут.
Услуга, преимущество, призыв к действию.

3. Рецепт борща с мясом — пошаговый рецепт с фото.
Основной запрос, дополнительные преимущества.

4. SEO-продвижение сайтов в Санкт-Петербурге — гарантия результата.
Услуга, география, УТП.

5. Детская одежда оптом от производителя — низкие цены.
Товар, способ покупки, преимущество.

5 неудачных примеров Title:

О том, как не стоит делать, если вы хотите прийти к пониманию того, как правильно написать метатег title.

1. Главная страница.
Нет ключевых слов, неинформативно.

2. Купить, заказать, приобрести iPhone, смартфон, телефон по низкой цене.
Спам ключевыми словами.

3. Лучший магазин электроники в Москве с самыми низкими ценами и огромным ассортиментом.
Слишком длинный заголовок.

4. Добро пожаловать на наш сайт! Мы рады вас видеть!
Не содержит ключевых слов.

5. Товары для дома.
Слишком общий, неконкретный ответ.

Метатег Description

Как написать качественный description? Оптимальная длина описания — 120–160 символов. Максимум — 320 символов для десктопа и 120 для мобильных устройств.

Основные требования:

• Уникальность для каждой страницы.
• Привлекательность для пользователей.
• Соответствие содержимому страницы.
• Наличие призыва к действию.

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

Описание размещается в коде с помощью метатега:

5 хороших примеров Description

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

Заказывайте iPhone 15 Pro с доставкой по Москве. Гарантия 1 год, рассрочка 0%. Более 1000 довольных клиентов. Звоните!

Здесь содержатся призыв, преимущества и социальное доказательство.

Быстрый ремонт стиральных машин любых марок. Выезд мастера в течение часа. Гарантия на работы 1 год. Запчасти в наличии.

Акцент на скорость, универсальность, гарантии.

Пошаговый рецепт настоящего украинского борща с мясом и фото. Секреты приготовления от шеф-повара. Время приготовления 2 часа.

Детальность, экспертность, практичность

Комплексное SEO-продвижение сайтов в СПб. Гарантированный выход в топ-10 за 3 месяца. Более 500 успешных проектов.

Гарантии, сроки, опыт.

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

Происхождение, преимущества, охват.

5 неудачных примеров Description

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

На нашем сайте представлены различные товары и услуги для всех.

Слишком общий, неинформативный ответ

Добро пожаловать на наш сайт! Здесь вы найдёте всё необходимое!

Не содержит конкретики.

Купить, заказать, приобрести товары дёшево, недорого, выгодно.

Спам ключевыми словами.

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

Слишком размыто, много воды.

!!!СКИДКИ!!! АКЦИИ!!! РАСПРОДАЖА!!! ЗВОНИТЕ ПРЯМО СЕЙЧАС!!!

Спам восклицательными знаками.

Как писать другие метатеги

Как написать title и description, надеемся, разобрались. Теперь про другие метатеги.

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

Метатег keywords исторически использовался для перечисления ключевых терминов веб-страницы. В 2009 году компания Google официально объявила об исключении этого элемента из факторов ранжирования. Аналогичную позицию занимает поисковая система Яндекс при оценке релевантности документов.

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

Укажем современные принципы работы с ключевыми словами.

• Рекомендуется полностью исключить использование этого элемента.
• При необходимости ограничьтесь 3–5 релевантными терминами.
• Обеспечить строгое соответствие указанных слов фактическому содержанию.
• Избегайте дублирования одинаковых конструкций.

Тип контента

Директива content-type устанавливает формат документа и систему кодирования символов. Этот параметр крайне важен для корректного воспроизведения текстового контента на разных языках.

Стандартное объявление кодировки:

В спецификации HTML5 доступна сокращённая форма записи:

Распространённые варианты кодировок:

• UTF-8 — международный стандарт, охватывающий символы всех языков мира.
• Windows-1251 — устаревший формат для кириллических символов.
• ISO-8859-1 — базовая кодировка для латинского алфавита.

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

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

Язык контента

Директива content-language информирует поисковые алгоритмы и браузерные приложения о языковой принадлежности веб-документа. Это способствует корректному отображению материалов в соответствующих языковых сегментах поисковой выдачи.

Варианты практического применения:

Стандартные языковые идентификаторы:

• ru — русскоязычный контент;
• en — англоязычные материалы;
• de — немецкоязычная версия;
• fr — франкоязычное содержание;
• es — текст на испанском языке.

В современной спецификации HTML5 предпочтительно использовать атрибут lang в корневом элементе:

Положительные эффекты языковой разметки:

• Оптимизация индексирования в национальных поисковых системах.
• Повышение точности работы встроенных переводчиков.
• Укрепление позиций в геотаргетированной выдаче.

Освежение и другие функции

Директива refresh обеспечивает автоматическое обновление документа или перенаправление пользователей на альтернативный URL через заданный промежуток времени.

Синтаксические конструкции обновляются:

Сценарии применения refresh:

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

Критические ограничения использования:

• Неприменимо для постоянных редиректов (предпочтительнее использовать статус 301).
• Недопустимость слишком коротких интервалов обновления.
• Возможное ухудшение пользовательского восприятия.

Дополнительные важные метаэлементы для оптимизации:

Viewport — адаптивная настройка отображения:

Роботы — управление поисковым сканированием:

Canonical — предотвращение дублирования контента:

Автор — определение авторства материала:

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

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

Далее — основные причины для проверки. И конкретные шаги для ее проведения.

1. Убедитесь, что все метатеги заполнены правильно.
2. Найдите повторяющиеся заголовки на разных страницах.
3. Проверьте оптимальную длину заголовка и описания.
4. Посмотрите, как выглядят метатеги в поисковой выдаче.
5. Выявление страниц без них.
6. Обнаружение технических ошибок в HTML-коде.

Что именно помогает избежать регулярная проверка?

• Потерю позиций из-за технических ошибок.
• Низкий CTR из-за неправильных метатегов.
• Дублирование контента.
• Индексацию ненужных страниц.

Частые ошибки, которые выявляет проверка:

• Слишком длинные или короткие заголовки.
• Отсутствие уникальных метатегов.
• Пустые или автоматически сгенерированные метатеги.
• Неправильная кодировка символов.
• Спам ключевыми словами.

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

Сервисы для этой цели

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

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

2. PR-CY. Комплексный анализ сайта с детальной проверкой. Показывает не только наличие и длину метатегов, но и их качество. Есть бесплатная версия с ограничениями и платная версия с расширенными возможностями.

3. Мегаиндекс Профессиональная платформа для проверки метатегов и SEO-параметров. Позволяет анализировать большие сайты и экспортировать данные в Excel. Дает рекомендации по оптимизации.

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

5. Rush Analytics Российский сервис для комплексного SEO-анализа. Специализируется на анализе метатегов, внутренней оптимизации, проверке технических параметров. Предоставляет подробные отчеты с рекомендациями.

Дополнительные инструменты:

• Screaming Frog — настольная программа для технического аудита.
• Netpeak Spider — российская альтернатива Screaming Frog.
• SEO-анализатор от Rookee — бесплатный онлайн-инструмент.
• Пиксель Тулс — набор бесплатных SEO-инструментов.

При выборе сервиса учитывайте размер вашего сайта, бюджет и необходимую глубину анализа.

Заключение

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

Как правильно написать title и description? Есть пять обобщенных практических советов по оптимизации их заполнения.

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

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

Вы уже научились правильно писать заголовки и описания? Теперь вы можете предлагать клиентам услуги по SEO-оптимизации (или заказывать их сами). На фриланс-бирже Work24 много заказов на создание и оптимизацию контента для сайтов. Используйте новые знания для увеличения дохода!