Как проще сделать сайт для бизнеса, если вы не веб-разработчик

Игорь

Лупандин

Автор статьи, интернет-маркетолог

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

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

На каких технологиях делают сайты

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

• на базе конструктора;
• на базе сторонних CMS;
• самописные сайты.

Стоит отметить, что технологии можно классифицировать тоньше: существуют CMF, Headless CMS, различные языки программирования, их фреймворки и прочее, прочее, прочее. Наша цель — не искать отличия в инструментах и сервисах, а определить наиболее эффективную технологию для создания сайта с определенным функционалом.

С каждым годом сервисов для веб-разработки становится все больше — мы расскажем о самых востребованных. Причины, по которым такой выбор справедлив;

• выбор большинства обоснован качеством технологии;
• на популярный сервис проще найти помощника-исполнителя;
• о работе с популярными сервисами больше полезной информации в интернете.

Остановимся на каждом из видов технологий для веб-разработки и разберем самые популярные сервисы.

Конструкторы

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

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

Большинство конструкторов — блочные. В блочном конструкторе страницы собираются из отдельных элементов, которые предусмотрены сервисом. Элементы — это отдельные части страницы, такие как верхнее меню сайта, блок с информацией о товаре, либо таймер с обратным отсчетом. В конструкторах много разнообразных элементов, которых хватит на создание сайта со всем знакомыми «фишками».

Плюсы и минусы разработки на конструкторе сайтов

Между разными сервисами также есть свои различия. Разберем их подробнее и постараемся осветить их основные преимущества и недостатки.

Carrd

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

Пример готовых шаблонов в Carrd

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

Рабочее пространство в Carrd

Некоторые из блоков доступны только при покупке годовой подписки на сервис. Подписку понадобится брать, если вы хотите привязать к сайту свой домен. Дается возможность попробовать продукт, оформив пробную подписку на 7 дней.

Сервис поддерживает сторонний код HTML, CSS и JavaScript. Функция позволяет кастомизировать верстку и подключить сторонние сервисы. Также в сервисе можно отладить адаптированную верстку для смартфонов и планшетов.

Сервис поддерживает платежные системы Stripe и PayPal для создания продающих лендингов. Эти платежные системы не обслуживают клиентов из РФ, но пользователь может подключить форму другой платежной системы через JavaScript.

Кому подойдет сервис:

• специалистам без опыта программирования, которым нужен сайт-визитка;
• пользователям для быстрого создания продающих лендингов. 

Стоимость сервиса: $ 9 в год на базовом тарифе.

Сложность пользования: 1 из 10

uKit (только RU)

Сервис позиционирует себя как интуитивно понятный конструктор сайтов для бизнеса. Подразумевается, что пользователи сервиса без опыта в веб-разработке смогут легко сделать сайт для продаж.

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

Галерея шаблонов сайтов в uKit

В рабочем пространстве uKit элементы страницы делятся на 2 вида: блоки и виджеты. Блоки идут вместе с шаблоном, дизайн блоков оптимизирован под шаблон. В структуре страницы, виджеты — те же самые блоки, только в виджетах нужно кастомизировать дизайн. При этом, блоки содержат в себе статичный контент, а виджеты расширяют функционал страницы. Например, среди виджетов будут таймер с обратным отсчетом, поиск Google по сайту, а также калькулятор расчета стоимости.

Рабочее пространство в uKit

У сервиса достаточное количество встроенных интеграций. Утилиты, которых нет в сервисе, подключаются через фрейм JavaScript, либо с помощью Google Tag Manager. В uKit есть наглядная шкала, которая показывает готовность сайта со стороны SEO-продвижения. Также сервис предлагает настройку контекстной рекламы силами своих специалистов, что еще сильнее упрощает запуск сайта для продаж.

uKit поддерживает платежные системы PayPal и Wallet One — последняя работает в странах СНГ. Сервис поддерживает интеграцию с AmoCRM и BoardCRM. uKit поддерживает промокоды.

Профессионалы не любят uKit за ограниченные возможности настройки — опытный веб-дизайнер предпочтет Tilda, либо Webflow. Тем не менее, uKit — хороший выбор для пользователей без опыта в веб-разработке, которым нужно быстро и недорого запустить сайт.

