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

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

Представьте у вас сайт на конструкторе и блог на нём реализован через 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 раза больше.