OSAKO — бренд медицинской и реабилитационной техники в Алматы с доставкой по Казахстану: кислородные концентраторы, оборудование для ухода за лежачими, реабилитации после инсульта и для детей с ДЦП. Клиенты — семьи, которые ухаживают за близкими дома, клиники и партнёры.
Задача
Сайт на Next.js достался нам уже работающим, но с серьёзными проблемами: главная весила 25 МБ, потому что оптимизация картинок была выключена; шапка и заголовок оставались невидимыми до загрузки скриптов; несуществующие адреса отвечали 200, а русский title перебивал переводы на другие языки. Нужно было ускорить сайт, привести в порядок пять языковых версий и разметку товаров, наполнить каталог и наладить работу с заказами.
Что сделали
- Пять языковых версий — русская, английская, казахская, узбекская и китайская: canonical и полный набор hreflang на каждой странице, свой title и описание.
- Первый экран рисуется без ожидания JavaScript.
- Картинки отдаются в AVIF и WebP: PNG на 1,2 МБ превращается в 16 КБ. Фото сжимаются при загрузке, архив облегчён с 20,9 до 10,2 МБ.
- Честный ответ 404 для несуществующих адресов, три недостающие категории и навигация по ним.
- Наполнили карточки товаров и категорий по материалам заказчика.
- Разметка schema.org: Organization, Product с ценой со скидкой и политикой возврата, рейтинг, ItemList, Article, BreadcrumbList. Исправлены ошибки в отчёте Search Console о товарах.
- Юридические страницы: оферта, конфиденциальность, доставка, оплата, гарантия, возврат, реквизиты и сертификаты.
- Админка: товары, категории с SEO-текстами, статьи с SEO-проверкой, акции с всплывающим окном, заказы, заявки, отзывы, сертификаты, клиники, выставки, сервисные точки, видео, команда.
- Корзина и оформление заказа.
- Telegram-бот: заказ или заявка приходит карточкой с источником визита, статус меняется прямо в чате.
- sitemap с картинками, llms.txt и фид товаров для Google Merchant Center.
- Выкладка через проверяемую сборку-кандидата с резервной копией перед каждым обновлением.
Цифры проекта
- Список статей: с 962 до 73 КБ.
- 895 страниц в карте сайта — по 179 на каждый из пяти языков — и 2 390 картинок.
- На каждом языке: 17 категорий, 71 товар, 64 статьи.
- 20 автоматических проверок перед каждой выкладкой.
Технологии
Next.js 16, React 19, Tailwind CSS 4, PostgreSQL + Prisma, редактор TipTap, Docker Compose, nginx.