Модуль 2 · Урок 4 · 7 хв

⚙️ Технічне здоров'я: швидкість, код і мобільна версія

Google витрачає колосальні ресурси на сканування. На твій домен виділено «краулінговий бюджет». Якщо сайт гальмує — бот піде не дочекавшись. 3 головні фактори.

Пошукова система — це бізнес, який витрачає колосальні обчислювальні потужності на сканування мільйонів сайтів. На кожен домен Google виділяє певний «краулінговий бюджет» — ліміт часу та серверних ресурсів бота.

🎯 Що станеться якщо сайт гальмує: якщо твій сайт завантажується по 10 секунд через важкі скрипти, неоптимізовані картинки або повільну відповідь бази даних — бот просто не дочекається відповіді. Він піде, так і не проіндексувавши твої нові сторінки.

Технічне здоров'я сайту — це фундамент SEO. Без нього навіть ідеальний контент і розмітка не допоможуть.

1️⃣ Швидкість завантаження — Core Web Vitals

Алгоритм жорстко пессимізує повільні ресурси. Користувачі не хочуть чекати.

📊 3 ключові метрики Core Web Vitals

LCP (Largest Contentful Paint) — за скільки секунд показується головний елемент. Має бути < 2.5 сек
INP (Interaction to Next Paint) — реакція на клік/тап. Має бути < 200 мс (замінив FID у 2024)
CLS (Cumulative Layout Shift) — чи не «стрибають» елементи при завантаженні. Має бути < 0.1

🛠 Як полагодити швидкість — практика

Оптимізація зображень — WebP замість JPG, lazy-loading, різні розміри під різні екрани
Кешування — HTTP-кеш + CDN (Cloudflare безкоштовно)
Мініфікація JS/CSS — видалити пробіли, об'єднати файли
Швидкий хостинг — VPS у потрібному регіоні, не shared-хостинг за $3/міс
HTTP/2 або HTTP/3 — мультиплексування запитів

Перевір себе: PageSpeed Insights (pagespeed.web.dev) — безкоштовно, дає детальні рекомендації.

2️⃣ Mobile-First Indexing

🎯 Головний шок для бізнесу: сьогодні для Google десктопної версії твого сайту більше не існує. Бот сканує і оцінює твій ресурс виключно так, як він виглядає на екрані смартфона.

Якщо на мобільному телефоні у тебе їде верстка, а кнопки налазять одна на одну — ти ніколи не потрапиш у ТОП, навіть з ідеальним десктопом.

📱 Що перевірити

Текст читається без зуму
Кнопки мінімум 48×48px (палець має влучати)
Не використовується горизонтальна прокрутка
Меню працює (бургер відкривається, посилання клікаються)
Форми заповнюються з мобільної клавіатури

Перевір себе: Mobile-Friendly Test в Google Search Console.

3️⃣ Безпека — HTTPS

Якщо сайт не використовує SSL-сертифікат і передає дані відкритим протоколом — Google позначить його як «небезпечний» і відріже велику частину трафіку.

Браузер (Chrome, Safari, Firefox) покаже червоний замок і попередження. Користувач втече до того, як побачить контент.

🎯 Хороші новини: SSL-сертифікат тепер безкоштовний. Let's Encrypt — стандарт індустрії. Більшість хостингів підключають однією кнопкою.

🔒 Чекліст HTTPS

SSL-сертифікат активний (зелений замок у браузері)
HTTP → HTTPS редирект налаштовано (301)
Mixed content виключено (немає HTTP-картинок на HTTPS-сторінці)
HSTS заголовок увімкнено (опціонально, плюс до безпеки)

🎓 Модуль 2 завершено!

Вітаю — ти освоїв внутрішню архітектуру сайту. Тепер ти розумієш:

Як збирати ключові слова (довгий хвіст > короткі запити)
Title / Description / H-теги — як боти читають сторінку
Schema.org розмітка для AI Overviews
BERT/MUM/Gemini розуміють мову — пиши для людей
Поведінкові метрики вирішують: Bounce Rate / Dwell Time
Core Web Vitals + Mobile-first + HTTPS — технічна база

🎯 Внутрішня оптимізація — це доведення твого ресурсу до інженерного ідеалу. Коли код чистий, структура зрозуміла, а контент б'є точно в ціль — алгоритм сам почне штовхати тебе нагору.

🎬 Що далі: Модуль 3 «Зовнішня оптимізація» — backlinks, авторитет, репутація домена. Як змусити інших посилатися на тебе. Скоро вийде.

→ Підпишись щоб дізнатися першим

← Урок 3: Контент До курсу →