Обсудить проект

6 мин чтения

Конструктор или сайт на заказ: что выбрать

Конструктора хватит для небольшого сайта, который нужен быстро. Код — когда важны скорость, нестандартный дизайн, интеграции и независимость от платформы.

Конструктор — Tilda, Wix и похожие сервисы — подходит, когда нужен небольшой сайт с понятной структурой, запустить его надо быстро, а править вы хотите сами. Сайт на коде нужен, когда важны скорость, нестандартный дизайн и анимация, сложные интеграции, полный контроль над SEO и независимость от платформы. Это выбор не между «хорошо» и «плохо», а под задачу — и под то, каким сайт станет через год-два.

Чем конструктор отличается от сайта на коде

Конструктор — это платформа, где сайт собирают из готовых блоков в визуальном редакторе. Хостинг, защищённое соединение, формы и базовые настройки уже встроены: оплатили тариф, собрали страницы, подключили домен — сайт работает.

Сайт на коде пишет разработчик: вёрстка, логика и анимация создаются под проект. Такой сайт размещают на хостинге по вашему выбору, а тексты и цены правят через систему управления, если её подключить.

Важная оговорка: «на заказ» можно сделать и на конструкторе — дизайнер нарисует уникальный макет и соберёт его, например, в Тильде. Поэтому дальше сравниваем не шаблон и заказ, а две технологии: конструктор и код.

Когда конструктора хватит

Конструктор — хороший выбор, если:

  • нужна одна страница или небольшой сайт: услуги, цены, контакты, форма заявки;
  • важно запуститься быстро — проверить идею, собрать регистрации на мероприятие, открыть предзапись;
  • вы хотите сами менять тексты, фотографии и блоки, не дожидаясь разработчика;
  • нужны стандартные функции: формы с отправкой в почту или CRM, простой магазин, приём оплаты — у популярных конструкторов для этого есть готовые решения;
  • бюджет на старте небольшой.

В таких задачах код — переплата за возможности, которыми вы не воспользуетесь. Хороший сайт на конструкторе лучше плохого на коде. Если вы ещё не решили, хватит ли вам одной страницы, начните со сравнения лендинга и многостраничного сайта.

Когда нужен сайт на коде

Код окупается, когда сайт упирается в рамки платформы. Вот где разница заметнее всего.

Скорость

Сайт на конструкторе тоже может быть быстрым, но часть кода вы не контролируете: платформа добавляет на страницы свои скрипты и стили, и убрать лишнее нельзя. В коде можно сделать так, чтобы страница загружала только то, что нужно ей самой. Разница особенно заметна на тяжёлых сайтах — с видео, большими фотографиями и анимацией — и на телефонах с медленным интернетом. Проверить любой сайт можно в PageSpeed Insights, а о причинах медленной загрузки мы подробно писали в статье о скорости сайта.

Нестандартный дизайн и анимация

Тильда с Zero Block даёт свободную раскладку и анимацию, вплоть до пошаговой и привязанной к прокрутке, — многое можно сделать без программиста. Но чем необычнее сцена — предмет, который следует за курсором, бегущая строка, которая ускоряется от прокрутки, плавные переходы между страницами, 3D, — тем больше она требует собственного кода. В конструкторе такой код живёт отдельными вставками, и поддерживать его сложнее; на сайте, написанном с нуля, он часть проекта. Как такие сцены выглядят вживую, видно в портфолио: там анимированные сайты, которые мы сверстали.

Интеграции

Формы с отправкой в CRM, приём оплаты, виджеты онлайн-записи вроде YCLIENTS подключаются и к конструкторам. Код нужен, когда интеграция нестандартная: обмен данными с учётной системой, личный кабинет клиента, калькулятор со сложной логикой, каталог, который обновляется из вашей базы.

Контроль над SEO

У Tilda и Wix есть базовые SEO-настройки — заголовки и описания страниц, адреса, карта сайта, — и сайты на них нормально индексируются. В коде под контролем каждая строка: разметка страницы, микроразметка, скорость, структура адресов. Для небольшого сайта это редко решает, для каталога или раздела с сотнями статей — заметно.

Сравнение: конструктор или код

Что сравниваем Конструктор (Tilda, Wix) Сайт на коде
Запуск Быстро, из готовых блоков Дольше: дизайн и разработка под проект
Затраты на старте Ниже, особенно если собирать самому Выше: работа дизайнера и разработчика
Регулярные расходы Подписка на платформу, домен Хостинг, домен
Дизайн Шаблоны или свободная раскладка в редакторе Любой
Анимация Встроенные эффекты, сложное — вставками кода Любая, как часть проекта
Скорость Зависит и от кода платформы Под полным контролем
Интеграции Готовые: формы, CRM, оплата, виджеты Любые, включая нестандартные
SEO Базовые настройки платформы Полный контроль
Правки своими силами В визуальном редакторе Через систему управления, если её подключить
Переезд Ограничен платформой и тарифом На другой хостинг — с исходниками и доступами

