Как написать эффективные теги Title и Description в 2024 году для вашего сайта
Введение
В этой статье мы рассмотрим один из аспектов SEO-оптимизации — метатеги <title> и <meta name="description">, которые являются не только основополагающими элементами SEO, но и напрямую влияют на конверсию в результатах выдачи Google и других поисковых систем.
Как говорится, дьявол кроется в деталях. И именно метатеги — то, что пользователи видят первыми, прежде чем попасть на ваш сайт.
Физически оба этих тега располагаются внутри раздела <head>. Вот простой пример:
Метатег Title — это…
В двух словах, Title — это первый полужирный заголовок, который вы видите в результатах поиска Google или другой поисковой системы.
По сути, это заголовок страницы вашего сайта, будь то услуга, продукт, новость или статья в блоге.
Например, даже статья, которую вы сейчас читаете, имеет заголовок — «Как написать эффективные теги Title и Description для вашего сайта».
В результатах поиска Google этот заголовок будет выделен синим цветом, за ним последует название сайта, как показано на изображении выше.
Ключевые слова в Title
В идеале метатег <title> должен содержать ключевое слово, относящееся к вашей компании, услуге, новости или статье.
Когда пользователь вводит это ключевое слово в поисковую систему, ваш сайт появляется в результатах поиска.
Естественно, помимо метатегов существуют и другие факторы, влияющие на ранжирование в поисковых системах, но сейчас мы их обсуждать не будем.
Примеры заголовков
Давайте рассмотрим несколько удачных примеров из разных ниш.
Прежде всего, это новостные сайты. Для базового запроса “top news usa” первые три позиции принадлежат крупнейшим компаниям,
в заголовках которых присутствуют ключевые слова из нашего поискового запроса.
Далее следуют интернет-магазины. Возьмем запрос “basic t shirt” и посмотрим, что мы найдем на SERP (странице результатов поисковой системы).
Микроданные и визуализация метатегов
Мы видим интернет-магазины с категориями мужских и женских рубашек. А благодаря микроданным справа от метатегов отображается изображение товара.
Что такое метатег description
Метатег description — это текст под заголовком, кратко излагающий содержание страницы. Это то, на что обращает внимание пользователь после прочтения заголовка.
Примеры описания
Теперь давайте рассмотрим примеры описаний на новостных сайтах, а затем на отдельных новостных страницах. Сократим наш предыдущий запрос до usa news и посмотрим результаты поиска:
А теперь воспользуемся сочетанием Biden news и посмотрим примеры конкретных новостей:
Мы видим, что во всех трех позициях описание представляет собой краткое изложение новости, отвечающей на наш запрос. Всего за пару строк мы сразу понимаем, что можно прочитать на этой странице.
Интересное исследование от BrightEdge
Основной тезис исследования заключается в том, что 85% заголовков в топ-5 результатов поиска Google содержат ключевые слова. Это убедительно свидетельствует о том, что использование ключевых слов в метатегах крайне необходимо. К такому выводу пришли коллеги из корпоративной платформы BrightEdge в ходе своего исследования.
Другие выводы исследования:
- 95% страниц, попадающих в топ-10 результатов поиска, имеют описание.
- 90% страниц, занимающих первые 5 мест, используют заглавные буквы в названии бренда/продукта/компании.
- 25% страниц, занимающих более низкие позиции, часто имеют грамматические ошибки в названии и описании.
Кроме того, 70% корпоративных маркетологов считают наличие корректных метатегов крайне важным, а оставшиеся 30% заявили, что это важно или очень важно.
Время, затрачиваемое на разработку метатегов:
- 50% тратят на это от 4 до 6 часов.
- 30% тратят на это от 7 до 9 часов.
- 20% тратят на это от 1 до 3 часов.
Как просмотреть метатеги на странице
Чтобы просмотреть содержимое метатегов на своем или любом другом сайте, достаточно выполнить следующие действия.
Микроданные и визуализация метатегов
Мы видим интернет-магазины с категориями мужских и женских рубашек. А благодаря микроданным справа от метатегов отображается изображение товара.
Что такое метатег description
Метатег description — это текст под заголовком, кратко излагающий содержание страницы. Это то, на что обращает внимание пользователь после прочтения заголовка.
Примеры описания
Теперь давайте рассмотрим примеры описаний на новостных сайтах, а затем на отдельных новостных страницах. Сократим наш предыдущий запрос до usa news и посмотрим результаты поиска:
А теперь воспользуемся сочетанием Biden news и посмотрим примеры конкретных новостей:
Мы видим, что во всех трех позициях описание представляет собой краткое изложение новости, отвечающей на наш запрос. Всего за пару строк мы сразу понимаем, что можно прочитать на этой странице.
Интересное исследование от BrightEdge
Основной тезис исследования заключается в том, что 85% заголовков в топ-5 результатов поиска Google содержат ключевые слова. Это убедительно свидетельствует о том, что использование ключевых слов в метатегах крайне необходимо. К такому выводу пришли коллеги из корпоративной платформы BrightEdge в ходе своего исследования.
Другие выводы исследования:
- 95% страниц, попадающих в топ-10 результатов поиска, имеют описание.
- 90% страниц, занимающих первые 5 мест, используют заглавные буквы в названии бренда/продукта/компании.
- 25% страниц, занимающих более низкие позиции, часто имеют грамматические ошибки в названии и описании.
Кроме того, 70% корпоративных маркетологов считают наличие корректных метатегов крайне важным, а оставшиеся 30% заявили, что это важно или очень важно.
Время, затрачиваемое на разработку метатегов:
- 50% тратят на это от 4 до 6 часов.
- 30% тратят на это от 7 до 9 часов.
- 20% тратят на это от 1 до 3 часов.
Как просмотреть метатеги на странице
Первый способ
Перейдите на любую страницу, для примера возьмем rotgar.com.
Теперь воспользуйтесь комбинацией клавиш Ctrl + U или Command + U (в браузерах Chrome или Firefox).
Далее с помощью комбинации клавиш Ctrl + F (или Command + F на Mac) можно воспользоваться функцией поиска. Введите «title» и увидите результат.
Микроданные и визуализация метатегов
Мы видим интернет-магазины с категориями мужских и женских рубашек. А благодаря микроданным справа от метатегов отображается изображение товара.
Что такое метатег description
Метатег description — это текст под заголовком, кратко излагающий содержание страницы. Это то, на что обращает внимание пользователь после прочтения заголовка.
Примеры описания
Теперь давайте рассмотрим примеры описаний на новостных сайтах, а затем на отдельных новостных страницах. Сократим наш предыдущий запрос до usa news и посмотрим результаты поиска:
А теперь воспользуемся сочетанием Biden news и посмотрим примеры конкретных новостей:
Мы видим, что во всех трех позициях описание представляет собой краткое изложение новости, отвечающей на наш запрос. Всего за пару строк мы сразу понимаем, что можно прочитать на этой странице.
Интересное исследование от BrightEdge
Основной тезис исследования заключается в том, что 85% заголовков в топ-5 результатов поиска Google содержат ключевые слова. Это убедительно свидетельствует о том, что использование ключевых слов в метатегах крайне необходимо. К такому выводу пришли коллеги из корпоративной платформы BrightEdge в ходе своего исследования.
Другие выводы исследования:
- 95% страниц, попадающих в топ-10 результатов поиска, имеют описание.
- 90% страниц, занимающих первые 5 мест, используют заглавные буквы в названии бренда/продукта/компании.
- 25% страниц, занимающих более низкие позиции, часто имеют грамматические ошибки в названии и описании.
Кроме того, 70% корпоративных маркетологов считают наличие корректных метатегов крайне важным, а оставшиеся 30% заявили, что это важно или очень важно.
Время, затрачиваемое на разработку метатегов:
- 50% тратят на это от 4 до 6 часов.
- 30% тратят на это от 7 до 9 часов.
- 20% тратят на это от 1 до 3 часов.
Как просмотреть метатеги на странице
Первый вариант
Перейдите на любую страницу, для примера возьмем rotgar.com.
Теперь воспользуйтесь комбинацией клавиш Ctrl + U или Command + U (в браузерах Chrome или Firefox).
Далее с помощью комбинации клавиш Ctrl + F (или Command + F на Mac) можно воспользоваться функцией поиска. Введите «title» и увидите результат.
Метатег description расположен рядом, но если вы хотите облегчить себе задачу — выполните те же действия:
Эту операцию можно проделать на любом сайте или странице.
Второй вариант
Этот способ подходит только для тех, кто использует CMS WordPress в связке с SEO-плагином (если вы не знаете, какой SEO-плагин выбрать — ознакомьтесь с нашей статьей).
В самом плагине можно задать заголовок и описание, а также ознакомиться с существующими метатегами. Для этого откройте меню WordPress и перейдите в раздел Pages.
Микроданные и визуализация метатегов
Мы видим интернет-магазины с категориями мужских и женских рубашек. А благодаря микроданным справа от метатегов отображается изображение товара.
Что такое метатег description
Метатег description — это текст под заголовком, кратко излагающий содержание страницы. Это то, на что обращает внимание пользователь после прочтения заголовка.
Примеры описания
Теперь давайте рассмотрим примеры описаний на новостных сайтах, а затем на отдельных новостных страницах. Сократим наш предыдущий запрос до usa news и посмотрим результаты поиска:
А теперь воспользуемся сочетанием Biden news и посмотрим примеры конкретных новостей:
Мы видим, что во всех трех позициях описание представляет собой краткое изложение новости, отвечающей на наш запрос. Всего за пару строк мы сразу понимаем, что можно прочитать на этой странице.
Интересное исследование от BrightEdge
Основной тезис исследования заключается в том, что 85% заголовков в топ-5 результатов поиска Google содержат ключевые слова. Это убедительно свидетельствует о том, что использование ключевых слов в метатегах крайне необходимо. К такому выводу пришли коллеги из корпоративной платформы BrightEdge в ходе своего исследования.
Другие выводы исследования:
- 95% страниц, попадающих в топ-10 результатов поиска, имеют описание.
- 90% страниц, занимающих первые 5 мест, используют заглавные буквы в названии бренда/продукта/компании.
- 25% страниц, занимающих более низкие позиции, часто имеют грамматические ошибки в названии и описании.
Кроме того, 70% корпоративных маркетологов считают наличие корректных метатегов крайне важным, а оставшиеся 30% заявили, что это важно или очень важно.
Время, затрачиваемое на разработку метатегов:
- 50% тратят на это от 4 до 6 часов.
- 30% тратят на это от 7 до 9 часов.
- 20% тратят на это от 1 до 3 часов.
Как просмотреть метатеги на странице
Первый вариант
Перейдите на любую страницу, для примера возьмем rotgar.com.
Теперь воспользуйтесь комбинацией клавиш Ctrl + U или Command + U (в браузерах Chrome или Firefox).
Далее с помощью комбинации клавиш Ctrl + F (или Command + F на Mac) можно воспользоваться функцией поиска. Введите «title» и увидите результат.
Метатег description расположен рядом, но если вы хотите облегчить себе задачу — выполните те же действия:
Эту операцию можно проделать на любом сайте или странице.
Второй вариант
Этот способ подходит только для тех, кто использует CMS WordPress в связке с SEO-плагином.
В самом плагине можно задать заголовок и описание, а также ознакомиться с существующими метатегами. Для этого откройте меню WordPress и перейдите в раздел Pages.
Далее выберите нужную страницу и просмотрите/отредактируйте метатеги с помощью плагина. Вот как это выглядит при редактировании с помощью Yoast SEO:
А вот пример от Rank Math:
Как написать эффективный заголовок
Шаг 1 — Длина заголовка
Во-первых, важно отметить, что максимально допустимый (отображаемый) лимит символов для заголовка в Google составляет 75 символов. Да, он может быть длиннее этого предела, но всё, что выходит за его пределы, будет скрыто от пользователей в результатах поиска.
h2>Как написать эффективный заголовок
Шаг 1 — Длина заголовка
Во-первых, важно отметить, что максимально допустимый (отображаемый) лимит символов для заголовка в Google составляет 75 символов. Да, он может быть длиннее этого предела, но всё, что выходит за его пределы, будет скрыто от пользователей в результатах поиска.
Шаг 2 — Формула заголовка
В идеальном мире формула заголовка выглядит следующим образом:
Основное ключевое слово + Вторичное ключевое слово + Название бренда.
Однако главная задача состоит в том, чтобы заголовок был понятен пользователям, которые ищут ваш сайт, услугу или статью. Он не должен выглядеть как случайный набор ключевых слов.
Объясните, о чём ваша страница — дайте понять это сразу. Это статья на определённую тему? Укажите это. Это продаваемый продукт? Убедитесь, что он упомянут в заголовке на видном месте.
Шаг 3 — Выделите текст
Чтобы заголовок выделялся на фоне конкурентов, используйте:
- Преимущества — подчеркните, что получит пользователь.
- Слова вроде «лучший», «быстрый», «доступный» — но только если это действительно так.
- Модификаторы: Top 10, Обновлено в 2023, Рядом с вами.
Шаг 4 — Уникальность
Каждая страница должна иметь уникальный заголовок:
- Продукты: Название продукта – Категория | Бренд
- Новости: Заголовок статьи – Категория | Название сайта
Не используйте заголовки вроде «Главная» или «Новая страница» — это дублирующий контент, который плохо индексируется и снижает SEO.
Ошибки при создании заголовков
- Несоответствие теме страницы.
- Отсутствие бренда в заголовке.
- Дублирование заголовков на разных страницах.
- Игнорирование структуры сайта и семантики.
- Сложные формулировки и перегрузка прилагательными.
- Избыток стоп-слов (частиц, местоимений и т.д.).
Следуйте рекомендациям и тестируйте заголовки: проводите A/B-тестирование, сравнивая эффективность разных вариантов.
Как написать эффективное описание
Теперь, когда мы разобрались с заголовком, перейдём к следующему важному метатегу — описанию.
Существует два основных способа визуализации описания:
- Богатые сниппеты: используются, если на сайте внедрены структурированные данные (например, отзывы, рецепты, события).
- Метаописания: Google может использовать содержимое <meta> тега description, если оно полезно для пользователя.
Хотя description не всегда влияет на SEO, он существенно влияет на CTR и пользовательский выбор. Вот как правильно его составлять:
Шаг 1 — Длина описания
Оптимальная длина — до 155 символов. Всё, что длиннее, будет обрезано. Иногда Google подставляет собственные описания, если считает их более релевантными.
«Чтобы запретить Google автоматически генерировать описания, добавьте тег
nosnippetили используйтеmax-snippet:number. Также можно применятьdata-nosnippetдля отдельных фрагментов кода.»
Шаг 2 — Уникальность описания
Каждое описание должно соответствовать конкретной странице. Для главной и агрегирующих страниц допускается более общее описание.
Шаг 3 — Краткость и точность
Передайте суть. Если это сайт пекарни — укажите виды продукции и часы работы. Если новостной — перечислите тематику и регион.
Шаг 4 — Ключевые слова
Если ключевое слово содержится в тексте description, Google выделит его в выдаче. Иногда выделяются даже синонимы, как, например, «Academy Awards» и «Oscars».
Шаг 5 — Призыв к действию
Описание — это ваш убедительный текст. В данном случае «продуктом» является страница, на которую ведёт ссылка. Призыв к действию (Call-to-Action, CTA) повышает вероятность того, что пользователь перейдёт на ваш сайт. Используйте формулировки:
- Узнать больше
- Получить сейчас
- Попробовать бесплатно
Ошибки при написании описаний
- Простое перечисление ключевых слов вместо выгоды для пользователя.
- Одинаковые описания для новостных статей. Например:
<meta name="description" content="Последние новости города X. Узнавайте о важных событиях раньше других."> - Слишком короткие описания — не используйте только 1-2 слова. Раскройте суть, но не переусердствуйте.
- Лирические отступления — избегайте описаний «обо всём и ни о чём». Только конкретика.
Заключение
Спасибо, что дочитали статью до конца. Мы уверены, что при помощи этих советов и практики вы сможете создавать действительно эффективные метатеги title и description.