Кому подойдет сервис:

• владельцам бизнеса для быстрого и недорогого запуска интернет-магазина с онлайн-оплатой.

Стоимость сервиса: $ 13 в месяц, чтобы запустить интернет-магазин.

Сложность пользования: 2 из 10

Tilda (только RU)

Tilda — популярный конструктор в странах СНГ. Есть большое количество веб-студий и профессионалов, которые делают уникальные сайты исключительно на «Тильде». При этом, с конструктором будет легко работать новичку.

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

Есть шаблоны страниц почти для всех типов сайтов

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

Специалисты работают преимущественно с Zero Block: нулевым блоком, с которым можно создавать уникальные дизайнерские решения. В блок можно добавить контент, также блок можно изменять в размере. Некоторые из блоков можно конвертировать в Zero Block. Сложные блоки, как блок с товарами, конвертировать в Zero Block нельзя.

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

У сервиса есть блог с большим количеством информации в помощь пользователю. Tilda поддерживает интеграцию с большим количеством веб-сервисов. Здесь просто подключить сервисы аналитики Google и Яндекс — достаточно скопировать ваш идентификатор в специальное меню.

Поскольку у специалиста нет возможности залезть в код сервиса, технически оптимизировать сайт не получится. Tilda ограничена в возможностях SEO-оптимизации: например, у вас не получится отредактировать файл robots.txt. Также у сервиса отсутствует пакетная работа с контентом на страницах, как в CRM. Это означает, что каждую страницу тут нужно править отдельно.

Кому подойдет сервис:

• пользователям без опыта для создания сайтов всех типов с небольшим количеством страниц.

Стоимость сервиса: 500 рублей в месяц за минимальный тариф на 1 сайт.

Сложность пользования: 3 из 10

Nethouse (только RU)

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

Как и uKit, Nethouse содержит готовые шаблоны сайтов, с которых можно быстро начать разработку своего ресурса. Хоть сервис и является блочным конструктором, его административная панель схожа по функционалу с CMS. Крупный недостаток Nethouse — неудобный конструктор без меню с возможностью выбрать нужный блок. Также в сервисе нет возможности добавить свой код HTML и CSS, не говоря о JavaScript.

Дополнительных блоков мало и у конструктора неудобный интерфейс

Сильная сторона сервиса — возможность создания интернет-магазина с большим каталогом. Каталог можно разбить на разделы и подразделы, также у сервиса предусмотрен поиск по названию и фильтры по свойствам товара. Сайт на базе Nethouse способен выдержать любое количество товаров, но если товаров больше 1000, за превышение лимита придется доплачивать.

Кроме пакетной загрузки, сервис может выгружать товары в Яндекс. Маркет, Google Merchant и во ВКонтакте. Также Nethouse поддерживает интеграцию с большим количеством сервисов, среди них:

• сервисы онлайн-перевода: ЮMoney и ЮКаssa (для юр. лиц);
• системы учета: 1С, МойСклад и Большая Птица;
• службы доставок: СДЭК, Boxberry и Почта России.

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

Кому подойдет сервис:

• владельцам бизнеса с большим товарным ассортиментом и нишей, в которой не важен дизайн.

Стоимость сервиса: от 320 рублей в месяц.

Сложность пользования: 4 из 10

Webflow (RU и EN)

Этот сервис уникален своей технологией. Пользователь верстает элементы страницы в визуальном редакторе, от чего Webflow на ходу генерирует HTML и CSS. То есть, человек работает над сайтом в программе, интерфейсом похожей на Photoshop, а программа конвертирует работу пользователя в код. Webflow — онлайн-сервис, как и прочие конструкторы.

Интерфейс Webflow

Webflow сложнее, чем привычный конструктор. В Webflow имеет смысл работать, если у пользователя есть навыки дизайна и понимание верстки. Webflow удобнее конструктора, если пользователь дружит с композицией и немного разбирается в атрибутах HTML и CSS.

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

Webflow поддерживает встраивание кода на языке программирования JavaScript. Поддержка языка программирования и контроль верстки позволяют создать уникальный спецпроект в форме сайта.