Подписка и привязка к платформе: что учесть заранее

У конструктора две особенности, о которых лучше знать до старта.

Подписка. За конструктор платят по тарифу — помесячно или за год. Свой домен и сайт без плашки платформы доступны на платных тарифах, и всё работает, пока подписка оплачена. Считайте расходы не на месяц, а на несколько лет вперёд и сравнивайте их с хостингом для сайта на коде — с поправкой на то, что условия тарифов со временем меняются.

Привязка. Сайт живёт на платформе. Переехать можно, но с оговорками: у Тильды экспорт кода есть не на всех тарифах, а сайт на Wix для размещения на другом хостинге придётся собрать заново. Сайт на коде переносится на другой хостинг или передаётся другой команде — нужны только исходники и доступы.

Если сайт будет расти — каталог, статьи, личный кабинет, — подумайте о переезде заранее: большой сайт переносить сложнее, а при смене адресов страниц нужны редиректы, иначе можно потерять позиции в поиске.

Промежуточный вариант: дизайн на заказ в конструкторе

Между крайностями есть середина: уникальный дизайн, собранный в конструкторе, и собственный код там, где возможностей редактора не хватает. В Тильде для этого есть Zero Block и блок для HTML-кода. Так можно получить нестандартный первый экран и при этом сохранить привычный редактор для повседневных правок. Ограничения платформы никуда не деваются — подписка, переезд, чужой код на странице, — но для многих задач это разумный компромисс.

Как выбрать: пять вопросов

Ответьте на них до разговора с исполнителем:

  1. Сколько страниц будет на сайте через год — одна, десять или сотни?
  2. Нужен ли дизайн или анимация, которых нет в шаблонах?
  3. С какими системами сайт должен обмениваться данными: CRM, учётная система, оплата, доставка?
  4. Кто будет править сайт и как часто?
  5. Насколько важно не зависеть от одной платформы?

Если ответы простые — немного страниц, стандартные функции, правите сами, — начинайте с конструктора. Чем больше пунктов, где ответ «да, это важно», тем вернее выбор в пользу кода.

Не уверены, что подойдёт вашему проекту, — расскажите о задаче: разберём её и скажем, хватит ли конструктора или нужен код. Когда движение на странице помогает продавать, а когда мешает, — в статье про анимацию на сайте, а во что обходится разработка на заказ — в статье сколько стоит сайт.

(Вопросы)

Частые вопросы

Можно ли продвигать сайт на Тильде или Wix в поиске?

Да. У обеих платформ есть базовые SEO-настройки — заголовки и описания страниц, адреса, карта сайта, — и такие сайты индексируются. Ограничения — в тонкой настройке кода и скорости: на сайте на коде под контролем всё.

Можно ли перенести сайт с конструктора на свой хостинг?

Зависит от платформы и тарифа: у Тильды есть экспорт кода, но не на всех тарифах, а сайт на Wix для другого хостинга придётся собрать заново. При любом переезде важно сохранить адреса страниц или настроить редиректы.

Что дешевле: конструктор или сайт на заказ?

На старте обычно конструктор, особенно если собирать сайт самому из готовых блоков. Но сравнивать стоит расходы за несколько лет: подписку, доработки и возможный переезд.

Можно ли сделать сложную анимацию на Тильде?

Многое — да: в Zero Block есть пошаговая анимация и анимация при прокрутке, а свой код можно добавить отдельным блоком. Но чем сложнее сцена, тем больше обходных путей и тем труднее такой сайт поддерживать.

Смогу ли я сам править сайт, сделанный на коде?

Да, если в него встроена система управления: тексты, цены и фотографии меняются в панели без программиста. Что именно вы будете править сами, лучше решить до начала разработки.

(Читать дальше)

Ещё статьи

Все статьи →
  1. Форма заявки на сайте: как сделать, чтобы её заполняли

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

    Разработка
  2. Как выбрать домен для сайта

    Хороший домен короткий, пишется так, как слышится, и легко диктуется по телефону. Разбираем зоны .ru, .рф и .com, проверку истории и продление.

    Разработка
  3. Сайт на нескольких языках: как сделать и не потерять в поиске

    У каждой языковой версии — свои адреса, например папка /en/, связь через hreflang и свои заголовки, а язык посетитель выбирает сам, без переадресации по IP.

    Разработка