SEO Фахівець
Title, Description та H1–H6: детальний гайд по тегах
Редакція Spilno Agency
13 Тра 2026
2 хв читання
25 переглядів
Title, description та теги заголовків H1–H6 — це фундамент SEO-оптимізації будь-якої сторінки. Вони визначають, як ваша сторінка відображається у пошуковій видачі, як пошуковий робот розуміє її структуру, і чи клацне користувач на ваш сніпет. Більшість сайтів допускає типові помилки: дублює title і H1, пише description довжиною 300 символів або ігнорує ієрархію заголовків. Цей гайд розповідає, як правильно працювати з кожним тегом і чого уникати.
Правильно заповнений title і H1 — це не менш важливо, ніж якісний контент: саме ці теги вирішують, чи побачить користувач вашу сторінку у пошуку і чи клацне на неї.
Що таке title, description та теги заголовків H1–H6
Усі ці теги відносяться до on-page SEO — оптимізації безпосередньо на сторінці. Вони поділяються на дві групи:
- Метатеги (
<title>,<meta description>) — знаходяться в<head>документа і невидимі на самій сторінці, але відображаються у пошуковій видачі та браузері - Теги заголовків (
<h1>–<h6>) — видимі елементи контенту, що структурують текст сторінки
Google аналізує всі ці теги для розуміння теми сторінки, її ієрархії та релевантності до запиту. Правильне заповнення — обов’язкова умова ефективного SEO.
Тег <title>: роль, правила, приклади
Тег <title> визначає назву сторінки. Він відображається у трьох місцях: вкладка браузера, рядок заголовка у пошуковій видачі (SERP) і якірний текст при репості у соцмережах.
З точки зору SEO, title — один із найважливіших on-page факторів. Google використовує його для розуміння теми сторінки і частково для формування сніпету.
Оптимальна довжина title
Google обрізає title приблизно на позначці 600 пікселів ширини, що на практиці відповідає 50–60 символам для латинниці та 45–55 для кирилиці (ширші символи). Рекомендації:
- Десктоп: до 60 символів
- Мобільний SERP: до 50 символів (менше місця)
- Не зашкодить, якщо title на 2–3 символи довший — Google може скоротити, але не покарає
Title і SEO: що важливо
- Ключовий запит — ближче до початку. Google надає більше ваги словам на початку title
- Унікальний для кожної сторінки. Дублі title — серйозна проблема: дві сторінки з однаковим title конкурують між собою
- Не повторюйте бренд у кожному title. «| Назва Сайту» в кінці — норма, але не на всіх сторінках обов’язково
- Читабельність важливіша за щільність ключів. Google перепише title, якщо він виглядатиме як spam
Типові помилки title
- Дублювання title на кількох сторінках
- Title = H1 (слово в слово) — втрачаєте можливість покрити два різних наміри
- Занадто короткий title (менше 30 символів) — не дає достатньо сигналів
- Keyword stuffing: «Купити диван | Дивани | Дивани Київ | Дешеві дивани»
- Відсутність title на сторінці (Google підставить довільний текст)
Тег <meta description>: навіщо і як писати
Meta description — це короткий опис сторінки, що відображається під title у пошуковій видачі. Технічно він не є фактором ранжування Google, але безпосередньо впливає на CTR — кількість кліків по вашому сніпету.
Хороший description пояснює, що користувач знайде на сторінці, і містить заклик до дії. Поганий — або порожній, або містить нечитабельний набір ключових слів.
Довжина meta description
Google відображає приблизно 120–160 символів description на десктопі і до 120 на мобільних. Якщо description довший — він обрізається. Рекомендації:
- Десктоп: 140–160 символів
- Мобільний: 115–125 символів
- Мінімальна довжина: не коротше 70 символів (занадто короткий не інформативний)
Як написати сильний meta description
- Відповідайте на питання «що тут є» — коротко і зрозуміло
- Включіть CTA: «Дізнайтесь», «Читайте покроково», «Перевірте», «Завантажте»
- Використайте ключовий запит природно — Google виділяє його жирним у сніпеті
- Не дублюйте title — description доповнює, а не повторює
- Унікальний для кожної сторінки — масові дублі description — технічна проблема
Тег <h1>: головний заголовок сторінки
H1 — це перший і головний видимий заголовок сторінки. Він повідомляє і користувачу, і пошуковому роботу, про що сторінка. Разом з title і першим абзацем, H1 формує основний тематичний сигнал для Google.
Правила H1
- Один H1 на сторінку — кілька H1 розмивають тематичний фокус
- Містить основний ключовий запит — природно, не штучно
- Коротший за повну назву статті в більшості випадків — H1 читач бачить відразу, тому він має бути ємним
- Описує контент, що слідує нижче — не загальна фраза типу «Ласкаво просимо»
H1 vs title: чим відрізняються
Найчастіше плутанина виникає саме тут. Ось ключові відмінності:
- title — у
<head>, невидимий на сторінці, відображається в SERP і вкладці браузера, оптимізований для кліків з пошуку - H1 — у тілі сторінки, перший текст, що бачить відвідувач, оптимізований для читача
Приклад: стаття про title теги. Title: «Тег title: довжина, правила і помилки | Spilno Blog». H1: «Як написати тег title: повний гайд». Обидва містять тему, але сформульовані по-різному.
Теги <h2>–<h6>: ієрархія контенту
Заголовки H2–H6 структурують зміст сторінки. Вони допомагають:
- Пошуковому роботу зрозуміти підтеми сторінки
- Читачу швидко сканувати текст і знаходити потрібний розділ
- Google формувати розширені сніпети (featured snippets) і таблиці змісту
H2 та SEO
H2 — це заголовки основних розділів під H1. Вони повинні:
- Логічно структурувати тему, розбиваючи її на підтеми
- Природно містити LSI-ключі (пов’язані терміни і синоніми)
- Бути інформативними — «Як виявити помилки» краще за «Розділ 2»
H3–H6: коли і як використовувати
H3 — підрозділи всередині H2. H4–H6 — ще глибша вкладеність (рідко потрібна на практиці). Правила:
- Дотримуйтесь ієрархії: не переходьте з H2 одразу до H4, пропускаючи H3
- H3–H6 не мають прямого SEO-впливу, порівнянного з H1–H2, але покращують структуру і UX
- Не використовуйте H3–H6 для стилізації — для цього є CSS. Заголовки — суто для структури
Чек-ліст перевірки тегів title, description та H1–H6
- Перевірено наявність тегу
<title>на всіх сторінках - Title унікальний для кожної сторінки (без дублів)
- Довжина title: 50–60 символів
- Головний ключовий запит є в title (ближче до початку)
- Meta description заповнений на всіх важливих сторінках
- Description унікальний для кожної сторінки
- Довжина description: 120–160 символів
- Description містить CTA і природно включає ключовий запит
- H1 один на кожній сторінці
- H1 відрізняється від title (не дублює слово в слово)
- H1 містить основний ключовий запит
- Ієрархія заголовків дотримана: H1 → H2 → H3 (без пропусків рівнів)
- H2–H3 містять LSI-ключі та підтеми природно
Поширені питання
Яка оптимальна довжина тегу title?
Google відображає title до 600 пікселів ширини, що приблизно відповідає 50–60 символам. Якщо title довший — він обрізається у SERP з трикрапкою. Орієнтуйтесь на 50–60 символів для десктопу і до 50 для мобільних пристроїв.
Чи впливає meta description на ранжування?
Meta description не є прямим фактором ранжування Google. Проте він суттєво впливає на CTR (click-through rate): добре написаний description з чітким CTA підвищує кількість кліків. Більше кліків — кращі поведінкові сигнали — потенційно вища позиція.
Чи може на сторінці бути декілька H1?
Технічно кілька H1 не є помилкою HTML5 і не призведе до пенальті від Google. Проте SEO-практика рекомендує один H1 на сторінку: він є головним сигналом теми для пошукового робота. Кілька H1 розмивають цей сигнал і ускладнюють сприйняття структури.
Чим відрізняється title від H1?
Title — це назва сторінки у браузері та SERP, невидима на самій сторінці. H1 — це видимий заголовок на сторінці, перший, що бачить читач. Вони можуть містити однакове ключове слово, але текст має відрізнятися: title більш короткий і конкретний для пошуку, H1 — привабливий для читача.
Що буде якщо не заповнити meta description?
Якщо meta description не вказано, Google автоматично сформує сніпет з тексту сторінки — зазвичай це перший абзац або фрагмент навколо ключового слова запиту. Автоматичний сніпет рідко буває оптимальним для CTR, тому рекомендуємо заповнювати description вручну для кожної важливої сторінки.
Чи повинен бути унікальним title та description на технічних сторінках?
Технічні сторінки поділяються на дві категорії. Сторінки, закриті від індексації (robots.txt, /wp-admin, /login, стандартні 404/503 тощо), — унікальність title і description для них не є пріоритетом: Google їх не побачить. Для технічних сторінок, що залишаються в індексі (кастомна 404, сторінка пошуку, архів тегів), — бажано мати унікальний і описовий title. Дублюючий title на індексованій технічній сторінці — сигнал для Google, що сторінки однакові, що може викликати канібалізацію або ослаблення обох URL.
Обмеження розмірів title та description — це вимога чи рекомендація? Чи буде помилкою, якщо вони дуже малі або дуже великі?
Це рекомендації, а не технічні вимоги. Google не штрафує за вихід за межі. Однак є практичні наслідки: занадто довгий title обрізається в SERP і користувач не бачить кінця; занадто короткий (до 20–25 символів) Google часто переписує власною версією. Занадто довгий description обрізається; занадто короткий — Google замінює автоматично згенерованим. Реальна SEO-проблема — не «довгий чи короткий», а «порожній або дублюється»: відсутній title або однаковий title на кількох сторінках — ось що Google оцінює негативно.
Потрібен аудит тегів на вашому сайті? Spilno Agency перевірить title, description та H1–H6 на всіх сторінках і надасть рекомендації з виправлення.
