coresmith.dev
← Все работы

Elegance Transfer — бронирование на четырёх языках

Сайт · трансферный оператор4 языкаодинв работеОткрыть сайт
elegance-transfer.com
Главная elegance-transfer.com на русском: тёмный первый экран с седаном ночью, заголовок «Люкс и комфорт в каждой поездке» и кнопка бронирования.
Проблема

Шесть коридоров, продаваемых четырём языковым рынкам.

Elegance возит по коридору Молдова — Украина — Румыния: аэропорт, междугородние трансферы, перегон автомобилей. Клиенты приходят на русском, румынском, английском и украинском, а тот, кто ищет конкретный маршрут, не получает ответа от главной страницы, которая перечисляет все сразу.

Подход

Каждый маршрут — своя страница, на каждом языке.

Кишинёв — Одесса, Бухарест, Яссы, Киев, Львов и Черновцы: у каждого своя страница, и каждая существует на всех четырёх языках со своим адресом. Поиск одного коридора приводит на страницу этого коридора.

Форма бронирования пишет в базу и отправляет заявку в Telegram, где диспетчер и так работает. Ни второго инструмента, ни дашборда, который надо осваивать.

Архитектура

Четыре локали на уровне поля, Telegram вместо консоли.

Vite и React, i18next держит четыре языка поле за полем, поэтому страница может быть готова на одном и в работе на другом, ничего не ломая. За ними Express и MySQL плюс Telegram-бот, принимающий каждую заявку.

После каждого деплоя headless-браузер рендерит все 248 маршрутов в статический HTML, поэтому каждая страница маршрута и каждая машина доходят до краулера со своими мета и JSON-LD, а не пустой оболочкой.

ReactViteTypeScriptTailwindi18nextExpressMySQLTelegram Bot APIPuppeteer prerenderJSON-LD
Результат

248 маршрутов, четыре языка, все индексируются.

1,3 скрупнейшая отрисовка
248маршрутов в пререндере
4языка

Измерено на живом сайте: 1,3 с до крупнейшей отрисовки и сдвиг макета 0,001, причём каждый из четырёх языков индексируется отдельно.

Нужно что-то похожее?

Начать проект