SEOCatalog — это структурированная база каталогов

Проект: SEOcatalog (seocatalog.com.ua)
Тип: SEO-платформа / каталог площадок + заявки и “корзина” (как в небольшом интернет-магазине)

Что сделано:

1) Сайт “с нуля” с быстрой SSR
• Реализована архитектура на Cloudflare Pages Functions (серверная генерация страниц).
• Страницы отдаются уже с готовой HTML-разметкой (SSR), поэтому сайт быстрый и хорошо индексируется.
• Структура кода — MVC: контроллеры собирают данные, вьюхи рендерят HTML, общие компоненты переиспользуются.

2) Каталог с разделами, карточками и фильтрами
• Главная страница каталога + страницы разделов (тематики) + страницы карточек (детали площадки).
• Фильтрация и сортировка (включая диапазон цен) с корректным поведением для SEO:
– для страниц с фильтрами устанавливается robots noindex,follow
– для “чистых” страниц — index,follow
• Подготовлены canonical URL, чтобы избегать дублей в поиске.

3) Корзина и оформление заявки (как в e-commerce)
• Добавлен сценарий выбора площадок в “корзину”.
• Реализована форма оформления заказа с валидацией (имя, контакт, комментарий, список позиций).
• На стороне бэкенда — нормализация полей, защита от некорректных данных, ограничения длин, стабильная обработка.

4) Интеграция с Google Sheets (CRM-подобный бэкофис)
• Подключен Google Apps Script API как “админ-панель” без отдельного бэкенда:
– заявки на добавление нового каталога → лист drafts
– заказы из корзины → лист orders
• Токен-доступ + проверки, чтобы нельзя было писать в таблицу без авторизации.
• Логи и статусы заказов/заявок хранятся в таблице для ручной обработки менеджером.

5) SEO-оптимизация “под поиск”
• Мета-теги: title/description, OpenGraph, Twitter Card.
• Dublin Core метаданные для усиления структуры документа.
• JSON-LD (Schema.org) для улучшения понимания карточек поисковыми системами/AI:
– Organization/LocalBusiness в зависимости от типа карточки
– sameAs (официальный сайт), url, description, address (если есть)
• Генерация sitemap.xml через функцию (под индексацию и быстрый crawl).

6) UX и мобильная адаптация
• Единый UI-слой на main.css + site-ui.js: модалки, меню/фильтры, поведение страницы.
• Исправление мобильных нюансов (скролл/оверлеи, состояние “no-scroll”, панели фильтров).
• Шаблоны страниц оформлены как “долгочит”, аккуратная типографика, правильные заголовки, списки.

7) Документация для быстрой работы с проектом
• Ведется реестр функций и соответствий “роут → файл → контроллер/вьюха” (function-registry.md),
чтобы быстро находить нужное место правок без перебора всего архива.

Результат для бизнеса
• Владелец получает быстрый SEO-дружественный каталог/магазиноподобный продукт, где:
– клиент может подобрать позиции (площадки), добавить в корзину, отправить заказ
– менеджер получает все в Google Sheets, без сложной админки
– поиск хорошо индексирует страницы благодаря SSR, мета-данным, sitemap и schema.org
• Решение легко масштабировать: добавление разделов, новых полей карточки, новых сценариев оплаты/кабинета.