Также к сайту на Webflow можно подключить E-commerce. При этом, Webflow работает с платежным сервисом Stripe, который недоступен в России и странах СНГ.

У Webflow есть собственная CMS, то есть административная панель для управления контентом на сайте и его функционалом. В CMS можно создавать страницы по общему шаблону внешнего вида, но с разным контентом на страницах. Наглядный пример: страницы каталога с разным товаром, но одинаковой версткой. Позже в статье мы подробнее разберем суть этой технологии и расскажем о популярных классических CMS. Разумеется, CMS Webflow уступает в возможностях классическим CMS.

Способы использования Webflow:

1. Работать с сайтом в CMS Webflow.
   Выбор пользователей, которым достаточно стандартной CMS для технической поддержки сайта. У Webflow есть интеграции с рядом популярных сервисов. В этом случае нужно будет ежемесячно оплачивать сервис.
   
2. Скачать сайт из Webflow и установить себе на хостинг.
   Этот способ подойдет:
   статичным сайтам, которым не нужны регулярные обновления;
   сложным сайтам для интеграции с продвинутым бэкэндом.

Кому подойдет сервис:

• пользователям без навыков веб-программирования, которым важен продвинутый дизайн;
• дизайнерам, которые занимаются разработкой сайтов и хотят сэкономить на фронтендерах.

Стоимость сервиса: $ 14 в месяц на базовом тарифе.

Сложность пользования: 5 из 10

Wix (только EN)

Wix — вторая в мире по популярности технология для создания сайтов. Этот конструктор не только самый популярный среди прочих, но и самый функциональный. Пожалуй, самый серьезный минус Wix — отсутствие lite-версии. Рабочая панель может сбить с толку неопытного пользователя большим количеством настроек.

Рабочая панель Wix

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

Представил, что делаю сайт для продажи хип-хоп инструменталов – результат вышел неплохим

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

Среди прочего, сервис дает хорошие возможности SEO-оптимизации, что является редкостью при работе с конструкторами. Wix поддерживает:

• редактирование файлов sitemap.xml и robots.txt;
• редактирование мета-тегов;
• аналитику скорости загрузки сайта для ее оптимизации.

У Wix есть уникальная технология Velo, которая позволяет делать на базе конструктора прогрессивные веб-приложения. Velo — открытая платформа разработки, с которой программисты могут сделать на базе Wix все что угодно, используя JavaScript. Например, веб-разработчик сможет сделать свою CRM для обслуживания клиентов, ускорить сайт для SEO, либо создать динамические страницы.

Кому подойдет сервис:

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

Стоимость сервиса: от 20 € в месяц.

Сложность пользования: 4 из 10.

Shopify (только EN)

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

Какие функции можно реализовать в Shopify:

• сложные онлайн-заказы с выбором точки получения, комплекта товара, способа доставки и прочего;
• мультивалютная международная торговля + мультиязычный сайт;
• отдельная витрина с авторизацией для торговли B2B;
• интеграция с товарами в Instagram и Facebook;
• более 100 различных вариантов одного товара с кастомизацией по 3 характеристикам;
• гибкий расчет стоимости доставки, исходя из условий заказа;
• функция брошенной корзины с сохраненными в ней товарами;
• продвинутый e-mail-маркетинг;
• дропшиппинг с торговлей товарами с площадок, таких как AliExpress, Spocket и Modalyst;
• продвинутая отчетность торговли по различным показателям.

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

Маркет приложений в Shopify

У Shopify есть 9 бесплатных шаблонов сайта для создания интернет-магазина. Остальные — платные, со стоимостью от 150 долларов. Все шаблоны поддерживают кастомизацию в визуальном редакторе, но настройки ограничены опциями темы и шаблона.

Визуальный редактор Shopify

Shopify берет комиссию за покупки от 0,5 до 2 процентов, если вы не используете платежный шлюз Shopify Payments. При использовании стартового тарифа, Shopify берет комиссию в 5% даже при использовании Shopify Payments. Эти расходы делают использование Shopify еще более дорогим.

