Що таке On-Page SEO і навіщо тобі це знати.
Все, що ти можеш зробити прямо на сайті: тексти, заголовки, мета-теги, структура URL, швидкість, картинки. На 100% під твоїм контролем.
Пам'ятаєш, у гайді про лінкбілдинг ми казали, що SEO ділиться на технічне, контентне і зовнішнє? Так от: On-Page SEO (внутрішнє SEO) — це перші два разом. Все, що ти можеш зробити прямо на сайті.
На відміну від лінкбілдингу, де ти десь там аутричиш чужих редакторів і молишся, щоб вони відповіли — внутрішнім SEO ти керуєш на 100%. Це твій сайт, твої правила. Грубо кажучи: якщо лінкбілдинг — це коли тебе хвалять, то on-page — це коли ти сам гарно вдягнений, щоб було за що хвалити.
Лінкбілдинг без on-page — це як купити Lamborghini і ганяти на ньому по болоту. Машина крута. Але далеко не заїдеш.
Ще одна важлива річ: внутрішнє SEO впливає не тільки на позиції, а й на конверсію. Гарний title — більше кліків з видачі. Чітка структура сторінки — менше відмов. Швидкий сайт — більше замовлень. Тобто on-page заробляє гроші двічі: спочатку через Google, потім через користувача.
Якщо тільки починаєш — займайся on-page ДО лінкбілдингу. Купа посилань на сайт зі зламаними title і дублями = марна трата бюджету. Спочатку наводь порядок у хаті, потім запрошуй гостей.
Словник виживання — частина 2
У першому гайді ми вивчали anchor text, DR, dofollow. Тепер — терміни on-page світу. Без них на робочій зустрічі ти будеш як рибка в супі: всі говорять, ти не розумієш.
Title tag
Той заголовок, який ти бачиш у вкладці браузера і у видачі Google синім кольором. НЕ той, що зверху сторінки великими літерами (це H1). Title — це HTML-тег у коді. Перше, що бачить користувач, і перше, що читає Google.
Meta description
Сірий текст під синім заголовком у видачі. Не впливає на позиції напряму, АЛЕ впливає на CTR — скільки людей клацнуть саме по твоєму сайту, а не по сусідньому. А CTR Google помічає.
H1, H2, H3
Структура твоєї сторінки. H1 — головний заголовок (один на сторінку!). H2 — основні розділи. H3 — підрозділи. Реально далі H3 ніхто не йде. Уяви, що сторінка — це книга: H1 назва, H2 розділи, H3 підрозділи.
URL slug
Та частина URL, що йде після домену. У grut.com.ua/kriplennia-bobovr-m3-pro slug = kriplennia-bobovr-m3-pro. Має бути коротким, з ключем, через дефіси, транслітом — і без сміття типу «купити-офіційний-найкращий».
Alt text
Опис картинки в HTML-коді. Потрібен для двох речей: щоб незрячі користувачі зі скрін-рідерами розуміли, що на картинці, і щоб Google розумів те саме. Не image123.jpg, не DSC_4592.
Canonical tag
Спеціальний тег, який каже Google: «Якщо ти знайшов кілька сторінок з однаковим контентом — оригінал ось цей». Без канонікалу Google розрізає вагу між дублями. З канонікалом — концентрує на одній.
301 redirect
Каже браузеру і Google: «Цієї сторінки більше немає за цією адресою, але є ось за цією». Перенаправляється і трафік, і посилальна вага (майже вся). Це односторонній квиток — Google забуде стару сторінку через 2–3 місяці.
Schema.org
Код-розмітка, який каже Google: «Це не просто текст, це товар. Ось ціна. Ось рейтинг. Ось наявність». Завдяки Schema у видачі з'являються ті красиві зірочки, ціни, фото — те, що тиснеться більше за звичайний синій лінк.
Core Web Vitals
Google з 2021 року офіційно враховує швидкість і зручність. LCP — як швидко завантажується головний елемент (<2.5с). CLS — чи стрибає контент (<0.1). INP — як швидко сайт реагує на клік (<200мс).
Мистецтво першого враження
У першому гайді ми говорили, що 1 посилання з Forbes варте 500 з блогів. Так само в on-page: 1 хороший title варте 10 переписаних описів товару. Title — це твоя обкладинка.
2.1 Формула title для e-commerce
Стандартна робоча схема: [Основне ключове слово] [деталь/USP] | [Бренд магазину]
Приклади на живому матеріалі (магазин ігрових аксесуарів):
- Погано: «BoboVR M3 Pro» — тільки модель, без контексту, без бренду магазину
- Погано: «BoboVR M3 Pro кріплення з акумулятором для гарнітури віртуальної реальності Meta Quest 3 і Quest 3s з безкоштовною доставкою купити Україна Київ» — 75 символів, читається як крик
- Добре: «Кріплення BoboVR M3 Pro для Meta Quest 3/3s — акумулятор 5200 mAh | Grut»
- Ще краще: «BoboVR M3 Pro для Meta Quest 3 — акумулятор 5200 mAh | Grut» (60 символів)
2.2 Title для категорійних сторінок
Категорії — це жирне джерело трафіку. Запит «аксесуари для Meta Quest 3» шукають у 10 разів частіше, ніж конкретну модель.
Шаблонний title «Аксесуари для Meta Quest 3 — купити за вигідною ціною в інтернет-магазині │ НазваМагазину» — це 2018 рік. У 50% магазинів України такий title. Ти зливаєшся з натовпом. Хочеш виділитися — додай конкретику: бренди, гео, формати.
2.3 Meta description — продаж кліка
Google показує твій сайт у видачі поряд з 9 іншими. У всіх схожі заголовки. Опис — це твій шанс сказати: «Клац мене, у мене класно».
Робоча структура:
- 1-ше речення: що це + ключова перевага
- 2-ге речення: додаткові тригери (гарантія, наявність, доставка, ціна)
- 3-тє речення (опціонально): заклик до дії
Приклад для картки товару:
Кріплення BoboVR M3 Pro з акумулятором 5200 mAh для Meta Quest 3/3s. Рівномірний розподіл тиску, швидкозйомний акумулятор, легка установка. Купити в Києві з доставкою по Україні.
147 символів. Містить «BoboVR M3 Pro» (ключ), «Meta Quest 3» (ключ), «Київ» (гео), «доставка» (тригер), «купити» (CTA).
Уяви, що ти на ринку. Поруч 10 продавців помідорів. Усі кричать «помідори помідори помідори». А ти кажеш: «Бакинські помідори, солодкі як ягода, привезли вранці з городу». До тебе підуть. Meta description — це твій крик на ринку Google.
2.4 Реальні помилки з аудиту grut.com.ua
Дивимось на справжній сайт, щоб побачити, як НЕ треба:
- Title категорії: «Meta Quest 3 аксесуари - купити за вигідною ціною в інтернет-магазині | Grut» — 76 символів, шаблонно
- Meta: «🛒 Огляньте наш великий вибір Meta Quest 3 аксесуари в Grut. Вигідні ціни, новинки» — шаблон, нема брендів
- Title бренду: «Офіційні товари KKCOBVR доступні в Grut» — слово «офіційні» спірне
Як ми це переробили:
- Новий title: «Аксесуари для Meta Quest 3 — кріплення, страпи, чохли | Grut»
- Новий description: «Аксесуари для Meta Quest 3: страпи BoboVR, кабелі Link, чохли, лінзи з діоптріями. Гарантія, доставка по Україні з Києва.»
SEO-тексти — і Google, і людина читають
Найбільший міф SEO: «треба впихнути ключове слово 30 разів». Так було у 2008-му. Тепер за таке Google карає. Сучасні SEO-тексти — це нормальні людські тексти з продуманою структурою і помірною кількістю ключів.
3.1 Ключові слова — як знайти і як використовувати
Перед написанням тексту відповідай на 3 питання:
- Основне ключове слово (high-volume) — що люди гуглять найчастіше
- Допоміжні (LSI, latent semantic indexing) — синоніми та супутні поняття
- Запити «довгого хвоста» (long-tail) — рідші, але конкретні
Де брати: Ahrefs Keywords Explorer (платно), Google Keyword Planner (треба Google Ads, безкоштовно), Серпента (serpent.ua) — українські запити, безкоштовно. І сам Google: введи запит, подивись блок «Люди також запитують» і «Пов'язані запити».
Найкращий безкоштовний інструмент аналізу ключових слів — це сам Google. Введи свій запит. Подивись на підказки. Прокрути вниз і подивись «Пов'язані запити». Це й є те, що шукають люди. Дякувати не треба.
3.2 Структура SEO-тексту для картки товару
Робочий шаблон (600–1000 слів):
- Вступний абзац (50–80 слів). Хто це? Для кого? Головна перевага. З основним ключем.
- H2: «Особливості» — головні фішки списком
- H2: «Кому підійде» — портрет покупця, сценарії використання
- H2: «Сумісність» — для яких пристроїв, версій, моделей
- H2: «Що в комплекті» — список того, що отримає покупець
- H2: «Чому варто купити у [Магазин]» — гарантія, доставка, повернення
- H2: «Питання і відповіді» — 4–6 реальних FAQ
Не треба робити воду на 2000 слів — у e-commerce це не працює. Краще 600 слів конкретики, ніж 2000 слів про «занурення у світ віртуальної реальності».
Колись у 2012-му нормально було писати «купити кріплення Київ дешево купити кріплення з доставкою Київ купити кріплення». Google це їв і ранжував. Зараз за такий текст ти отримуєш пенальті, а користувач — інфаркт. Пиши як для людини.
3.3 FAQ-блок — таємна зброя
FAQ зі Schema-розміткою — це one of the most underrated штук у сучасному SEO:
- Google показує твої FAQ прямо у видачі (rich snippet)
- Ти займаєш більше місця на екрані Google
- Користувач бачить відповіді ще до кліку — більше довіри
- CTR зростає на 5–15%
Як збирати питання: запитай менеджера, що спілкується з клієнтами; блок «Люди також запитують» у Google; карточки конкурентів; відгуки на свій товар — які сумніви люди висловлювали.
Як зробити, щоб Google не заблукав
Ієрархія, breadcrumbs, внутрішня перелінковка. Маленькі речі, але правильна перелінковка може дати 20–30% буст до позицій.
4.1 Ієрархія URL
Хороший інтернет-магазин має логічну вкладеність:
- Головна:
site.com - Категорія:
site.com/vr - Підкатегорія:
site.com/vr/meta-quest-3 - Товар:
site.com/vr/meta-quest-3/kriplennia-bobovr-m3-pro
Або плоска структура (товар прямо в корені): site.com/kriplennia-bobovr-m3-pro. Обидва варіанти ОК, але важливо: вибрав один — тримайся.
На реальному grut.com.ua частина товарів у корені, частина в категоріях. Це непослідовно. Для нового сайту вибрав би одну схему. Для існуючого — переписувати не варто, але всі нові товари йдуть за єдиною логікою.
4.2 Хлібні крихти (breadcrumbs)
Це навігація типу «Головна → VR → Meta Quest 3 → Кріплення BoboVR M3 Pro». Маленька штука, але:
- Допомагає користувачу зрозуміти, де він на сайті
- Google бере її в видачу замість URL (виглядає красиво)
- З BreadcrumbList Schema-розміткою — додатковий + до SEO
4.3 Внутрішня перелінковка
Посилання з однієї сторінки твого сайту на іншу. Передає вагу. Коли Google бачить, що з 50 сторінок посилаються на одну — він розуміє, що ця сторінка важлива.
- На кожній картці товару — блок «З цим товаром купують» (3–5 товарів)
- На кожній картці — блок «Подібні товари»
- У SEO-тексті статті — посилання на товари, про які пишеш
- На головній — посилання на найважливіші категорії
Внутрішня перелінковка — це як представити друзів один одному. Google заходить у гості, бачить, що всі сторінки знають одна одну, і думає: «Ого, тут структура. Серйозний хлопець». Підвищує тебе у видачі.
Типові помилки on-page
Все, що тут написано, я бачив на справжніх сайтах. Місцями — на нашому grut.com.ua. Це не для того, щоб когось зганьбити — а тому, що на чужих помилках вчишся швидше і безболісніше.
Дублі сторінок
Той самий товар за двома різними URL. Google не розуміє, який показувати, і знижує позиції обом. Реальний приклад з grut: товар «KIWI Design Comfort для Meta Quest 3» з ID 403016 і 403019. Обидві живі. Знайшли 14 таких груп.
Typo в URL slug
Реально на grut: meta-quset-3, metaqquest-3, konstruktory-tecnhincs, a-403150. URL з помилкою не отримує ваги з прямого запиту. URL з помилкою — це як прізвище з помилкою в паспорті.
Сміттєві URL у другій мові
На grut російська версія: /ru/vapr-403080-ru, /ru/zariadka-403122-ru, /ru/1-403332-ru. Технічні плейсхолдери. Жодного семантичного навантаження. Тисячі URL зі сміттям тягнуть весь домен вниз.
Зображення без alt
Дві проблеми разом: alt порожній або image1.jpg, і картинка важить 5 МБ. Стискай (TinyPNG), використовуй WebP (на 30% легший за JPG), розмір під реальне відображення, lazy loading на всі картинки.
Категорії, що роками не оновлювались
Реальні lastmod на grut: /vr/meta-quest-2 — 26.05.2024, /vr/meta-quest-3 — 26.05.2024, /playstation — 20.07.2024. Майже 2 роки контент не правили. Quest 3s вийшов, PS5 Pro з'явилась — а текст той самий.
Брендові сторінки-привиди
На grut 31 брендова сторінка і всі — з шаблонним описом «Знайдіть офіційні продукти [бренд] за вигідними цінами в Grut». А запит «BoboVR купити Україна» має пристойний пошуковий обсяг. Втрачений трафік.
Відсутність блогу
Магазин без блогу втрачає 30–50% можливого трафіку. Інформаційні запити («як обрати кріплення для Quest 3») у 5–10 разів частіші за комерційні. Блог — місце для внутрішньої перелінковки і авторитету (E-E-A-T).
Картки без характеристик
Сайти з 3 рядками опису. Користувачу не вистачає інформації для рішення, конкуренти ранжуються вище, Google не може правильно категоризувати. Бренд, модель, сумісність, розміри, вага, матеріал, колір, гарантія.
Однакові title на пагінації
Категорія з 5 сторінок і всі мають один title. Як правильно: page 1 — «Аксесуари для Meta Quest 3 | Grut», page 2 — «...сторінка 2 | Grut». Або закрити пагінацію через canonical на першу сторінку.
Повільний сайт
Якщо сайт довше 3 секунд завантажується на мобільці — половина закриє вкладку. Причини: незаоптимізовані картинки, багато сторонніх скриптів, старий хостинг, без кешування і CDN, неоптимізований CSS/JS.
Робочий стек on-page SEO
Не такий великий список, як у лінкбілдингу, але без цих штук жити не можна.
Без GSC ти не SEO-спеціаліст. Це обов'язковий інструмент номер один. Якщо в клієнта його немає — твоя перша задача попросити доступ або під'єднати з нуля. До цього всі твої поради — це здогадки.
Покроковий план на перший місяць
Типова помилка джуна: прочитати гайд, сказати «зрозуміло» і не зробити нічого. On-page SEO вчиться руками — на реальному сайті. Знайди сайт (свій, друга, навіть демо) і пройди по плану.
Зрозуміти, з чим маєш справу
Налаштування + перший аудит
Підключи Google Search Console і GA4. Запусти Screaming Frog по всьому сайту. Збери звіти: дублі title, порожні H1, картинки без alt, 404. Перевір швидкість через PageSpeed (мобільну і десктоп).
Виправ те, що горить
Швидкі перемоги
Виправ помилки в URL slug (typo). Постав 301-редиректи з дублів на основні сторінки. Додай alt-теги до всіх зображень. Перевір canonical-теги — щоб правильно вказували на головний URL.
Перепиши обкладинки
10–20 найважливіших сторінок
Список 10–20 найважливіших сторінок (категорії + топ-товари). Для кожної — оновлений title (до 60 симв, з ключем, без шаблону) і description (до 160 симв, з CTA). В GSC попроси переіндексувати.
Додай м'ясо
Категорії + Schema-розмітка
SEO-текст для 5 найважливіших категорій (600–1000 слів). FAQ-блок на ці сторінки (4–6 питань кожна). Schema: Product для товарів, BreadcrumbList для всіх, FAQPage для блоків. Перевір через validator.schema.org.
Перетворюй на звичку
Робота на дистанції
Прохід по решті товарів і категорій — title, description, опис. Запусти блог — 1 стаття на тиждень. Налаштуй внутрішню перелінковку через блоки «З цим купують», «Подібні». Раз на тиждень — звіт по позиціях у GSC, аналіз поведінки в GA4.
Де вчитися далі
Те, що я сам читаю і перевіряю. Без афіліатних брехонь.
Це не магія і не разова робота
Щоразу, як додається товар
Title і description пишуться вручну. Не з шаблону, не «згенерувати автоматично». 2 хвилини на товар — це дешевше за втрачені позиції.
Щоразу, як публікується стаття
Внутрішні посилання продумані. На які товари? На які категорії? На які старі статті? Кожна публікація — це шанс підсилити те, що вже є.
Щомісяця — ревізія категорій
Не переписувати з нуля. Додати абзац про новинки. Оновити топ-бренди. Додати свіже FAQ. Google помічає такі оновлення і піднімає позиції.
Щоквартально — повний техаудит
Screaming Frog по всьому сайту. Що зламалось за квартал? Які 404? Які повільні сторінки? Дисципліна як у залі — пропустиш рік і зайдеш у видачу на 3-ту сторінку.
Хочеш такий же розбір твого сайту?
SEO-аудити, GSO-стратегія, AI SEO, on-page роботи. Я прогоню сайт через Screaming Frog, Ahrefs і власні чек-листи, складу план робіт на 2–3 місяці. Без води, з цифрами.