Разработка веб-сайтов на CMS MODX в 2023г

Плюсы и минусы разработки веб-сайтов на CMS MODX REVOLUTION в 2023 году

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

Технические требования не отличаются от требований большинства современных CMS, для работы подойдёт практически любой хостинг или веб сервер с поддержкой PHP седьмой версии и базой данных MYSQL.

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

Для начала хотелось бы поговорить о минусах системы:

1. Интерфейс системы управления, а в особенности его мобильная версия. В последних версиях было сделано множество шагов для исправления этого недостатка, однако работа админки всё ещё не вызывает восторга. Тут я в первую очередь говорю про скорость ее работы, после перехода на к управлению страницей зачастую вам придётся ждать еще несколько секунд пока произойдёт загрузка всех полей. Так же отсутствует возможность использовать вкладки для одновременного редактирования нескольких страниц сайта, как это реализовано, например, в OctoberCMS и Evolution CMS. Это связано с использованием в интерфейсе админки устаревшей библиотеки ExtJS версии 3.4. Как это не странно, данный недостаток заставил разработчиков системы, а также сообщество выжимать все соки из имеющихся ресурсов. Начиная с 2019 года в интерфейс было внесено множество правок как исправляющих ошибки, так и улучшающих пользовательский опыт.
2. Требовательность к знаниям. Данный пункт относится именно к разработчикам сайтов, но не к пользователям и заказчикам. Для разработки сайта на MODX нужно обладать хотя бы  базовыми знаниями в программировании. Чем более универсален инструмент, тем он сложнее в использовании, и к MODX это относится в полной мере. В отличии от конструкторов или CMS WordPress, создать сайт на которых возможно за день, не обладая знаниями в программировании, повторить такой же трюк с MODX не получится. Результат, правда, тоже будет существенно отличаться.
3. Сложность при работе с GIT-репозиториями и редакторами исходного кода. В MODX возможность такой работки “из коробки” имеет ограничения, что усложняет совместную работу большой команды над проектами. Недостающие возможности можно добавить при помощи использования сторонних пакетов, однако это связанно с лишними сложностями и имеет смысл в случае большой команды и сложного проекта.
4. Небольшое количество готовых шаблонов, которые можно установить в систему.  MODX не предполагает работу с готовыми темами. Те темы, которые вы можете найти в репозиториях в первую очередь предназначены для обучения программистов и популяризации системы. Из этого следует, что если вы хотите быстро создать типовой сайт на готовом шаблоне, вам следует посмотреть в сторону более простых систем. Создавая сайт на MODX лучше всего воспользоваться услугами профессионального дизайнера, а значит такое решение в первую очередь подойдёт для бизнеса.

А теперь приятное:

1. Сообщество и документация. MODX очень популярен на территории СНГ это значит, что если вы заказчик и хотите доработать ваш проект, вы легко найдете исполнителя среди фрилансеров или веб-студий, а если разработчик – найдёте ответ на интересующий вас вопрос. Кроме этого недавно был закончен перевод документации на русский язык, что в значительной мере облегчает решение сложных задач.
2. Ценовая политика магазинов дополнений. В отличии от Wordpress в которой платные компоненты зачастую не только дороги, но и распространяются по подписочной модели, дополнения для MODX (те из них, которые являются платными) распространяются по системе единовременной покупки.
3. SEO-оптимизация. Google и Яндекс всё больше внимания уделяют скорости работы сайта, вводя всё новые требования и предлагая всё новые способы ускорения работы. MODX позволяет легко адаптировать сайт к требованиям поисковых систем, кроме того возможности панели управления позволяют легко подстроить сайт под требования ваших SEO-специалистов.
4. Дополнений. Для системы MODX существует огромный каталог дополнений и модулей, которые позволяют значительно ускорить разработку сайта. О дополнениях, которые мы используем, мы расскажу в отдельной статье.
5. Дизайн и работа с шаблонами. Как мы уже писали для MODX практически нет готовых шаблонов, но если вы хотите сэкономить, то можно использовать любой бесплатный html шаблон, который вы найдёте в интернете. Установка такого шаблона займет больше времени, чем в других CMS, но внесение правок будет осуществляться намного проще и быстрее, так, что на длинной дистанции такой подход видится более удачным.

Порядок создания сайта:

Выбор типа сайта.

• Определить задачи, которые необходимо решать при помощи сайта. Одностраничный сайт, сайт-визитка, корпоративный сайт, магазин или каталог лучше всего решают те или иные задачи.
• Определить способы привлечения трафика на сайт. Контекстная реклама и/или seo, таргет и смм. Необходимо заранее предположить кто является ядром вашей аудитории и каким образом вы собираетесь привлечь их на ваш сайт. Можете даже не сомневаться, что распределение сил по разным источникам трафика придётся корректировать уже во время работы.

SEO подготовка.

• Анализ конкурентов. Ищем наиболее удачные сайты конкурентов, анализируем удачные и неудачные решения.
• Сбор семантического ядра.

Определение оптимальных технологий для сайта.

• Выбор доменного имени.
• Выбор хостинга.
• Выбор платформы для разработки.

Написание технического задания. Необходимо обсудить и получить комментарии всех лиц участвующих в проектировании.

• Определить структуру сайта. Структура сайта должна соответствовать и подходить для решения задачи и желаемых способов привлечения трафика на сайт
• Определить структуру страниц сайта. Прописать из каких блоков будут состоять страницы сайтов. Как предоставить пользователю искомую информацию наиболее быстро и удобно. Собрать контактную информацию для создания лидов.
• Подробно описать функционал типовых блоков сайта и описать как будут работать те или иные механики.
• Собрать визуальные референсы и требования к дизайну сайта.
• Указать технические требования к валидации кода и скорости работы.

 Создание и утверждение дизайн-концепции сайта.

• На этом этапе UI/UX дизайнер создаёт внешний вид сайта используя в качестве основы техническое задание.
• После создание дизайн концепции она проходит проверку на соответствие техническому заданию. Проверяется правильно ли в ней отражён желаемый функционал блоков.

Вёрстка макета. Этап, на котором рисунок превращается в подобие сайта. На этом этапе необходимо обратить внимание на несколько вещей:

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

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

Подготовка наполнения сайта.

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

Тестирование и наполнение сайта.

• Тестируется весь функционал сайта. Ищутся ошибки и неточности, которые могли закрасться на этапе программирования.
• Ещё раз проводится валидация кода.
• Сайт наполняется материалами, согласно запланированной структуры.

Внутренняя СЕО оптимизация.

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

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

• Настройка контекстной рекламы. Позволяет быстро привлечь пользователей очень быстро.
• Создание плана и расчёт бюджета на СЕО продвижение, в случае если СЕО выбрано в качестве одного из источника трафика.

SEO-работы. Выполняются согласно плана.

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

Подведение результатов и анализ работы. Выполняется периодически по желанию заказчика.

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

Работы по оптимизации сайта (если требуются).

• Доработка сайта для корректировки поведения пользователей.

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