Подведем итоги. Сервис обладает обширным функционалом за счет магазина приложений. При этом, некоторые из важных функций могут оказаться платными и их придется докупать отдельно. Большое количество установленных приложений может замедлить скорость сайта, что негативно скажется на пользовательском опыте и SEO-продвижении.

Shopify — удачное решение для онлайн-торговли, если вы представляете, какие функции должны быть у будущего интернет-магазина. Магазин на Shopify с особенными функциями e-commerce может обойтись дешевле, чем разработка сайта с самописными решениями. При этом, если электронная коммерция интернет-магазина будет несложной, имеет смысл сравнить стоимость с решениями на других конструкторах.

Кому подойдет сервис:

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

Стоимость сервиса: 24 € в месяц за базовый тариф.

Сложность пользования: 3 из 10.

Squarespace (только EN)

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

Дизайн сайта Squarespace тоже выглядит свежее, чем у других конструкторов, что неудивительно

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

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

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

В отличие от Webflow, рабочая область Squarespace не ограничена по бокам меню с инструментами и настройками. Благодаря свободному интерфейсу рабочую область проще оценить как готовый продукт.

Пользователь может изменить шаблон даже после наполнения сайта контентом, что дает возможность «примерить» свой контент под тот или иной стиль.

Сервис поддерживает электронную коммерцию, но на базовом тарифе берет комиссию, как и Shopify. Блог на Squarespace будет удачным решением — кроме эстетичного дизайна сервис предлагает продвинутый функционал для ведения блога. Например, тут есть функция отложенной публикации.

Squarespace хорошо оптимизировал свои шаблоны и дает рекомендации по корректному использованию для эффективного SEO. Например, сервис поддерживает до 1000 страниц на сайте, но рекомендует пользователям использовать не более 400 страниц на проект.

Кому подойдет сервис:

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

Стоимость сервиса: от 15 € в месяц за базовый тариф.

Сложность пользования: 3 из 10.

GoDaddy (только EN)

Фирма GoDaddy занимается регистрацией доменных имен, при этом у нее есть собственный конструктор сайтов. Конструктор GoDaddy не рассчитан на создание сложных сайтов, но предлагает удобный сервис для быстрого создания лендингов, либо сайтов-визиток.

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

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

Внести произвольные изменения в дизайн сайта на конструкторе GoDaddy не получится

GoDaddy поддерживает различные платежные системы, также у сервиса есть своя платежная система — GoDaddy Payments. Минимальная стоимость транзакции через GoDaddy Payments — 2.3% от суммы транзакции.

У GoDaddy посредственные возможности в настройке SEO сайта. Некоторые из особенностей конструктора и вовсе негативно влияют на SEO — например, автоматически генерируемые URL страниц, которые меняются вместе с обновлением заголовка.

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

• Google Analytics;
• Facebook Pixel;
• Facebook Meta Tag;
• Pinterest Meta Tag;
• Google AdSense.

Кому подойдет сервис:

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

Стоимость сервиса: от $ 6,99 за базовый тариф.

Сложность пользования: 2 из 10.

Weebly (только EN)

Weebly — конструктор сайтов от Square, фирмы, которая занимается разработкой решений для электронных платежей. В целом, конструктор похож на решения его конкурентов: он поддерживает e-commerce, позволяет делать небольшие сайты и не дает вмешаться в дизайн.

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

Шаблон включает в себя только основной экран с баннером

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

Магазин приложений в Weebly, в который затесались обычные блоки

Weebly содержит несколько категорий шаблонов сайтов, таких как «Блог», «Бизнес» или «Портфолио». В случае, если задачи сайта со временем меняются, пользователь может поменять тему после того, как заполнил сайт контентом. У конструктора есть более 50 вариантов готовых шаблонов.

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

Кому подойдет сервис:

• пользователям, которым нужен лендинг, либо сайт из нескольких страниц с поддержкой e-commerce.

Стоимость сервиса: 7 € в месяц за базовый тариф.

Сложность пользования: 2 из 10.

CMS

CMS — система управления содержимым (англ. Content Management System). По сути, CMS — это программа, на базе которой можно создать сайт. Программа устанавливается на хостинг, после чего в программе можно работать над сайтом.

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

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

