⚙️
БЕСПЛАТНО
+55 XP
Title-теги и мета-описания
👁️
Пользователь Маша смотрит выдачу
«Десять ссылок на экране. На какую кликнуть? Смотрю на заголовок и описание. За 3 секунды решаю.»
🎯 Title-тег и мета-описание — это витрина твоей страницы в поисковой выдаче. Они не видны на странице, но именно они определяют, кликнут ли пользователи по твоей ссылке.
Title-тег — главный заголовок страницы
Title отображается в браузерной вкладке, сниппете поиска и как заголовок при сохранении в закладки. Google использует его как один из ключевых сигналов релевантности.
| Правило | Пример |
|---|---|
| 50–60 символов (иначе обрезается) | «Технический SEO: полный гайд 2026» |
| Ключевое слово ближе к началу | «SEO-аудит сайта: пошаговое руководство» |
| Уникальный для каждой страницы | Не копируй title с других страниц |
| Не спамь ключевыми словами | ❌ «SEO SEO оптимизация SEO гайд SEO» |
Мета-описание — рекламный текст сниппета
Meta description не влияет на ранжирование напрямую, но влияет на CTR. Google иногда заменяет его на другой фрагмент текста со страницы — если посчитает его более релевантным запросу.
Формула хорошего мета-описания:
☐ 150–160 символов
☐ Содержит главное ключевое слово
☐ Есть конкретная выгода для пользователя
☐ Призыв к действию: «Узнайте», «Скачайте», «Попробуйте»
☐ Уникальное для каждой страницы
☐ 150–160 символов
☐ Содержит главное ключевое слово
☐ Есть конкретная выгода для пользователя
☐ Призыв к действию: «Узнайте», «Скачайте», «Попробуйте»
☐ Уникальное для каждой страницы
Alt-атрибут изображений
Alt-текст — это описание изображения для поисковых роботов и людей с ограниченными возможностями. Хороший alt описывает, что на картинке, и может включать ключевое слово — но без спама.
📊
Тест A/B title-тегов
«Изменили title с "Страница услуг" на "SEO-аудит сайта — проверка за 24 часа". CTR вырос с 1.2% до 3.8%. Трафик утроился без изменения позиций.»
💡 Ключевой инсайт: позиция в выдаче без хорошего title и description — это пустая трата потенциала. Оптимизируй сниппеты так же тщательно, как и сам контент.
🎮 Проверь себя: сопоставь HTML-элементы с их оптимальными характеристиками!
Задание к уроку
Проверьте понимание и получите +25 XP