On-page SEO: як оптимізувати title, description, H1, URL і зображення, щоб сторінку клікали

Коротко: on-page SEO це все, що ви робите на самій сторінці, щоб вона відповідала запиту й привертала клік: title, description, H1, структура заголовків, текст, URL, зображення, внутрішні посилання й розмітка. Основне правило: пишіть для людини, яка шукає, а запит використовуйте природно. Title і description Google може змінити, тому вони мають чесно описувати сторінку.

Що входить в on-page SEO

Title: головний елемент

Title показується як клікабельний заголовок у видачі й у вкладці браузера.

Правила:

• Ключовий запит ближче до початку, але природно, не списком слів.
• Довжина: орієнтуйтесь приблизно на 50–60 символів, щоб заголовок не обрізався; точна межа залежить від ширини в пікселях.
• Унікальність: у кожної сторінки свій title.
• Вигода або деталь: що користувач отримає (ціна «від», безкоштовний аудит, швидкість, регіон), без обману.
• Бренд в кінці, якщо поміщається.

Приклади:

Google може переписати title, якщо він не відповідає змісту сторінки, надто довгий чи переспамлений. Тому писати його треба як короткий чесний опис, а не набір ключів.

Description: реклама сторінки у видачі

Description не є прямим фактором ранжування, але впливає на клікабельність.

• Орієнтир 140–160 символів; Google може показати інший фрагмент, якщо вважає його релевантнішим до запиту.
• Відповідайте на запит і додайте причину клікнути: вигода, доказ, заклик.
• Унікальний для кожної сторінки; без повторів title.
• Без обіцянок, які сторінка не виконує.

Приклад: «Знайдемо технічні причини, чому сайт не дає заявок: індексація, швидкість, розмітка. Безкоштовний аудит від розробника з 18-річним досвідом.»

H1 і структура заголовків

• Один H1 на сторінку. Він близький до title, але не обов'язково ідентичний: title для видачі, H1 для читача.
• H2 і H3 розбивають зміст логічно: кожен розділ відповідає на окреме питання.
• Не пропускайте рівні й не використовуйте заголовки лише для оформлення.
• Заголовки-запитання допомагають і користувачам, і ШІ-відповідям (див. статтю про контент для ШІ-пошуку).

Текст сторінки

• Інтент. Сторінка має давати те, чого очікує людина за цим запитом (див. статтю про семантичне ядро).
• Перший екран: що це, для кого, яка дія. Відповідь на головне питання на початку.
• Ключові слова: природно, у заголовках і тексті, без переспаму й механічних повторів.
• Унікальність і користь: дані, приклади, відповіді на питання. Копіювання описів постачальника чи конкурентів шкодить.
• Читабельність: короткі абзаци, списки, таблиці.
• Заклик до дії: форма, телефон, месенджер.

URL

• Короткий, читабельний, без зайвих параметрів: /uk/services/seo-audit/.
• Нижній регістр, дефіси між словами.
• Відображає ієрархію сайту.
• Стабільний: змінюючи URL, налаштуйте 301 (див. статтю про SEO-міграцію).
• На багатомовному сайті окремі URL для кожної мови.

Зображення

• Alt-текст: коротко описує зображення, природно, без переспаму ключами. Для декоративних картинок alt порожній.
• Імена файлів змістовні: seo-audit-report.webp, а не IMG_0231.jpg.
• Формат і розмір: WebP чи AVIF, стиснення, розміри під контейнер.
• Атрибути width і height запобігають зсуву макета (CLS).
• Lazy-load для зображень нижче першого екрана, але не для головного (див. статтю про Core Web Vitals).

Внутрішні посилання й розмітка

• Додайте контекстні посилання на суміжні сторінки з описовими анкорами (див. статтю про внутрішню перелінковку).
• Хлібні крихти зі структурованими даними.
• Розмітка Schema.org за типом сторінки: Organization, Article, Product, LocalBusiness (див. статтю про Schema.org).
• canonical на себе, коректні Open Graph для соцмереж.

Шаблони за типами сторінок

Як покращити CTR за даними Search Console

1. «Ефективність» → «Сторінки»: відсортуйте за показами.
2. Знайдіть сторінки з високими показами й низьким CTR.
3. Для кожної перегляньте запити, за якими вона показується.
4. Перепишіть title і description під ці запити, додайте вигоду й деталь.
5. Зафіксуйте дату змін і порівняйте CTR через 3–4 тижні.

Мініатюрний чекліст перед публікацією

• [ ] Є основний запит і зрозумілий інтент.
• [ ] Унікальні title і description, title не обрізається.
• [ ] Один H1, логічні H2–H3.
• [ ] Перший екран відповідає на запит і веде до дії.
• [ ] URL короткий і читабельний.
• [ ] Зображення мають alt, розміри й оптимізовані.
• [ ] Є внутрішні посилання, хлібні крихти, розмітка.
• [ ] Canonical на себе, hreflang для мов.
• [ ] Сторінка швидка на мобільних.
• [ ] Є призив до дії й відстеження заявок.

Типові помилки

• Однакові title і description на багатьох сторінках.
• Title як перелік ключів через кому.
• Кілька H1 чи їх відсутність.
• Заголовки лише для оформлення, без логіки.
• URL із датами, ID і параметрами.
• Картинки без alt і в оригінальному важкому розмірі.
• Оптимізація під запит, що не збігається з інтентом сторінки.
• Зміна URL без редиректів.