MODX

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

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

MODX работает на PHP и обычно использует MySQL или MariaDB. Для управления данными применяется xPDO — объектная модель MODX, через которую разработчик может работать с ресурсами, пользователями, настройками и собственными таблицами. Такая архитектура позволяет создать сайт на MODX с десятками типов данных и тысячами страниц без превращения системы управления в набор разрозненных модулей.

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

За внешний вид отвечают шаблоны и чанки. Шаблон задает общую конструкцию страницы, а чанки используются для повторяющихся элементов: карточек, форм, меню, блоков преимуществ, контактов, навигации, подвала и других компонентов. Сниппеты выполняют программную логику на PHP. Дополнительные поля TV позволяют создавать собственную структуру данных для каждого типа страницы.

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

Для более сложных структур применяем MIGX и собственные таблицы данных. Например, каталог на 10 000 записей необязательно хранить как 10 000 обычных страниц MODX. Для больших массивов информации можно спроектировать отдельную модель данных и выводить необходимые записи через xPDO. Это сокращает количество лишних запросов и упрощает дальнейшее развитие проекта.

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

Для типового корпоративного проекта может использоваться 5–15 основных шаблонов, несколько десятков чанков и отдельные наборы TV-полей для разных разделов. Количество компонентов определяется архитектурой проекта, а не стремлением установить максимальное число готовых дополнений.

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

При необходимости используем Fenom — шаблонизатор, который позволяет удобно работать с условиями, циклами, переменными и сложными структурами непосредственно на уровне представления. Для типовых выборок применяем pdoTools, а сложную бизнес-логику реализуем собственным PHP-кодом и средствами xPDO.

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

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

Для обмена данными с внешними системами используем JSON и REST API, настраиваем авторизацию, проверку запросов, журналирование ошибок и ограничение доступа к служебным методам. MODX можно интегрировать с CRM, 1С, системами учета, службами доставки, платежными шлюзами, телефонией, картами, сервисами электронной почты и корпоративными базами данных.

MODX использует xPDO для работы с базой данных. Вместо постоянного написания прямых SQL-запросов разработчик получает объектную модель для чтения, создания и изменения данных. Для стандартных ресурсов доступны modResource, modUser, modTemplate, modChunk и другие системные объекты.

Для индивидуальных модулей мы создаем собственные модели. Например, система может содержать сущности «объект», «город», «характеристика», «документ», «специалист» или «заявка» с заданными типами полей и связями между таблицами.

На крупных проектах контролируем индексы базы данных, количество запросов на страницу, объем выбираемых данных и повторяющиеся обращения к одним и тем же таблицам. Выборка 20 записей из таблицы не должна загружать в память 20 000 записей с последующей фильтрацией средствами PHP. Такие детали непосредственно влияют на время формирования страницы и нагрузку на сервер.

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

Мы отдельно контролируем серверное время формирования HTML и клиентскую скорость отображения страницы. Для первой части важны PHP, MySQL, кэширование и количество запросов. Для второй — размер HTML, CSS, JavaScript, изображения, шрифты и порядок загрузки ресурсов.

На уровне сервера используем актуальную версию PHP, OPcache, HTTP/2 или HTTP/3, сжатие Brotli или Gzip, корректные заголовки кэширования и NGINX либо Apache. На уровне сайта минимизируем количество подключаемых библиотек, объединяем повторяющиеся стили, удаляем неиспользуемый код, переводим изображения в WebP или AVIF и задаем размеры изображений непосредственно в разметке.

При разработке контролируем показатели Core Web Vitals: LCP, INP и CLS. Для LCP стремимся удерживать основной видимый элемент в пределах 2,5 секунды, для INP — до 200 мс, для CLS — до 0,1. Эти показатели учитываются еще на этапе верстки, поскольку исправлять архитектурные проблемы производительности после запуска значительно дороже.

Нужен быстрый сайт на MODX?

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

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

MODX дает разработчику полный контроль над HTML-кодом страницы, поэтому система хорошо подходит для поискового продвижения. Мы самостоятельно определяем структуру H1–H6, Title, Description, canonical, robots, Open Graph, микроразметку Schema.org и правила формирования адресов.

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

MODX поддерживает человекопонятные адреса и иерархическую структуру URL. Вместо адресов с техническими параметрами формируется структура вида /services/development/, /portfolio/project-name/ или /catalog/category/product/. Это удобно пользователям, поисковым роботам и специалистам по продвижению.

При разработке сайта под ключ мы сразу определяем правила для адресов со слешем и без него, HTTP и HTTPS, www и версии без www, регистр символов и параметры URL. Для дублей устанавливаются 301-перенаправления и canonical. Такой подход предотвращает появление нескольких индексируемых адресов одной страницы.

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

Robots.txt настраиваем под реальную структуру проекта. Закрываем технические разделы, служебные адреса и результаты внутренних операций. Административная часть MODX также исключается из поискового обхода.

Для отдельных типов страниц предусматриваем управление meta robots. Редактор или SEO-специалист может закрыть конкретную страницу от индексации без изменения программного кода.

После запуска подключаем Яндекс Вебмастер и Google Search Console, проверяем индексирование, ответы сервера, перенаправления, канонические адреса и карту сайта.

