Сайт на конструкторе или написанный с нуля кодом + CMS, что лучше?

Многие так полюбили или наслушались про преимущества конструкторов сайтов (наподобие тильды или креатиум), что принципиально ищут специалистов, которые разработают сайт на этих конструкторах. Так ли они хороши?

Оглавление

  1. Проблемы конструкторов.
  2. Мифы про сайты, написанные кодом.
  3. Преимущества сайтов, написанных кодом + CMS.
  4. Почему многие остаются на конструкторах. Вывод.

Проблемы конструкторов

Представьте у вас сайт на конструкторе и блог на нём реализован через notion, а уже 9 сентября 2024 года он будет не доступен для России и вам придётся заново переделывать блог, а может и весь сайт и тратить время, нервы, деньги.

Возможно на вашем конструкторе видео загружаются только из ютуба, а сегодня он ужасно тормозит и ваши клиенты уходят не оставив заявок.

Или некоторые конструкторы грузят шрифты для сайта только из гугл фонтс, а завтра гугл прекращает работу или временная блокировка и у вас на сайте поехали все тексты, печально, клиенты уходят к конкурентам.

А недавно вы узнали, что для SEO нужно добавить микроразметку schema, метаданные, а такого функционала нет на конструкторе…

Или завтра вы уперлись в лимиты по страницам, в политику конструктора, запрещающую публиковать определенный контент, или просто конструктор прекращает работать в России или закрывается совсем.

И что делать дальше? Создавать сайт заново! Да, можно будет его скопировать и он будет работать, но скорее всего что-то отвалится (магазин, блог уж наверняка) и переделывать его будет дороже, чем сделать заново. Плюс он станет статичным и его будет очень сложно редактировать и тем более масштабировать.

Мифы про сайты, написанные кодом

Дорого

Многие думают, что сайты кодом + CMS, дороже. В реальности с развитием технологий и автоматизаций, сайты становятся проще и быстрее писать кодом. Например, сделать карточки на CSS grid быстрее, чем собрать их в конструкторе.

Я создаю сайты c нуля кодом + CMS за ту же стоимость, что и на конструкторах и даже дешевле многих дизайнеров на конструкторах таких, как Tilda или Creatium.

Это не удобно. Не возможно поменять контент (тексты, фотографии)

Конечно, если загрузить сайт, поставить CMS и больше ничего не делать, то сайтом без знания кодом не возможно будет управлять. Но, если разработчик постарается, спросит у вас какой контент вы хотите редактировать, что добавлять, то он сможет настроить CMS так, чтобы вам было даже легче редактировать контент, добавлять новые страницы и быстрее масштабировать проект, например, за 2 минуты добавить новую услугу или товар по заранее разработанному специально для вас шаблону. Или используя визуальный редактор (что-то наподобие ворда), написать любую статью, страницу. И конечно добросовестный разработчик покажет вам, как всем этим управлять и за час вы поймете основные принципы. А в конструкторах разве не надо хотя бы минимально вникнуть, как всё устроено?

Не возможно поменять цвет

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

Долго разрабатывать

Если мы говорим про многостраничный сайт с типовыми страницами, то уверен, что написать сайт с нуля кодом + CMS быстрее, чем делать этот сайт на зеро-блоках. Если про небольшой лендинг, где все блоки уникальны и не похожи на друг друга, то такой сайт будет быстрее собрать на конструкторе, пару часов думаю сэкономить получится.

Преимущества сайтов, написанных кодом + CMS

Экономия за счёт типовых страниц

Написание сайта кодом удобно для больших проектов с типовыми страницами (услуг, кейсов, статей, вакансии, товары и т.д.). Это может существенно удешевить разработку, например, на сайте предполагается 20 страниц с услугами по удалению отзывов на разных отзовиках (и по сути будет меняться только картинка, цены и название площадки). В CMS я создам 3 поля (изображение, цена и название площадки), возьму за вас стоимость, как за создание одной страницы, а вы или ваш контент-менеджер просто меняя 3 поля на каждой странице (даже если название повторяется 10 раз на странице, его нужно будем поменять 1 раз, если словоформа одна) сможет создать за 1-2 часа 20 страниц или можете поручить это мне за небольшую доплату.

Быстро поменять стили для группы элементов