При этом, существует множество специализированных CMS, которые созданы для решения различных задач. К примеру, нужен сайт с доской объявлений — найдется не одна CMS, которая создана для сайтов подобного рода. Как правило, подобные CMS — платные.

Большинство CMS достаточно просты в освоении: некоторые из задач сможет выполнить человек без опыта в веб-разработке. Как и конструкторы, CMS поддерживают шаблоны сайтов. Шаблон сайта устанавливается как дополнение к программе. По сути, CMS — это готовый сайт с панелью управления, на который «натягивается» шаблон. Существует множество шаблонов интернет-магазинов, блогов и прочих типов сайтов — большинству пользователей для выполнения задач хватит готового шаблона и дополнений.

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

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

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

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

Плюсы и минусы разработки на CMS

Разберем самые популярные CMS, отметим их особенности и подскажем наиболее удачные сценарии использования того или иного варианта.

Wordpress

Самая популярная технология разработки. По данным на октябрь 2022 года, на Wordpress сделано более 43% всех сайтов в мире. Wordpress — бесплатная CMS, в которой есть бесплатные и платные шаблоны, а также расширения.

Принцип работы с Wordpress аналогичен работе с другими CMS. После установки Wordpress на хостинг, пользователь работает над сайтом в панели управления. Панель управления находится в административной части сайта, которая закрыта от посторонних входом по паролю.

Панель управления Wordpress

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

Для работы над контентом страниц в Wordpress предусмотрен блочный конструктор Gutenberg. Сейчас Gutenberg — конструктор, который идет вместе с базовыми функциями CMS, а ранее он был платным и приобретался отдельно. Делать страницы на Gutenberg так же просто и удобно, как в прочих конструкторах сайтов.

Интерфейс блочного конструктора Wordpress – Gutenberg

Благодаря мировой популярности Wordpress содержит невероятное количество шаблонов сайтов и плагинов. Благодаря дополнениям, сайт на Wordpress сделает даже пользователь без опыта в веб-разработке. Зачастую пользователи без опыта делают сайт самостоятельно, после чего привлекают разработчиков на Wordpress для выполнения специфических задач.

Исходный код сервиса открытый — веб-разработчики могут оптимизировать его под свои задачи. Подобно большинству других CMS, Wordpress написан на PHP — старом языке программирования, популярном в веб-разработке.

При этом, Wordpress имеет свои недостатки. Дополнительные плагины замедляют скорость загрузки сайта, что негативно сказывается на SEO и пользовательском опыте. Бывает, что нужный плагин написал разработчик-любитель, из-за чего у плагина медленный, не оптимизированный код.

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

Тем не менее, Wordpress предлагает безграничные возможности в работе над сайтом. Пользователь может запустить проект на Wordpress с ограниченным функционалом, а потом совершенствовать его своими силами, либо со специалистами.

Кому подойдет сервис:

• пользователям, которым нужен сайт любого типа, за исключением уникальных онлайн-сервисов

Стоимость сервиса: бесплатно, есть платные шаблоны сайтов и плагины.

Сложность пользования: 4 из 10.

1С-Битрикс: Управление сайтом (Только RU)

«Битрикс» — платная CMS от русских разработчиков, которая пользуется большой популярностью на рынке СНГ. По данным исследований от iTrack за 2021 год, «Битрикс» — вторая по популярности CMS в России после бесплатной Wordpress.

«Битрикс» используют преимущественно для создания интернет-магазинов, либо сложных информационных ресурсов. Нет смысла приобретать платную CMS для решения несложных задач, таких как создание лендинга, либо сайта-визитки.

У CMS есть несколько тарифных планов, которые отличаются между собой ценой и функционалом. После приобретения лицензии пользователю дают возможность устанавливать обновления системы в течение года после покупки. Поскольку обновления необходимы для корректной работы сервиса, можно сказать, что «Битрикс» нужно оплачивать раз в год.

Как у большинства CMS, у «Битрикс» есть маркетплейс с шаблонами сайта и плагинами. Большинство шаблонов платные и стоят достаточно больших денег. При этом, все товары маркетплейса проходят проверку качества со стороны разработчиков «Битрикс». Как правило, разработчики шаблонов оказывают самостоятельную техническую поддержку своим покупателям в течение определенного времени. Это существенное преимущество по сравнению с безмолвным Wordpress.