Для корпоративных проектов используем структурированные данные Schema.org. В зависимости от содержимого страницы применяются Organization, WebSite, BreadcrumbList, Article, Product, Service, FAQPage и другие подходящие типы.

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

Это особенно удобно для сайтов с сотнями однотипных страниц. Один раз создается правило, после чего структурированные данные автоматически формируются для всего раздела.

Разработаем сайт на MODX с учетом SEO

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

Заказать сайт на MODX

При переносе существующего сайта на MODX составляем таблицу соответствия старых и новых адресов. Каждый значимый URL получает постоянное 301-перенаправление на новую страницу. Для проектов с сотнями и тысячами адресов правила загружаются массово и проверяются автоматически.

На действующих проектах используем Redirector или собственный механизм перенаправлений. Отдельно контролируем цепочки из нескольких перенаправлений, циклы, страницы 404 и ошибочные внутренние ссылки.

При редизайне сайта сохранение URL часто оказывается эффективнее массового изменения структуры. Поэтому архитектуру адресов определяем после анализа существующей индексации и поискового трафика.

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

Адрес панели управления можно изменить со стандартного /manager/. Для административных учетных записей применяются сложные пароли и разграничение прав. MODX позволяет создавать группы пользователей и назначать права на отдельные разделы, ресурсы и действия. Контент-менеджеру не требуется предоставлять права системного администратора.

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

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

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

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

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

MODX удобно использовать как внешнюю часть корпоративной информационной системы. Сайт может передавать обращения в Битрикс24, amoCRM или другую CRM, получать данные о товарах из 1С, синхронизировать остатки, цены, статусы и документы.

Обмен организуем через API, JSON, XML, CommerceML или промежуточные таблицы в зависимости от возможностей внешней системы. Для больших объемов данных используем пакетную обработку. Обновление 50 000 товарных позиций не должно блокировать работу публичной части сайта.

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

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

Для небольших каталогов достаточно ресурсов и TV-полей. Для больших объемов используем MIGX, MIGXdb или собственные xPDO-модели. Фильтрацию строим по реальным полям базы данных и индексируем поля, которые участвуют в частых запросах.

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

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

Редактору страницы услуги можно оставить 10–15 действительно необходимых полей вместо десятков системных параметров. Для проекта, статьи или товара создается свой набор данных. Это уменьшает количество ошибок при ежедневной работе с сайтом.

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

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

Мы можем разработать сайт с чистой семантической HTML-разметкой, CSS Grid, Flexbox, SVG, Canvas, WebGL и JavaScript, а MODX использовать для управления данными и серверной частью.

Поэтому MODX хорошо подходит веб-студии для разработки корпоративных проектов с уникальным визуальным решением: система управления остается внутри проекта и не диктует внешний вид страниц.

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

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

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

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

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

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

Уже есть сайт на MODX?

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

Узнать стоимость техподдержки

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

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

Для небольшого сайта на 5–10 страниц возможности MODX часто остаются частично невостребованными. Основные преимущества платформы раскрываются на корпоративных проектах, где требуется управляемая архитектура и дальнейшее развитие.

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

Следующий этап включает заполнение основных разделов, настройку SEO-параметров, перенаправлений, sitemap.xml, robots.txt, аналитики и целей. Перед запуском проверяем сайт на основных разрешениях экрана, тестируем формы, ссылки, ответы сервера, страницы 404, скорость и корректность работы административной части.

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

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

Мы выбираем CMS после проектирования требований. Для одного проекта оптимальным решением становится WordPress, для другого — MODX, 1С-Битрикс или собственная разработка на Laravel.

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

Стоимость зависит от объема проектирования, количества уникальных типов страниц, дизайна, каталога, интеграций и программной логики. Количество страниц само по себе редко определяет трудоемкость: сайт на 500 однотипных страниц может оказаться проще проекта из 30 страниц с калькуляторами, интеграциями и несколькими моделями данных.

В оценке мы отдельно учитываем аналитику и проектирование, UX/UI-дизайн, адаптивную верстку, программирование MODX, интеграции, перенос данных, тестирование и запуск.

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

Big Fish занимается разработкой сайтов с 2011 года. Мы работаем с PHP, SQL, JavaScript, MODX, WordPress, 1С-Битрикс, Laravel и современными технологиями интерфейсной разработки.

При работе с MODX мы проектируем структуру ресурсов, TV-поля, чанки, сниппеты и собственные модели xPDO, оптимизируем SQL-запросы, настраиваем кэширование, поисковую оптимизацию, сервер и интеграции. После запуска можем взять проект на техническую поддержку и продолжать его развитие.

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

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

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

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

Разработаем сайт на MODX под ключ

Веб-студия Big Fish проектирует и разрабатывает корпоративные сайты на MODX: от структуры, прототипов и дизайна до программирования, интеграций, SEO-подготовки и запуска. Оценим задачу и предложим техническое решение под ваш проект.

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

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

Houseboat

Производство хаусботов

Стоимость: 450 000 руб.

Технологии: HTML, CMS MODX

Смотреть кейс

Holty

Магазин одежды

Стоимость: 780 000 руб.

Технологии: HTML, CMS MODX

Смотреть кейс