Можно задать для любой группы элементов, например, для заголовков один класс и присвоить этому классу стили, они автоматически будут использованы для всех заголовков на сайте с этим классом. Потом при желании за минуту можно будет поменять все стили для этого класса и соответственно для всех заголовков на сайте. В конструкторе же на большом сайте, где может быть сотни заголовков. Сколько понадобится времени, чтобы поменять все заголовки? Прибавьте к этому тексты, карточки и т.д. Да, вы можете сказать, на некоторых конструкторах можно добавлять стили, но этом намного сложнее и медленнее, попробуйте добавить стили виджету в креатиуме и скорее всего у вас перебьются стили и вы будете делать всё намного медленнее, чем писать код с нуля.

Сайт будет грузиться быстрее, легче продвинуть по SEO, сайт будет доступным для слепых со скринридерами

Сайт написанный кодом без использования библиотек, будет грузиться быстрее, чем на конструкторах. У него больше возможностей для продвижения по SEO. И его можно сделать доступным для слепых со скринридерами и других людей с ограниченными возможностями.

Поменять контент или стили в похожих блоках

На сайте предусмотрено несколько блоков, которые похожи, но немного отличаются, например, текстом или стилями. Допустим цветом фона. Значит нужно создать один блок и затем его продублировать и немного отредактировать. Если это было предусмотрено на этапе проектирования, то у меня будет модификатор класса, в который я зайду и поменяю только код цвета (#000) и автоматически поменяется цвет фона у всех нужных блоков (пусть их даже тысяча). В конструкторах, да может быть алиас-блок, но он предполагает, что блоки будут полностью идентичны.

Автоматическая адаптация контента

У конструкторов, использующих зеро-блоки беда с адаптивами. Например, если в зеро блоке у тебя есть заголовок в 2 строки, а ниже на расстояние в 24 px текст, то если ты увеличишь заголовок до 3 строчек и более, то заголовок наедет на текст, потому что в зеро блоке эти элементы никак не связаны. Если ты пишешь код с нуля, то заголовку ты задашь отступ снизу в 24px и таким образом, даже если заголовок увеличится до 3 и более строчек, то расстояние между заголовком и текстом сохранится в 24 px. Причем на телефонах можно задать другое расстояние и можно это расстояние задать один раз для всех заголовков, вот почему на сайтах на конструкторах можно увидеть, как тексты или картинки наезжают друг на друга и их не возможно прочитать. В зеро-блока, надо будет ручками редактировать все брейкпоинты (разрешения обычно их около 5: для десктопа, планшета и телефона в горизонтальном и вертикальном положении).

Отзывчивый дизайн

Хотите, чтобы на разных разрешениях контент подстраивался под размер экрана, пожалуйста, если пишите кодом. В конструкторах чаще всего используются брейкпоинты (т.е. ширина контента меняется только в определённых точках, например, при разрешении экрана 1199 px, 959 px, 639 px, 479 px). Конечно на конструкторах можно сделать и это, но это будет сложнее, дороже, это решение будет работать медленнее и его будет сложнее масштабировать и редактировать или шрифты будут растягиваться и сжиматься и таким образом на некоторых устройствах будет текст слишком мелким и не читаемым, а на других наоборот слишком большим, что также не комфортно для чтения (привет автоскейлу).

Почему многие остаются на конструкторах

  • Для небольших сайтов, с небольшим сроком жизни это довольно эффективный инструмент.
  • Самим разобраться и сделать сайт, проще на конструкторе, на сколько он будет эффективен уже другой вопрос.
  • Классное комьюнити и школа дизайнеров у тильды, что сказывается на популярности тильды и других конструкторов.
  • На рынке стало много дизайнеров, которые предлагают дизайн и сразу сделать сайт на конструкторе, потому что кодом они не смогут.
  • Некоторым нужна иллюзия контроля, с конструктором этого легче получить.

Я думаю, что главное, что должен делать заказчик это не менять дизайн (доверить это профессионалам), а редактировать, добавлять контент, масштабировать сайт и бизнес, и вот тут сайт, написанный кодом + CMS намного удобней по-моему мнению и мнению моих клиентов. Плюс он не имеет тех ограничений, которые всегда будут на любых даже супер крутых конструкторах. Обычно сайт написанный кодом с проработанной CMS дешевле в обслуживании: ведь нужен только хостинг за 200-300 рублей в отличие от конструкторов, стоимость которых обычно составляет примерно в 3 раза больше.