Маркетплейс «Битрикс», в котором находятся шаблоны сайтов, а также расширения

Шаблон сайта заполняется контентом в визуальном редакторе страницы. Стоит отметить, что визуальный редактор «Битрикс» куда менее удобный в сравнении с блочными конструкторами. Также, в визуальном редакторе нельзя корректировать верстку шаблона, это делается в редакторе кода. При этом, некоторые шаблоны сайтов идут с собственным блочным конструктором, который позволяет редактировать верстку без программирования.

Визуальный редактор страницы «Битрикс»

В «Битриксе» есть удобный дашборд, на котором отражены показатели скорости загрузки и оптимизации сайта в реальном времени. Инструменты позволяют вебмастерам заблаговременно отслеживать критические проблемы и поддерживать состояние сайта.

CMS отличается трехуровневой системой защиты сайта от хакерских атак, которая настраивается пользователем. Продвинутая безопасность «Битрикс» — достаточно серьезное преимущество в сравнении с огромной и бесконтрольной Wordpress.

Основной экран «Битрикс» с дашбордами

Противники «Битрикса» говорят, что CMS популярна благодаря партнерской программе. Студии веб-разработки получают процент с продаж лицензий, что мотивирует веб-студии предлагать клиентам именно эту CMS для создания сайта.

Тем не менее, «Битрикс» остается конкурентоспособной и актуальной CMS в России. У продукта есть отличные онлайн-курсы на русском языке, которые доступно объясняют принципы работы с CMS. Есть 7 полноценных курсов, которые учат всему: от контент-менеджмента до хостингового сопровождения сайта на «Битрикс».

Сайт на «Битрикс» — удобное коробочное решение для русских предпринимателей. У фирмы 1С-Битрикс есть еще 2 продукта: система учета 1С: Предприятие и CRM Битрикс24. Программа 1С: Предприятие занимает основную долю рынка и легко интегрируется с сайтом. Битрикс24 — многофункциональная CRM, которая отлично работает в команде с сайтом на «Битрикс».

Кому подойдет сервис:

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

Стоимость сервиса: 6200 рублей за самую недорогую годовую лицензию.

Сложность пользования: 5 из 10.

Opencart

Opencart — узкоспециализированная CMS, которая предназначена для создания интернет-магазинов. Технология бесплатная, также у нее открытый исходный код. Несмотря на ограниченную целевую аудиторию, Opencart — третья по популярности CMS, после Wordpress и Drupal. У данной CMS большое комьюнити: следовательно, найдется много специалистов и готовых решений.

Поскольку CMS рассчитана на ведение онлайн-торговли, базовая конфигурация Opencart уже содержит в себе достаточно широкий функционал. К примеру, в «коробочной» версии уже предусмотрены такие опции, как система учета товаров, поддержка промокодов, фильтры по свойствам товаров и многое другое.

Opencart хорошо оптимизирован под большие нагрузки на сервер и позволяет добавлять в каталог любое количество товаров. При этом, стоит учитывать, что для крупных проектов все равно потребуется дополнительная оптимизация. К примеру, если у сайта более сотни одновременных посещений, а на витрине более 1000 товаров — ему не обойтись без мощного хостинга и дополнительной оптимизации кода.

CMS устанавливается с базовым шаблоном магазина, на примере которого можно изучить, как устроен сайт в административной части. Разумеется, Opencart сложнее, чем конструкторы, но куда понятнее новичку, нежели Joomla!, Drupal или MODX. При этом, у Opencart нет блочного конструктора, как у Wordpress. В Opencart дизайн можно кастомизировать только при работе с языком CSS.

Оригинальный Opencart не поддерживает русский язык, но проблему можно решить, установив локализатор, либо кастомизированную сборку. В России популярна ocStore — любительская модификация Opencart, переведенная на русский язык. Модификация содержит весь функционал коробочной версии, а также обладает своим стартовым шаблоном сайта.

Базовый шаблон на ocStore

