Почему сайт на Next.js лучше Tilda для бизнеса — честное сравнение
Tilda — хороший инструмент. Мы честно рекомендуем его в ряде случаев. Но у него есть конкретный потолок, который критичен для бизнеса, которому нужны клиенты из Google. Разберём детально — с цифрами и реальными кейсами.
Скорость загрузки: почему это важнее, чем кажется
Google официально подтвердил: скорость загрузки — фактор ранжирования. Core Web Vitals (LCP, CLS, FID) напрямую влияют на позиции в поиске.
Tilda генерирует код, который хорошо выглядит в конструкторе, но тяжёл при загрузке. Типичный сайт на Tilda:
- Загружает несколько мегабайт CSS и JS, большая часть которых не нужна на текущей странице
- Не поддерживает code splitting — всё загружается разом
- Изображения не оптимизируются автоматически под размер экрана устройства
- Нет серверного рендеринга — браузер должен выполнить JavaScript, прежде чем показать контент
Next.js решает каждый из этих пунктов:
Code splitting: каждая страница загружает только нужный JavaScript. Пользователь открывает главную — загружается только код главной, без лишнего.
Image Optimization: компонент <Image> автоматически сжимает изображения, конвертирует в WebP, отдаёт нужный размер под каждое устройство (мобильный получает изображение 400px, десктоп — 1200px).
SSR/SSG: страница рендерится на сервере и приходит браузеру уже готовым HTML. Google-бот видит контент мгновенно, без ожидания JavaScript.
Реальный кейс из Бишкека: бизнес-центр с портфолио проектов мигрировал с Tilda на Next.js.
Tilda (до миграции):
├── PageSpeed (мобильный): 34
├── LCP: 6.2 секунды
├── CLS: 0.31 (нестабильная вёрстка)
└── FID: 280ms
Next.js (после миграции):
├── PageSpeed (мобильный): 91
├── LCP: 1.4 секунды
├── CLS: 0.02 (стабильно)
└── FID: 18ms
Результат: органический трафик из Google +60% за 4 месяца. Без изменения контента — только за счёт скорости.
SEO: где Tilda имеет конструктивные ограничения
Мета-теги и canonical
На Tilda вы задаёте мета-теги вручную для каждой страницы через интерфейс. Для 10 страниц — нормально. Для каталога из 500 товаров — невозможно.
Next.js генерирует мета-теги динамически для каждой страницы программно:
// Каждая страница товара получает уникальные мета-теги автоматически
export async function generateMetadata({ params }) {
const product = await getProduct(params.slug);
return {
title: `${product.name} — купить в Бишкеке | Цена ${product.price} сом`,
description: product.description,
alternates: {
canonical: `https://example.kg/catalog/${params.slug}`,
languages: { 'ru': `/catalog/${params.slug}`, 'ky': `/ky/catalog/${params.slug}` }
}
};
}
Одна функция — и все 500 страниц товаров получают уникальные SEO-мета-теги с правильными canonical и hreflang.
Schema.org разметка
Schema.org — структурированные данные, которые помогают Google показывать расширенные сниппеты: звёзды рейтинга, цены, хлебные крошки, FAQ прямо в результатах поиска.
На Tilda Schema.org — это ручной JSON-LD код, который вставляется через «кастомный HTML» блок. Работает частично, без динамических данных.
В Next.js Schema.org интегрируется в компоненты и получает реальные данные:
// Разметка для страницы услуги
const schema = {
"@type": "LocalBusiness",
"name": "Aunimeda — веб-разработка в Бишкеке",
"priceRange": "от 80 000 сом",
"areaServed": { "@type": "City", "name": "Бишкек" },
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"reviewCount": "47"
}
};
Результат — звёзды и цена прямо в сниппете Google. CTR у таких результатов на 15–30% выше, чем у обычных.
Автоматический sitemap
Tilda генерирует sitemap, но он статичный. Добавили новую страницу через API — она попадёт в sitemap только после ручного обновления.
Next.js с библиотекой next-sitemap генерирует sitemap автоматически при каждом деплое, включая все динамические страницы.
hreflang для мультиязычных сайтов
Бизнесам в Кыргызстане часто нужны версии на русском, кыргызском и английском. Tilda поддерживает мультиязычность ограниченно — hreflang настраивается через кастомный код с ограничениями.
Next.js имеет встроенный i18n routing: / (RU), /ky/ (кыргызский), /en/ (английский). Hreflang генерируется автоматически для каждой страницы.
Интеграции с кыргызскими системами
Платёжные системы
MBank, Optima Pay, ЭЛКАРТ — основные способы оплаты в Кыргызстане. Tilda работает с ограниченным набором платёжных провайдеров, ориентированных на российский рынок.
Полноценная интеграция с MBank на Tilda — это кастомный JavaScript в «HTML блоке» с ограниченными возможностями. На Next.js — полноценный API route, обрабатывающий webhook'и платёжного шлюза:
// backend/routes/payment.ts
app.post('/api/payment/mbank/webhook', async (req, res) => {
const { orderId, status, amount } = req.body;
// Верифицируем подпись MBank, обновляем заказ, отправляем уведомление
await updateOrder(orderId, { paymentStatus: status });
await notifyUser(orderId);
res.json({ success: true });
});
Интеграция с 1С
Большинство торговых компаний в Кыргызстане ведут учёт в 1С. Синхронизация остатков и цен с 1С — это REST API или COM-интеграция.
На Tilda это невозможно без внешнего промежуточного сервиса. На Next.js — встроенный API слой, который делает запросы к 1С каждые 15 минут и обновляет данные на сайте.
Telegram-уведомления
Менеджер получает новые заявки с сайта прямо в Telegram. На Tilda — через webhook к стороннему сервису (например, Make/Zapier). На Next.js — прямой запрос к Telegram Bot API из серверного кода, без посредников и лишних платежей.
Кастомизация без ограничений
Tilda ограничивает вас своей библиотекой блоков и CSS-переменными. Попытки выйти за рамки — это борьба с платформой через кастомный CSS, который перезаписывается при обновлениях.
Next.js — это React. Вы можете сделать любой компонент, любую анимацию, любую интерактивность. Примеры того, что невозможно на Tilda, но реализуется в Next.js:
- Карта с кластеризацией — интерактивная карта ресторанов/аптек/магазинов с поиском по названию
- Конфигуратор продукта — выбираете параметры, цена считается в реальном времени
- Сравнение товаров — таблица сравнения выбранных позиций
- Личный кабинет — история заказов, избранное, бонусные баллы
- Поиск с фасетными фильтрами — мгновенная фильтрация без перезагрузки страницы
Зависимость от платформы
Tilda — это подписка. Вы не владеете кодом, вы арендуете доступ к конструктору. Что это означает:
- Если Tilda поднимет цены — у вас нет рычагов влияния
- Если Tilda уйдёт с рынка или заблокируется — вы теряете сайт
- Если вы захотите сменить подрядчика — вы не можете передать код другой команде, всё остаётся в Tilda-аккаунте
- Если платформа изменит функциональность — ваш сайт может сломаться
Next.js код — ваша собственность. Деплоится на любой VPS (DigitalOcean, AWS, Hetzner, российские хостинги). Передаётся любой команде разработчиков. Не зависит ни от одной платформы кроме Node.js — открытого стандарта.
Сравнение по ключевым параметрам
| Параметр | Tilda | Next.js |
|---|---|---|
| PageSpeed (мобильный) | 40–65 | 80–95 |
| LCP | 3–6 секунд | 0.8–2 секунды |
| Schema.org разметка | Частично, вручную | Полная, автоматическая |
| Динамические мета-теги | Нет | Да |
| Автосинхронизация sitemap | Нет | Да |
| hreflang (мультиязычность) | Ограниченно | Встроено |
| Интеграция с MBank/ЭЛКАРТ | Через костыли | Нативная |
| Интеграция с 1С | Невозможно | Полноценная |
| Масштабирование каталога | До 100–200 товаров | Без ограничений |
| Владение кодом | Нет | Да |
| Долгосрочная стоимость | $200–600+/год (подписка) | Хостинг $20–60/мес |
Когда Tilda — правильный выбор
Мы честно рекомендуем Tilda в этих сценариях:
- Лендинг для проверки гипотезы: нужен за 2–3 дня, SEO не важен, важна скорость
- Простая визитка: «кто мы, что делаем, контакты» без каталога и интеграций
- Бюджет до 30 000 сом и сайт нужен «просто чтобы был»
- Промо-страница для мероприятия: работает неделю, потом не нужна
- Портфолио дизайнера или фотографа: красиво, быстро, без сложного функционала
Когда нужен Next.js
- SEO — основной канал лидогенерации: без быстрой загрузки и правильных мета-тегов вы просто не попадёте в топ Google
- Нужны интеграции: MBank, Optima Pay, ЭЛКАРТ, 1С, собственная CRM
- Каталог товаров или услуг: более 50–100 позиций — Tilda не справляется
- Мультиязычность: сайт на RU + KY + EN с правильными hreflang
- Долгосрочный актив: сайт должен расти вместе с бизнесом
- Корпоративный сайт с документооборотом, личными кабинетами, ролями: без кастомного кода невозможно
Путь миграции с Tilda на Next.js
Если у вас уже есть сайт на Tilda и вы думаете о переходе:
- Аудит текущего сайта: выясняем какой контент есть, какие страницы приносят трафик, что нужно перенести
- Проектирование структуры: планируем архитектуру нового сайта с учётом SEO-иерархии
- Разработка: Next.js фронтенд + настройка хостинга
- 301 редиректы: все старые URL перенаправляются на новые, чтобы не потерять позиции в Google
- GSC: подтверждаем новый сайт в Google Search Console, отправляем новый sitemap
Типичный срок миграции: 3–5 недель для сайта до 30 страниц. PageSpeed улучшается сразу после запуска, органический трафик растёт в течение 2–4 месяцев.
Если ваш бизнес зависит от органического трафика из Google — Tilda становится ограничением, а не инструментом. Поможем оценить ваш текущий сайт и рассчитать эффект от миграции.