Реалізація SEO-оптимізації сайту (On-Page)

Реалізація SEO-оптимізації сайту (On-Page)

On-Page SEO — сукупність технічних та контентних оптимізацій безпосередньо на сторінках сайту. На відміну від off-page (посилаючи профіль), on-page повністю в зоні контролю розробників.

Технічна частина

Коректна структура URL:

• Зрозумілі людиною URL: /catalog/muzhskaya-obuv/krossovki замість /index.php?cat=15&sub=3
• Нижнє підкреслення vs дефіс: Google рекомендує дефіс (smart-phone, не smart_phone)
• Транслітерація для кирилиці або семантичні англійські URL

Мета-теги:

<title>Купити кросівки чоловічі — низькі ціни, доставка | МійМагазин</title>
<meta name="description" content="Широкий вибір чоловічих кросівок від провідних брендів. Більше 500 моделей. Доставка за 1-2 дні по всій Україні.">

Заголовки H1–H6:

• Один H1 на сторінці, містить головний ключовий запит
• H2–H4 — логічна ієрархія, не дублюють H1
• Не використовувати заголовки для стилізації — тільки для структури

Зображення:

<img src="/images/krossovki-nike-air-max.webp"
     alt="Кросівки Nike Air Max 90 білі чоловічі"
     width="800" height="600"
     loading="lazy">

Структуровані дані JSON-LD

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Product",
    "name": "Кросівки Nike Air Max 90",
    "image": "https://example.ru/images/nike-air-max.webp",
    "description": "Класичні кросівки Nike Air Max 90...",
    "brand": { "@type": "Brand", "name": "Nike" },
    "offers": {
        "@type": "Offer",
        "price": "8990",
        "priceCurrency": "UAH",
        "availability": "https://schema.org/InStock"
    },
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.7",
        "reviewCount": "143"
    }
}
</script>

Внутрішня перелінковка

Системна перелінковка — не вручну розставлені посилання, а автоматичні:

• "Подібні товари" на сторінці товару
• "З цим купують" на основі даних про замовлення
• "Читайте також" в блозі — пов'язані статті за тегами
• Хлібні крошки на всіх сторінках

Швидкість завантаження як фактор рейтингу

Core Web Vitals прямо впливають на позиції:

• LCP (Largest Contentful Paint) < 2.5s — оптимізація головного зображення
• INP (Interaction to Next Paint) < 200ms — мінімізація JS-блокування
• CLS (Cumulative Layout Shift) < 0.1 — резервування місця під зображення

Мобільна версія

Google використовує mobile-first indexing — індексує мобільну версію. Вимоги:

• Viewport meta tag: <meta name="viewport" content="width=device-width, initial-scale=1">
• Текст читаємо без масштабування
• Кликабельні елементи не менше 48×48px
• Немає горизонтального скролу

Дублювання контенту

Джерела дублів:

• http:// vs https:// — 301 редирект на HTTPS
• www. vs без www. — вибрати один варіант, canonical
• /page/ vs /page (слеш в кінці) — уніфікувати
• Пагінація — canonical на першу сторінку або rel="next/prev"

Час робіт: 1–2 тижні для технічного аудиту та реалізації базових on-page оптимізацій.