У Opencart есть большое количество готовых шаблонов, независимо от выбранной версии. Как правило, хорошие шаблоны сайтов — платные. Есть большое количество проверенных частных маркетплейсов с шаблонами на Opencart, куда веб-разработчики выкладывают свои решения на продажу.

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

Кому подойдет сервис:

• будущим владельцам онлайн-магазинов без уникального функционала.

Стоимость сервиса: бесплатный, есть платные расширения.

Сложность пользования: 5 из 10.

Joomla!

Joomla! — популярная бесплатная CMS с открытым исходным кодом, которая написана на PHP и JavaScript. Технология отличается архитектурой, рассчитанной на создание тяжеловесных информационных порталов.

Эта технология — не лучший вариант для пользователя без опыта в веб-разработке, если сайт нужно сделать самому. Joomla! позволяет работать без программирования, но из-за специфического интерфейса порог входа будет выше, чем в тот же Wordpress. Все дело в первоначальной задаче — CMS рассчитана на композитные сайты со сложной структурой контента.

К примеру, на информационном портале могут быть разные меню с рубриками в подразделах, либо разные наборы блоков на страницах. Joomla! устроена так, чтобы пользователь мог задать необходимые условия показа для любого компонента сайта. Из-за большого количества опций интерфейс CMS будет громоздким для новичка.

Сайт РБК – пример сложного информационного портала с разнообразными компонентами на странице. Правда, сайт РБК – самописное решение, но Joomla! рассчитана на создание подобных сайтов

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

В данной CMS не получится просто «натянуть» шаблон и добавить в него свой контент. Шаблон нужно детально настроить: задать расположение блоков, отнести их к определенным категориям, а также прописать ряд других параметров. Для новичков есть функция установки демонстрационного сайта, чтобы изучить устройство CMS на наглядном примере. Также у Joomla! есть официальная документация, которая поможет ориентироваться пользователю без опыта.

Еще одна особенность «движка»: у Joomla! нет наследственности кода. Плагины, которые сочетались со старой версией CMS, не будут сочетаться с обновленной версией. Поэтому, чтобы обновить сайт на Joomla!, следует дождаться не только обновления CMS, но и обновленных версий плагинов, которые будут сочетаться с новой системой. Некоторые веб-разработчики поддерживают сайты на Joomla!, оставаясь на старой версии системы.

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

С выходом версии Joomla! 4.2, CMS стала поддерживать протокол REST API. Благодаря нововведению, «Джумла» может не зависеть от фронт-енда и выполнять функции Headless CMS. В данном случае, передавать информацию на сторонние приложения, которые поддерживают протокол REST API. Например, такое приложение может быть в смарт-часах — на часы смогут поступать уведомления от Joomla! и для этого не понадобится отдельная CMS со своей архитектурой.

Joomla! хорошо подойдет для создания интернет-магазина с большим каталогом. Архитектура CMS устроена так, что работу плагинов можно выключать на определенных страницах для снижения нагрузки на сайт — в Wordpress такого нет. При этом, на базе Wordpress будет гораздо проще создать небольшой сайт.

Joomla! — удобная CMS для создания сайтов со сложной архитектурой, в остальных случаях можно обойтись более простыми решениями.

Кому подойдет сервис:

• людям с целью создания интернет-магазина с большим каталогом;
• будущим владельцам информационных порталов.

Стоимость сервиса: бесплатно, с платными расширениями.

Сложность пользования: 7 из 10.

Drupal

Drupal — открытая и бесплатная CMF (англ. Content Management Framework), что переводится как «фреймворк управления контентом». Это программа, в которой разработчик создает кастомизированную CMS, чтобы в конечном счете сделать сайт.

Эту CMF будет тяжело освоить с нуля пользователю без опыта. Drupal — это своеобразный конструктор для разработчиков. Drupal применяют, когда нужно сделать сайт с уникальной архитектурой. При этом, существуют готовые дистрибутивы с настройками под создание сайта практически любого типа. Так называемые полнофункциональные дистрибутивы — те же шаблоны сайтов.

В первоначальном виде Drupal дает лишь базовые функции управления контентом. Таким образом, разработчики CMF сделали гибкую систему, не перегруженную ненужными для пользователя дополнениями. Веб-разработчики расширяют функционал с помощью модулей, которые доступны в официальном каталоге Drupal.

