Разработка нового шаблона и доработка сайта: Электромонтажные работы
В октябре 2025 года в рамках проекта была выполнена комплексная разработка нового шаблона и доработка действующего сайта, представляющего услуги в нише «Электромонтажные и штукатурные работы». Основная задача — переход от устаревших визуальных редакторов (page-билдеров) к чистому и оптимизированному коду без потери существующих данных. Технический фундамент базируется на CMS Joomla 5.3.3, интерпретаторе PHP 8.4 и СУБД MySQL 8.0. Данная связка обеспечивает высокую пропускную способность ресурса и соответствие актуальным стандартам безопасности.
Исходная ситуация и задачи проекта
Аудит предыдущей версии ресурса выявил избыточную нагрузку на сервер и сложности с масштабированием контента из-за использования устаревших компонентов. Для реализации проекта были поставлены следующие задачи:
- Полный отказ от legacy-кода: удаление всех ресурсоемких расширений семейства YOO.
- Очистка базы данных: удаление inline-стилей, хардкода HTML и сторонних JS-скриптов непосредственно из материалов сайта.
- Глубокая переработка навигации: полная реструктуризация пунктов меню для улучшения поведенческих факторов.
- Верстка нового пользовательского интерфейса по предоставленному макету в Figma
Выполненные работы
Миграция и рефакторинг архитектуры
Произведена настройка актуального ядра Joomla 5.3.3. Переход на версию PHP 8.4 позволил задействовать JIT-компиляцию, что ускорило время генерации страниц сервером на 25-30% по сравнению с предыдущими версиями. Использование СУБД MySQL 8.0 обеспечило надежное хранение структурированных данных. Ключевым этапом технической очистки стало удаление расширений YOO и ручной рефакторинг контента, что радикально снизило вес DOM-дерева и минимизировало риск XSS-уязвимостей.
Разработка и адаптация шаблона
На основе дизайн-макета выполнена кроссбраузерная верстка эксклюзивного кастомного шаблона. Внедрена адаптивная модульная сетка, обеспечивающая корректное отображение контента на всех типах устройств. Разработка сайта нового шаблона потребовала точной интеграции выбранной типографики (шрифт Nunito Sans) и фирменных цветовых решений, а также настройки оффканвас-меню для мобильной аудитории.
Программирование функциональных модулей
Для обеспечения гибкого управления контентом без вмешательства в исходный код, в рамках доработки действующего сайта было разработано 22 кастомных модуля, среди которых:
- Презентационные блоки: «О компании», «Объекты для работы», «Заставка», «Этапы работы».
- Блоки услуг: Динамические секции «Услуги по электромонтажу» и «Услуги по машинной штукатурке» с интеграцией графики.
- Портфолио и отзывы: Модули «Реализованные проекты по электромонтажу», «Реализованные проекты по штукатурке» со встроенными слайдерами и выводом деталей.
- Конверсионные элементы: «Рассчитать смету на ваш объект», «Приступим к работе завтра», «Остались вопросы» и «Заявка на скидку», интегрированные с системой управления формами (BAForms).
- Информационные модули: «Мнения и рекомендации от клиентов», «Частые вопросы» (FAQ), «Предоставляем официальную гарантию».
- Служебные блоки: Глобальные компоненты шапки и футера («Лого футер», «Информация», «Контакты», «График работы и адрес», «Мобильные контакты», «Телефон и соцсети»).
Проектирование структуры и контента
Выполнена полная реструктуризация пунктов меню. Для расширения семантического ядра и улучшения SEO-показателей создано 15 новых посадочных страниц. Кластеризация структуры ресурса включила разделы: «О компании», «Реквизиты», «Вакансии», «Гарантии», «Отзывы», «Партнеры», «Вопросы и ответы», «Наши работы», а также детализированные страницы услуг («Штукатурные работы», «Электромонтажные работы»). На странице реквизитов сформирована структурированная HTML-таблица для удобного копирования данных контрагентами.
Использованные технологии
| Технология | Версия | Назначение |
|---|---|---|
| Joomla | 5.3.3 | Система управления контентом и архитектурой сайта |
| PHP | 8.4 | Высокопроизводительный серверный язык программирования |
| MySQL | 8.0 | Система управления базами данных |
| Helix Ultimate | 3+ | Фреймворк для построения сетки шаблона |
| Bootstrap | 5.3.2 | CSS-библиотека для адаптивной верстки компонентов |
Что получил клиент
Завершив разработку нового шаблона и доработку действующего сайта, мы передали заказчику платформу, отвечающую жестким требованиям коммерческой веб-разработки:
- Высокоскоростной сайт без лишних зависимостей (отказ от YOO-компонентов).
- 22 независимых модуля для самостоятельного редактирования контента менеджерами компании.
- Разветвленную структуру из 15 новых страниц, готовую к продвижению в поисковых системах.
- Безопасную среду хранения данных (PHP 8.4 + MySQL 8.0).
- Абсолютное визуальное соответствие утвержденному Figma-макету.
Дополнительно реализовано
В ходе интеграции нового шаблона внедрены служебные страницы, закрывающие юридические аспекты работы в интернете: «Политика в отношении обработки персональных данных», «Согласие на обработку персональных данных» и «Правила пользования сайтом». К формам обратной связи подключены обязательные чекбоксы согласия, что защищает бизнес заказчика от штрафов со стороны регулирующих органов.
Рекомендации по дальнейшему развитию
После сдачи проекта заказчику был предоставлен стратегический план по улучшению позиций ресурса в поисковой выдаче и повышению конверсии:
- Оптимизировать все исходные изображения в папке /images (сжать и уменьшить) – для ускорения скорости загрузки сайта (важный фактор).
- Написать контент ко всем текущим страницам сайта.
- Оформить страницу контакты.
- Составить, собрать и распределить по страницам семантическое ядро. (Рекомендую не менее 20 тыс ключевых запросов). Ключевые запросы должны быть разбиты на ВЧ и НЧ с точным вхождением «!».
- Добавить хлебные крошки.
- Провести внутреннюю оптимизацию сайта.
- Обновить версию сайта до Joomla 5.4.0 и выше.
Дополнительные рекомендации (начальные)
- Добавить разделы Блогов: «Новости компании», «Полезные советы и рекомендации» «Экспертное мнение».
- Каждая страница сайта должна иметь входящие ссылки со своих социальных сетей.
- Закупка качественных ссылок на сайт с других сайтов того же региона: Сайты, форумы, журналы, каталоги, блоги, соц.сети.
- Отзывы должны быть реальными и с разных площадок, например с: Яндекс карт, бизнеса, Яндекс-Услуги, Профи Ру, Авито.
- Для срочного привлечения трафика нужно настроить Яндекс Директ, Яндекс Бизнес.
- Должен быть ежемесячный плавный рост ссылок на сайт как покупных, так и бесплатных.
Проект сдан в срок, протестирован под нагрузкой и функционирует в штатном режиме. Разработанный шаблон полностью готов к дальнейшему масштабированию и SEO-продвижению согласно предоставленным рекомендациям.
Развернуть полный вид доработанного сайта по электромонтажным работам на Джумла 5
Примечание: текущее состояние и внешний вид действующего сайта могут отличаться от представленных в данном кейсе, так как после завершения проекта и сдачи работ заказчик мог внести самостоятельные изменения.
FAQ: Вопросы по рефакторингу и разработке сайтов
Почему было принято решение удалить расширения YOO?
Старые page-билдеры часто генерируют избыточный DOM-код и загружают множество неиспользуемых библиотек. Их удаление позволило очистить код, что напрямую влияет на скорость загрузки страниц и лояльность поисковых систем.
Для чего потребовалось удалять HTML и скрипты из самих материалов?
Хардкод внутри статей нарушает принцип MVC (разделение логики, данных и представления). Очистка материалов и перенос стилей в CSS-файлы шаблона обеспечили централизованное управление дизайном и повысили безопасность, исключив конфликты скриптов.
В чем преимущество использования 22 отдельных модулей?
Модульная архитектура позволяет администратору сайта гибко управлять блоками (например, отключать блок акции или менять местами отзывы и портфолио) через панель Joomla 5.3.3 без привлечения программиста и риска сломать верстку.
Как добавление 15 новых страниц влияет на бизнес?
Расширение структуры (добавление страниц услуг, вакансий, гарантий) увеличивает количество релевантных точек входа из поисковых систем. Это формирует доверие пользователей и напрямую повышает конверсию в B2B и B2C сегментах.
Обязательно ли создавать отдельные страницы для Политики конфиденциальности?
Да. Наличие страниц «Политика в отношении обработки персональных данных» и «Согласие на обработку» является строгим требованием законодательства для сайтов, собирающих имена и телефоны через формы обратной связи. Мы внедрили этот функционал по умолчанию.
