Повне пояснення всіх рекомендацій, що це, чому це важливо та як це зробити.
Сайт повинен працювати на HTTPS із дійсним сертифікатом.
Сторінка повинна повертати код 200 і бути надійно доступною.
Кожна сторінка потребує унікального, влучного заголовка 50–60 символів.
Короткий опис сторінки (120–158 символів) під заголовком у результатах.
Ключові слова в <meta name="keywords">. Google їх ігнорує, Seznam.cz може враховувати.
Рівно один H1 і логічна ієрархія підзаголовків.
Зображення потребують alt-опису, сучасного формату та стиснення.
Meta viewport забезпечує правильне відображення на мобільному.
Атрибут lang на <html> визначає мову сторінки.
Повідомляє пошуковим системам, яка версія URL є головною.
Керує тим, що пошукові системи можуть сканувати й індексувати.
Керує тим, як виглядає посилання, поширене у Facebook, LinkedIn тощо.
Прев'ю посилання на платформі X (Twitter).
Машиночитані розмітки, які відкривають rich results.
Швидкість, це фактор ранжування і ключовий елемент UX.
Робочі посилання та осмислене внутрішнє перелінкування.
Іконка сайту у вкладці та в результатах на мобільному.
Короткі, читабельні та логічні адреси з ключовими словами.
Достатньо об'ємний, читабельний та унікальний контент.
Синхронний <script> блокує рендеринг, відкладіть його.
CSS та JS у заголовку, що гальмують перший рендеринг.
Великий CSS у заголовку затримує рендеринг.
Без стиснення передається зайво великий обсяг даних.
Стиснення не активне, увімкніть Gzip/Brotli.
Статичні файли мають зберігатися у відвідувача.
Зображення поза екраном завантажуйте лише при прокручуванні.
WebP та AVIF на 25–50 % менші за JPEG/PNG.
Час, поки сервер надішле перший байт відповіді.
Надто велика сторінка завантажується повільно.
Сторінка велика, полегшіть її.
Багато файлів = багато запитів = повільніший старт.
Об'єднайте та мініфікуйте стилі.
Великий JS затримує й навантажує процесор пристрою.
Надто багато HTML-елементів сповільнює рендеринг.
Кількість елементів перевищує розумну межу.
Багато style="..." погіршує кеш та підтримку.
Багато <script> прямо в HTML блокує й не кешується.
Без розмірів зображення макет стрибає (CLS).
Важливі ресурси можна завантажити раніше через rel="preload".
HTTP/2 та HTTP/3 швидші за старий HTTP/1.1.
Ніколи не забороняйте користувачу наближення сторінки.
Основний текст щонайменше 16px, дрібний, мінімум 12px.
Клікабельні елементи мають бути читабельними та легко натискатися.
Надавайте перевагу rem/em перед жорсткими px у розмірах шрифту.
Текст повинен мати достатній контраст (WCAG AA 4,5:1).
Зображення мають вміщатися на мобільному без горизонтального прокручування.
Список URL для пошукових систем, допомагає швидшій індексації.
Як сторінка виглядає в результатах Google.
Повідомляє Google, яка мовна версія належить якій аудиторії.
Google оцінює переважно мобільну версію (mobile-first).
HTTPS, заголовки безпеки та захист відвідувачів.
Короткі ланцюжки 301, жодних циклів.
Огляд CMS, фреймворків та бібліотек сайту.
Сайт, придатний для використання й людьми з інвалідністю.
Згода на cookies та захист персональних даних.
Правильні DNS-записи та дійсний SSL-сертифікат.
Посилання, що ведуть на 404, псують UX і сканування.
Щоб вас цитували ChatGPT, Gemini, Perplexity та інші.