Контрольний список веб-розробника

Базова якість і сумісність

Обов’язково

Перевірити непрацюючі посилання та помилкові HTTP-статуси

Корисні ресурси

W3C Link Checker

Перевірити правопис, граматику, термінологію та послідовність мови

Корисні ресурси

EU Web Guide — Writing for the web

Перевірити підтримувані evergreen-браузери та ключові сценарії

Корисні ресурси

BrowserStack

Налаштувати єдиний canonical host і постійні редиректи HTTP→HTTPS / www↔non-www

Корисні ресурси

Google Search — Canonicalization

Responsive і мобільні пристрої

Обов’язково

Перевірити responsive layout у реальних viewport-розмірах і Lighthouse

Корисні ресурси

Перевірити viewport, масштабування до 400% і відсутність горизонтального overflow

Корисні ресурси

Використати семантичні input type, autocomplete та inputmode

Корисні ресурси

Протестувати критичні сценарії на реальних мобільних пристроях

Корисні ресурси

BrowserStack Real Device Cloud

Моніторинг, аналітика і приватність

Обов'язково

Налаштувати uptime, synthetic monitoring і сповіщення про збої

Корисні ресурси

Перевірити аналітику, consent/privacy налаштування та відсутність зайвого збору даних

Корисні ресурси

SEO

Обов'язково

Перевірити Google structured data у Rich Results Test

Корисні ресурси

Перевірити robots.txt і правила crawl-доступу

Корисні ресурси

Google Search — robots.txt

Перевірити XML sitemap, canonical URL і статуси URL у sitemap

Корисні ресурси

Google Search — Sitemaps

Якість коду і tooling

Обов'язково

Перевірити HTML валідатором і виправити error-level проблеми

Корисні ресурси

Nu HTML Checker

Перевірити CSS валідатором і відсутність помилкових/застарілих декларацій

Корисні ресурси

W3C CSS Validator

Запустити Stylelint для статичного аналізу CSS

Корисні ресурси

Stylelint

Запустити ESLint для статичного аналізу JavaScript

Корисні ресурси

ESLint

Перевірити lang/dir, локалізацію, формати дат/чисел і готовність до перекладу

Корисні ресурси

Доступність

Обов'язково

Провести автоматизований і ручний аудит доступності за WCAG 2.2 AA

Корисні ресурси

Перевірити контраст, reflow, text spacing і масштабування 200–400%

Корисні ресурси

Пройти весь інтерфейс лише клавіатурою: видимий focus, логічний порядок, коректні accessible names/ARIA

Корисні ресурси

Продуктивність і Core Web Vitals

Обов'язково

Перевірити Core Web Vitals: LCP, INP і CLS у lab та field data

Корисні ресурси

Оптимізувати кешування, compression, HTTP/2/3 і критичний шлях завантаження

Корисні ресурси

Оптимізувати зображення: AVIF/WebP, srcset/sizes, dimensions і коректний lazy loading

Корисні ресурси

Надійність і UX

Обов'язково

Перевірити feature support і progressive enhancement для цільових браузерів

Корисні ресурси

Перевірити 404/410/5xx сторінки, правильні HTTP-статуси та шлях відновлення для користувача

Корисні ресурси

Google Search — HTTP status codes

Перевірити favicon, touch icons і web app manifest там, де він потрібен

Корисні ресурси

MDN — Web app manifests

Перевірити зрозумілі URL, canonical, redirects і відсутність дубльованих URL

Корисні ресурси

Перевірити друк/експорт: зміст читається, навігаційний шум приховано, URL/дані не втрачаються

Корисні ресурси

MDN — Printing

Семантика і structured data

Обов'язково

Додавати Schema.org лише там, де вона точно описує видимий контент

Корисні ресурси

Валідувати structured data окремо у Schema Markup Validator і Google Rich Results Test

Корисні ресурси

Безпека і privacy

Обов'язково

Перевірити security headers: CSP, Referrer-Policy, Permissions-Policy і X-Content-Type-Options

Корисні ресурси

Перевірити захист від XSS: output encoding, safe DOM APIs, sanitization і CSP

Корисні ресурси

OWASP XSS Prevention Cheat Sheet

Перевірити CSRF-захист і cookie flags: Secure, HttpOnly, SameSite

Корисні ресурси

Додатково

Примусово використовувати HTTPS і перевірити сучасну TLS-конфігурацію

Корисні ресурси

Перевірити залежності на відомі вразливості та прибрати непотрібні/застарілі пакети

Корисні ресурси

Обмежити сторонні ресурси: CSP, Subresource Integrity і мінімальні зовнішні залежності

Корисні ресурси

Пошукові та соціальні preview

Додатково

Перевірити пошукові preview/structured data на production URL

Корисні ресурси

Перевірити Open Graph metadata: title, description, image та canonical URL

Корисні ресурси

Open Graph Protocol

Перевірити X/Twitter Card metadata та fallback на Open Graph

Корисні ресурси

X Cards markup

Перевірити social sharing preview і кеш метаданих на основних платформах

Корисні ресурси

Facebook Sharing Debugger

Design system

Додатково

Перевірити відповідність актуальній design system: версії assets, component markup/API, accessibility та відсутність дублювання design tokens

Корисні ресурси

Контрольний список веб-розробника

Прогрес

Базова якість і сумісність

Обов’язково

Responsive і мобільні пристрої

Обов’язково

Моніторинг, аналітика і приватність

Обов'язково

SEO

Обов'язково

Якість коду і tooling

Обов'язково

Доступність

Обов'язково

Продуктивність і Core Web Vitals

Обов'язково

Надійність і UX

Обов'язково

Семантика і structured data

Обов'язково

Безпека і privacy

Обов'язково

Додатково

Пошукові та соціальні preview

Додатково

Design system

Додатково