Чому чеклист запуску — не формальність

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

Розбито на 7 блоків: контент → SEO → продуктивність → безпека → функціональність → аналітика → юридичне.

Блок 1: Контент

  • Немає Lorem ipsum — пройдіться кожною сторінкою, особливо блоки "переваги", "про нас", підвали карток

  • Актуальні контакти — телефон, email, адреса, графік роботи перевірені і правильні

  • Правопис і граматика — запустіть LanguageTool або Грамота.юа хоча б для головних сторінок

  • Правильні ціни та умови — якщо є прайс, він актуальний

  • Посилання робочі — перевірте внутрішні і зовнішні посилання. Інструмент: Broken Link Checker, Screaming Frog

  • Favicon встановлено — 32×32px і 180×180px (Apple touch icon), відображається у вкладці браузера

  • 404 сторінка — кастомна, з навігацією і кнопкою "На головну". Не технічна заглушка сервера

Блок 2: SEO

  • Title та meta description — унікальні для кожної сторінки, не порожні, не дублюються. Title: 50–60 символів. Description: 120–160 символів.

  • H1 на кожній сторінці — один H1, відповідає темі сторінки, не дублює Title

  • Sitemap.xml — згенерований і доступний за адресою /sitemap.xml. Містить всі публічні сторінки, актуальні дати.

  • Robots.txt — налаштований, не забороняє індексацію потрібних сторінок. Перевірте: /robots.txt

  • Canonical URL — тег <link rel="canonical"> є на всіх сторінках, вказує на правильну версію (з www або без, з / чи без)

  • hreflang — якщо сайт багатомовний, налаштуйте теги мовних альтернатив для кожної сторінки

  • Google Search Console — сайт доданий, sitemap відправлений, немає критичних помилок

  • Alt-тексти зображень — всі значущі зображення мають описовий alt-атрибут

  • Schema.org розмітка — LocalBusiness, BreadcrumbList, або інша відповідна. Перевірте через Google Rich Results Test

Блок 3: Продуктивність

  • Google PageSpeed Insights — мобільний бал ≥70, desktop ≥85. Виправте критичні рекомендації

  • Зображення оптимізовані — конвертовані у WebP або AVIF, стиснуті без втрати якості. Інструменти: Squoosh, ImageOptim, libwebp

  • Lazy loading — зображення нижче першого екрану мають атрибут loading="lazy"

  • CSS і JS мінімізовані — у production зібрані через npm run build або аналог

  • Кешування налаштоване — статичні файли (CSS, JS, зображення) кешуються браузером. Перевірте заголовки Cache-Control

  • Шрифти оптимізовані — font-display: swap, завантаження лише необхідних начертань

Блок 4: Безпека

  • SSL-сертифікат — HTTPS увімкнено, замок відображається. Redirect з http:// на https:// налаштований

  • HTTP Security Headers — перевірте через securityheaders.com:

    • X-Content-Type-Options: nosniff

    • X-Frame-Options: SAMEORIGIN

    • Referrer-Policy: strict-origin-when-cross-origin

    • Content-Security-Policy — базова конфігурація

  • Оновлення CMS і плагінів — WordPress, Drupal та всі плагіни оновлені до актуальних версій

  • Пароль адмінки — не admin/admin, унікальний, у менеджері паролів

  • Резервне копіювання — перша резервна копія зроблена, розклад бекапів налаштований (щоденно або щотижня)

Блок 5: Функціональність

  • Форми протестовані — кожна форма відправляє дані, відповідальна особа отримала тестовий лист, повідомлення про успіх відображається

  • Email-підтвердження — автоматичний лист клієнту після заповнення форми відправляється коректно, не потрапляє у спам

  • Мобільна версія — перевірена на реальному пристрої (не тільки в DevTools). iOS Safari + Chrome Android — мінімум

  • Кросбраузерне тестування — Chrome, Firefox, Safari, Edge. Інструмент: BrowserStack або реальні пристрої

  • Пошук по сайту — якщо є, повертає релевантні результати і не ламається на спецсимволах

  • Open Graph теги — og:title, og:description, og:image (мінімум 1200×630px) налаштовані. Перевірте через Facebook Sharing Debugger або Telegram (відправте посилання у чат)

  • Twitter/X Card теги — twitter:card, twitter:title, twitter:image

Блок 6: Аналітика

  • Google Analytics 4 — код встановлений, дані надходять (перевірте Realtime звіт). Якщо є — налаштовані події: кліки по CTA, відправка форм

  • Google Tag Manager — якщо використовується, контейнер опублікований у production режимі

  • Goals/Conversions — налаштований хоча б один конверсійний івент (відправка форми, дзвінок, покупка)

Блок 7: Юридичне

  • Політика конфіденційності — обов'язкова якщо збираєте будь-які персональні дані. Має містити: що збираєте, як використовуєте, права користувача

  • Cookie notice — якщо є Google Analytics або інші трекери, потрібне сповіщення про cookies (особливо для аудиторії з ЄС)

  • Умови використання — для e-commerce та SaaS обов'язково. Для звичайного корпоративного сайту — бажано

  • Реквізити компанії — ФОП або юридична особа: назва, ЄДРПОУ/ІПН, адреса — у футері або на сторінці контактів

Що робити після запуску

  • Перший тиждень: щодня перевіряйте Google Search Console на помилки індексації

  • Перший місяць: слідкуйте за Core Web Vitals в GSC, виправляйте проблеми

  • Пам'ятайте про оновлення: CMS, плагіни, сертифікат SSL (якщо не автопродовження)

Потрібна допомога з передзапусковим аудитом або виправленням знайдених проблем? Ми проведемо повну перевірку і підготуємо сайт до запуску.