Разработка сайта на Wix
Wix — облачная платформа для создания сайтов с визуальным редактором. Позиционируется как no-code инструмент, но для профессиональной разработки предоставляет Velo (Wix Code) — JavaScript-среду выполнения для кастомной логики на клиенте и serverless-функций. Выбор Wix оправдан, когда клиент хочет самостоятельно редактировать контент без привлечения разработчика.
Возможности платформы
Wix Editor X (теперь Wix Studio) — более профессиональная версия редактора с responsive layout grid, breakpoint-управлением и более точным контролем над позиционированием элементов. Для разработки коммерческих проектов используется именно Studio.
Что доступно из коробки:
- визуальный редактор с drag-and-drop
- коллекции данных (встроенная база данных для динамического контента)
- Wix Stores — интернет-магазин
- Wix Bookings — онлайн-запись
- Wix Blog — блог
- Wix Events — управление мероприятиями
- форм-билдер
- SEO-инструменты: meta-теги, sitemap, canonical URL
Структура проекта на Wix Studio
Wix Studio проект организован вокруг страниц, мастер-страниц (Header/Footer/общий layout) и переиспользуемых секций:
- Pages — обычные статические и динамические страницы
- Dynamic Pages — страницы, контент которых генерируется из коллекции (аналог шаблонов в CMS)
- Lightboxes — модальные окна
- Master Page — общие элементы (навигация, footer)
Динамические страницы создаются через подключение к коллекции: один шаблон генерирует страницу для каждой записи в коллекции (/catalog/{slug} для каждого товара).
Коллекции данных
Wix Content Manager — встроенная NoSQL база данных. Коллекции создаются через интерфейс:
Коллекция: Services
Поля:
- title (Text)
- slug (Text, уникальный)
- description (Rich Text)
- image (Image)
- category (Reference → Categories)
- isActive (Boolean)
- order (Number)
Permissions настраиваются на уровне коллекции: кто может читать, создавать, обновлять, удалять записи. Для сайта с личным кабинетом: Read — All, Write — Member only.
Запрос к коллекции из кода (Velo):
import wixData from 'wix-data';
$w.onReady(async function () {
const result = await wixData.query('Services')
.eq('isActive', true)
.ascending('order')
.find();
$w('#repeater1').data = result.items;
});
SEO на Wix
Wix имеет репутацию плохой SEO-платформы, которая устарела к 2022 году. Текущие возможности:
Что настраивается:
- title и meta description для каждой страницы
- canonical URL (включая кастомный)
- robots meta tag
- Open Graph и Twitter Card
- structured data через SEO API (schema.org)
- sitemap.xml (автогенерация + ручной контроль)
- hreflang для мультиязычных сайтов
Ограничения:
- JavaScript-рендеринг — Googlebot рендерит JS, но скорость индексации может быть ниже SSR
- Core Web Vitals — производительность ниже кастомных сайтов из-за общей инфраструктуры платформы
- контроль над HTTP-заголовками ограничен
Для большинства малых и средних бизнесов ограничения SEO Wix не являются критичными. Для проектов с агрессивным SEO — рассматривать другие платформы.
Когда Wix подходит
- сайт-визитка, корпоративный сайт до 30–50 страниц
- клиент хочет редактировать контент самостоятельно без найма разработчика
- бюджет и сроки ограничены, скорость запуска важнее гибкости
- нужна интеграция с Wix-экосистемой (Wix Stores + Wix Bookings + Wix CRM)
Ограничения платформы
- нельзя перенести сайт с Wix на другую платформу (экспорт контента ограничен)
- кастомизация ограничена возможностями редактора и Velo API
- плановые изменения платформы могут сломать кастомный код
- производительность зависит от инфраструктуры Wix, а не только от реализации
- тарифы: бесплатный план — с рекламой Wix и wix.com в домене; подключение кастомного домена и снятие рекламы — от ~$14/мес (Business план)
Типичные сроки
Сайт-визитка или небольшой корпоративный сайт на Wix Studio (до 10 страниц, стандартные функции): 5–8 рабочих дней. С динамическими страницами из коллекций, фильтрацией, формами и Velo-кодом: 10–15 дней. Интернет-магазин на Wix Stores с кастомными функциями: 2–3 недели.