В каталоге представлено почти 50000 модулей, но они относятся к разным версиям Drupal

Модули работают в связке — в некоторых случаях для получения необходимого функционала нужно установить связку двух, а то и трех модулей. Также в Drupal нет привычного каталога прямо в административной части, как в Wordpress. Расширения нужно устанавливать вручную через административную панель, что не совсем удобно.

Drupal поддерживает использование в качестве Headless CMS. Технология располагает широкими возможностями интеграции с другими системами вывода через API. Функция дает возможность подготовить контент в Drupal и опубликовать его не только на сайте, но и в приложении смартфона, фитнес-трекере, голосовых помощниках и прочих технологиях, которые поддерживают определенные API.

Данная CMF будет рентабельна при создании сайтов с уникальным функционалом и сложной архитектурой взаимодействия компонентов. Для создания сайтов с привычным функционалом лучше использовать более легкие для освоения CMS, либо конструкторы сайтов. Можно использовать готовые дистрибутивы для создания сайтов, но следует понимать, для чего нужна именно Drupal.

Кому подойдет сервис:

• людям с целью создания сайта с нестандартным функционалом;
• создателям веб-сервисов с необходимостью транслировать контент не только в браузеры, но и на разные устройства, поддерживающие популярные протоколы API.

Стоимость сервиса: бесплатный, есть платные дистрибутивы и расширения.

Сложность пользования: 7 из 10.

Самописные решения

В некоторых ситуациях разработка сайта с нуля будет более эффективной, чем использование сторонних CMS, либо CMF. Готовые наработки могут не соответствовать задачам, а также архитектуре будущего ресурса. В этом случае проще построить свой фундамент для будущего сайта, нежели переделывать чужой.

Причины, по которым выбирают самостоятельную разработку сайта:

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

Очевидно, что для создания уникального, сложного проекта понадобится команда веб-разработчиков. Разработчики планируют устройство будущего сайта, исходя из технического задания клиента. При этом, даже на этапе планирования выбор технологий не будет однозначным.

К примеру, бэкэнд сайта может быть написан на любом из подходящих языков программирования: PHP, Python или Ruby. Выражаясь простым языком, не важно, какой кисточкой будет рисовать художник: пусть рисует той, которой умеет. В таких тонкостях все будет зависеть от профессионализма исполнителей. Хороший программист реализует задачу лучше, чем в CMS, плохой — хуже.

Выбор технологий не ограничивается даже на выборе языка программирования. Веб-программисты редко работают на «голых» языках программирования — чтобы упростить процесс, специалисты используют фреймворки. Фреймворк — это программная среда, «каркас», в которой программист будет работать над логикой, уникальной для своей задачи. Простым языком, фреймворк — это наработки, которые снимают с программиста выполнение рутинных задач, общих для создания любого сайта. У разных языков программирования есть свои популярные фреймворки.

Сайт — это сложная система, устройство которой зависит от особенностей проекта. Расскажем, из каких частей состоит сайт, если проанализировать его как систему.

Из чего состоит сайт

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

• фронт-енд – языки программирования JavaScript и TypeScript;
• бэк-энд – языки программирования C, C++, Go, Java, Python;
• СУБД – Bigtable, MariaDB;
• Контейнеризация – Docker, Kubernetes.

Google — это сервис, который посещают 2,5 млрд пользователей в месяц. Чтобы выдержать такую нагрузку, компания создала более миллиона серверов по всему миру и максимально оптимизировала код.

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

Для некоторых проектов могут использоваться еще дополнительные технологии. Например, для онлайн-игры, которая запускается из сайта в браузере. Там будет еще более необычная архитектура, созданная исключительно под свои задачи.

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

Когда выбирать самописное решение:

• если планируется большое количество посетителей сразу после запуска сайта;
• если бэк-энд сайта рентабельнее сделать самим. 

Стоимость самописного решения: как правило, значительно дороже, чем с использованием сторонних технологий.

Какую технологию выбрать для создания сайта

Подведем итоги: определим, на какой технологии можно сделать сайт того или иного типа.