CapyPicks.com — Чеклист готовности

Как использовать

Перед деплоем пройтись по каждому пункту.

• ✅ = проверено, ОК
• ❌ = проблема, нужен фикс
• ⏭️ = пропущено (не критично для MVP)

1. Структура и сборка

1.1 Проект собирается

• [ ] npm install без ошибок
• [ ] npm run build без ошибок
• [ ] npm run dev запускает dev-сервер
• [ ] Все страницы генерируются в _site/

1.2 Файловая структура

• [ ] Все шаблоны в layouts/
• [ ] Все компоненты в includes/
• [ ] Контент в content/
• [ ] Статика в assets/
• [ ] Изображения оптимизированы

2. Страницы и навигация

2.1 Все страницы доступны

• [ ] Главная (/)
• [ ] About (/about/)
• [ ] How We Choose (/how-we-choose/)
• [ ] Все pillar pages открываются
• [ ] Все cluster pages открываются
• [ ] 404 страница работает

2.2 Навигация

• [ ] Лого ведёт на главную
• [ ] Меню работает на десктопе
• [ ] Меню работает на мобильном (hamburger)
• [ ] Breadcrumbs корректные на всех страницах
• [ ] Footer ссылки работают

2.3 Внутренние ссылки

• [ ] Pillar → Cluster ссылки работают
• [ ] Cluster → Pillar обратные ссылки есть
• [ ] Нет битых ссылок (проверить линтером)
• [ ] Якорные ссылки в оглавлении работают

3. SEO Technical

3.1 Meta Tags (проверить на каждой странице)

• [ ] Title уникальный и < 60 символов
• [ ] Description уникальный и < 160 символов
• [ ] Canonical URL корректный
• [ ] Нет duplicate titles

3.2 Open Graph

• [ ] og:title задан
• [ ] og:description задан
• [ ] og:image задан (абсолютный URL)
• [ ] og:url задан
• [ ] Twitter card meta tags

3.3 Schema Markup (проверить в Google Rich Results Test)

• [ ] Article schema на guide pages
• [ ] ItemList schema на списках
• [ ] BreadcrumbList на всех страницах
• [ ] FAQPage schema где есть FAQ
• [ ] Нет ошибок валидации schema

3.4 Технические файлы

• [ ] robots.txt доступен (/robots.txt)
• [ ] sitemap.xml доступен (/sitemap.xml)
• [ ] Все страницы в sitemap
• [ ] Нет noindex на нужных страницах

4. Контент

4.1 Качество текста

• [ ] Нет lorem ipsum / placeholder текста
• [ ] Нет грамматических ошибок (проверить Grammarly)
• [ ] Уникальный контент (не скопирован)
• [ ] E-E-A-T сигналы присутствуют

4.2 Структура статей

• [ ] H1 один на странице
• [ ] Иерархия заголовков (H1 → H2 → H3)
• [ ] Quick answer в начале
• [ ] Comparison table присутствует
• [ ] FAQ секция есть
• [ ] CTA / affiliate ссылки работают

4.3 Изображения

• [ ] Все изображения загружаются
• [ ] Alt тексты заданы для всех img
• [ ] Capy маскот присутствует
• [ ] Hero images на pillar pages
• [ ] Нет битых изображений

5. Дизайн и UX

5.1 Визуал

• [ ] Цветовая схема консистентна
• [ ] Шрифты читаемые
• [ ] Достаточный контраст (accessibility)
• [ ] Capy брендинг присутствует
• [ ] Favicon отображается

5.2 Респонсив

• [ ] Desktop (1920px) — ОК
• [ ] Laptop (1366px) — ОК
• [ ] Tablet (768px) — ОК
• [ ] Mobile (375px) — ОК
• [ ] Нет горизонтального скролла на мобильном

5.3 UX элементы

• [ ] Кнопки кликабельные (достаточный размер)
• [ ] Ссылки визуально отличаются
• [ ] Таблицы скроллятся на мобильном
• [ ] Изображения не выходят за границы

6. Производительность

6.1 Core Web Vitals (проверить PageSpeed Insights)

• [ ] LCP < 2.5s (Largest Contentful Paint)
• [ ] INP < 200ms (Interaction to Next Paint)
• [ ] CLS < 0.1 (Cumulative Layout Shift)
• [ ] Performance score > 90

6.2 Оптимизация

• [ ] CSS минифицирован
• [ ] Изображения в WebP формате
• [ ] Lazy loading для изображений ниже fold
• [ ] Нет unused CSS (или минимум)
• [ ] Gzip/Brotli сжатие работает

6.3 Размеры

• [ ] HTML страницы < 100KB
• [ ] CSS бандл < 50KB
• [ ] Изображения < 200KB каждое
• [ ] Total page weight < 1MB

7. Функциональность

7.1 Интерактив

• [ ] Мобильное меню открывается/закрывается
• [ ] Accordion в FAQ работает (если есть)
• [ ] Smooth scroll работает
• [ ] Копирование текста работает

7.2 Внешние ссылки

• [ ] Affiliate ссылки открываются в новой вкладке
• [ ] rel="nofollow sponsored" на affiliate ссылках
• [ ] Внешние ссылки работают

8. Безопасность и доступность

8.1 Безопасность

• [ ] HTTPS работает
• [ ] Нет mixed content (http на https странице)
• [ ] Нет exposed API keys / secrets

8.2 Доступность (a11y)

• [ ] Alt тексты на изображениях
• [ ] Достаточный цветовой контраст
• [ ] Фокус виден при tab-навигации
• [ ] Skip to content ссылка (желательно)
• [ ] Aria labels где нужно

9. Деплой

9.1 Cloudflare Pages

• [ ] Репозиторий подключён
• [ ] Build command правильный
• [ ] Output directory правильный (_site)
• [ ] Деплой проходит без ошибок

9.2 DNS

• [ ] A record / CNAME настроен
• [ ] www редиректит на основной домен
• [ ] SSL сертификат активен

9.3 Проверка после деплоя

• [ ] Сайт открывается по https://capypicks.com
• [ ] Все страницы доступны на проде
• [ ] Изображения загружаются
• [ ] Нет console errors

10. Аналитика и вебмастер

10.1 Google

• [ ] Google Search Console подключён
• [ ] Sitemap отправлен в GSC
• [ ] Google Analytics 4 установлен
• [ ] GA4 tracking работает (проверить realtime)

10.2 Дополнительно

• [ ] Bing Webmaster Tools (опционально)
• [ ] Запрос на индексацию главной отправлен

Quick Validation Commands

# Проверить битые ссылки
npx broken-link-checker https://capypicks.com

# Проверить HTML валидность
npx html-validate "_site/**/*.html"

# Lighthouse CLI
npx lighthouse https://capypicks.com --output html

# Schema валидация
# https://validator.schema.org/
# https://search.google.com/test/rich-results

Критические блокеры (не деплоить если)

❌ Сайт не собирается
❌ Главная страница не открывается
❌ Нет SSL сертификата
❌ Есть placeholder/lorem ipsum текст
❌ Битые изображения маскота
❌ Schema markup с ошибками
❌ LCP > 4 секунд

Sign-off