Довідка та документація

Повне пояснення всіх рекомендацій — що це, чому це важливо та як це зробити.

БезпекаКритичний вплив

HTTPS / захищене з'єднання

Сайт повинен працювати на HTTPS із дійсним сертифікатом.

БезпекаКритичний вплив

HTTP-код статусу та доступність

Сторінка повинна повертати код 200 і бути надійно доступною.

SEOКритичний вплив

Title tag (заголовок сторінки)

Кожна сторінка потребує унікального, влучного заголовка 50–60 символів.

SEOВисокий вплив

Meta description

Короткий опис сторінки (120–158 символів) під заголовком у результатах.

SEOНизький вплив

Meta keywords (Seznam.cz)

Ключові слова в <meta name="keywords">. Google їх ігнорує, Seznam.cz може враховувати.

SEOВисокий вплив

Заголовки H1–H6 (структура)

Рівно один H1 і логічна ієрархія підзаголовків.

SEOСередній вплив

Зображення та alt-тексти

Зображення потребують alt-опису, сучасного формату та стиснення.

UX / UIКритичний вплив

Viewport / мобільне відображення

Meta viewport забезпечує правильне відображення на мобільному.

SEOСередній вплив

Декларація мови (lang)

Атрибут lang на <html> визначає мову сторінки.

SEOВисокий вплив

Канонічний URL (canonical)

Повідомляє пошуковим системам, яка версія URL є головною.

SEOКритичний вплив

Robots (індексація та robots.txt)

Керує тим, що пошукові системи можуть сканувати й індексувати.

SEOСередній вплив

Open Graph (прев'ю в соціальних мережах)

Керує тим, як виглядає посилання, поширене у Facebook, LinkedIn тощо.

SEOНизький вплив

Twitter Cards

Прев'ю посилання на платформі X (Twitter).

GEO / AIВисокий вплив

Структуровані дані (Schema.org)

Машиночитані розмітки, які відкривають rich results.

ШвидкістьВисокий вплив

Швидкість завантаження

Швидкість — це фактор ранжування і ключовий елемент UX.

SEOСередній вплив

Посилання (внутрішні та зовнішні)

Робочі посилання та осмислене внутрішнє перелінкування.

SEOНизький вплив

Favicon

Іконка сайту у вкладці та в результатах на мобільному.

SEOСередній вплив

Структура URL

Короткі, читабельні та логічні адреси з ключовими словами.

SEOВисокий вплив

Якість та довжина контенту

Достатньо об'ємний, читабельний та унікальний контент.

ШвидкістьВисокий вплив

Defer / async на скриптах

Синхронний <script> блокує рендеринг — відкладіть його.

ШвидкістьВисокий вплив

Блокуючі ресурси (render-blocking)

CSS та JS у заголовку, що гальмують перший рендеринг.

ШвидкістьВисокий вплив

Обмеження блокуючого CSS

Великий CSS у заголовку затримує рендеринг.

ШвидкістьВисокий вплив

Стиснення відповідей (Gzip/Brotli)

Без стиснення передається зайво великий обсяг даних.

ШвидкістьВисокий вплив

Увімкнення стиснення

Стиснення не активне — увімкніть Gzip/Brotli.

ШвидкістьСередній вплив

Кеш у браузері

Статичні файли мають зберігатися у відвідувача.

ШвидкістьСередній вплив

Lazy loading зображень

Зображення поза екраном завантажуйте лише при прокручуванні.

ШвидкістьСередній вплив

Сучасні формати зображень (WebP/AVIF)

WebP та AVIF на 25–50 % менші за JPEG/PNG.

ШвидкістьВисокий вплив

TTFB — відповідь сервера

Час, поки сервер надішле перший байт відповіді.

ШвидкістьВисокий вплив

Загальна вага сторінки

Надто велика сторінка завантажується повільно.

ШвидкістьВисокий вплив

Зниження ваги сторінки

Сторінка велика — полегшіть її.

ШвидкістьСередній вплив

Кількість HTTP-запитів

Багато файлів = багато запитів = повільніший старт.

ШвидкістьНизький вплив

Менше CSS-файлів

Об'єднайте та мініфікуйте стилі.

ШвидкістьСередній вплив

Менше й менший JavaScript

Великий JS затримує й навантажує процесор пристрою.

ШвидкістьСередній вплив

Розмір DOM

Надто багато HTML-елементів сповільнює рендеринг.

ШвидкістьСередній вплив

Надмірний DOM

Кількість елементів перевищує розумну межу.

ШвидкістьНизький вплив

Inline-стилі

Багато style="..." погіршує кеш та підтримку.

ШвидкістьНизький вплив

Inline-скрипти

Багато <script> прямо в HTML блокує й не кешується.

ШвидкістьСередній вплив

Розміри зображень (width/height)

Без розмірів зображення макет стрибає (CLS).

ШвидкістьНизький вплив

Попереднє завантаження ключових ресурсів (preload)

Важливі ресурси можна завантажити раніше через rel="preload".

ШвидкістьСередній вплив

Версія протоколу HTTP

HTTP/2 та HTTP/3 швидші за старий HTTP/1.1.

UX / UIВисокий вплив

Заблоковане масштабування сторінки

Ніколи не забороняйте користувачу наближення сторінки.

UX / UIВисокий вплив

Надто дрібний шрифт

Основний текст щонайменше 16px, дрібний — мінімум 12px.

UX / UIСередній вплив

Читабельність та розмір посилань/кнопок

Клікабельні елементи мають бути читабельними та легко натискатися.

UX / UIНизький вплив

Відносні одиниці шрифту (rem/em проти px)

Надавайте перевагу rem/em перед жорсткими px у розмірах шрифту.

UX / UIВисокий вплив

Контраст тексту до тла

Текст повинен мати достатній контраст (WCAG AA 4,5:1).

UX / UIСередній вплив

Адаптивні зображення

Зображення мають вміщатися на мобільному без горизонтального прокручування.

SEOСередній вплив

XML Sitemap

Список URL для пошукових систем — допомагає швидшій індексації.

SEOСередній вплив

Прев'ю в результатах (SERP snippet)

Як сторінка виглядає в результатах Google.

SEOСередній вплив

Hreflang (багатомовні сайти)

Повідомляє Google, яка мовна версія належить якій аудиторії.

UX / UIКритичний вплив

Мобільна дружність

Google оцінює переважно мобільну версію (mobile-first).

БезпекаВисокий вплив

Безпека сайту

HTTPS, заголовки безпеки та захист відвідувачів.

SEOСередній вплив

Перенаправлення (редиректи)

Короткі ланцюжки 301, жодних циклів.

SEOНизький вплив

Використані технології

Огляд CMS, фреймворків та бібліотек сайту.

UX / UIВисокий вплив

Доступність (WCAG)

Сайт, придатний для використання й людьми з інвалідністю.

БезпекаСередній вплив

Cookies та GDPR

Згода на cookies та захист персональних даних.

БезпекаСередній вплив

DNS та SSL-сертифікат

Правильні DNS-записи та дійсний SSL-сертифікат.

SEOСередній вплив

Непрацюючі посилання (broken links)

Посилання, що ведуть на 404, псують UX і сканування.

GEO / AIВисокий вплив

GEO — оптимізація для AI-пошукових систем

Щоб вас цитували ChatGPT, Gemini, Perplexity та інші.