🏷 Розмітка для ботів: Title, Description та ієрархія H1-H6

Пошуковий бот не дивиться на твій сайт очима людини. Він не оцінює, наскільки гарно підібрані шрифти. Бот парсить HTML-код. Щоб він швидко зрозумів сторінку, в коді передбачені спеціальні мета-теги.

1️⃣ Тег Title — Головний заголовок

Це найкритичніший елемент внутрішньої оптимізації. Це те, що відображається синім шрифтом у видачі Google і на вкладці браузера.

• Довжина — близько 60 символів (щоб не обрізався)
• Ємкий, містить головне ключове слово
• Один на сторінку

Для алгоритму Title — це головний ідентифікатор сторінки.

Приклад коду:

<title>Оренда сервера з GPU RTX 5090 — Київ від $99/міс</title>

2️⃣ Тег Description — Опис

Це пара рядків сірого тексту під Title у пошуковій видачі. Безпосередньо на позиції алгоритму Description сьогодні майже не впливає. Але він впливає на CTR (Click-Through Rate — клікабельність).

Це твій рекламний пітч. Якщо ти напишеш там: «Знижка 10% при замовленні до п'ятниці. Швидке налаштування» — жива людина з більшою ймовірністю клікне на твій сайт, а не на сайт конкурента.

Приклад коду:

<meta name="description" content="Оренда GPU-серверів від $99/міс. RTX 5090, безкоштовне налаштування, знижка 10% до п'ятниці.">

3️⃣ Ієрархія H1-H6 — Структура заголовків

Уяви складну технічну документацію. У ній завжди є чітка структура: головний заголовок, розділи, підрозділи. Теги H1-H6 виконують ту саму функцію.

• H1 — назва усієї статті (тільки один на сторінку)
• H2 — великі смислові блоки
• H3 — підрозділи всередині H2
• H4-H6 — далі вглиб (рідко потрібні)

Боти Google використовують цю розмітку, щоб зрозуміти логіку документа. Суцільна «простирадла» тексту без підзаголовків — це сигнал про низьку якість архітектури сторінки.

⚡ БОНУС: Schema.org для AI Overviews

Title + Description + H-теги — це «класична» розмітка. У 2026 році з приходом AI Overviews (ми обговорювали це в кінці Модуля 1) з'явився ще один рівень: Schema.org.

Schema.org — це словник типізованих даних. Ти кажеш боту не просто «ось текст», а «ось Article, у нього author, datePublished, headline». Бот розуміє структуру.

🎯 Головні типи для бізнесу

• FAQPage — для сторінок з питання-відповідь. Потрапляє прямо в AI Overview
• HowTo — покрокові інструкції. Теж AI Overview-friendly
• Article — статті блогу з автором і датою
• Product — товари з ціною, рейтингом, відгуками
• LocalBusiness — якщо у тебе офіс, адреса, телефон
• Course — для освітніх продуктів (наш курс використовує саме це)

Приклад FAQPage:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Скільки коштує оренда GPU-сервера?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Від $99/місяць для RTX 5090."
    }
  }]
}
</script>

🧪 Як перевірити розмітку

• Google Rich Results Test — search.google.com/test/rich-results — вставляєш URL, бачиш що Google «бачить»
• Schema Markup Validator — validator.schema.org — детальна перевірка JSON-LD