Разработка нового сайта и миграция: IT-аутсорсинг на Joomla 6
В декабре 2025 года в рамках проекта выполнена обновление сайта и разработка нового кастомного шаблона для действующего веб-ресурса в нише «IT-аутсорсинг и обслуживание компьютеров». Главная задача — безопасный перенос данных с устаревшей платформы, полная реструктуризация архитектуры и внедрение современного пользовательского интерфейса. Технический стек базируется на ядре Joomla 6.0.1, высокопроизводительном интерпретаторе PHP 8.4 и системе управления базами данных MySQL 8.0. Подобный подход обеспечивает максимальный уровень отказоустойчивости, необходимый для B2B-сегмента.
Исходная ситуация и задачи проекта
До старта работ сайт функционировал на устаревшей версии CMS, что создавало критические уязвимости в безопасности и делало невозможным масштабирование функционала. Перед командой стояли следующие задачи:
- Безопасное обновление ядра с Joomla 3.9.25 до актуальной версии 6.0.1 с сохранением текущего стиля компании.
- Глубокая переработка структуры URL-адресов и пунктов меню для устранения дублей и улучшения индексации.
- Полная замена не поддерживаемых расширений (включая карту сайта XMAP) на современные аналоги.
- Разработка нового шаблона, совместимого со стандартами PHP 8.4, взамен старого кода.
Выполненные работы
Миграция и обновление системы
Произведен поэтапный перенос данных и обновление CMS с версии Joomla 3.9.25 на Joomla 6.0.1. В процессе миграции выполнена адаптация таблиц БД MySQL 8.0 под новые стандарты ядра. Перевод серверной среды на PHP 8.4 позволил снизить время генерации страниц на 30% за счет JIT-компиляции. Сложная миграция веб-проектов требует резервирования, поэтому были созданы две независимые версии бэкапов: архивная копия старого образца и полный слепок нового развернутого сайта.
Разработка и адаптация шаблона
Взамен устаревшей темы разработан полностью новый шаблон, сохраняющий преемственность текущего фирменного стиля, но отвечающий современным UI/UX требованиям. Интегрирована актуальная библиотека иконок FontAwesome 6. Добавлено интерактивное мобильное меню, включающее кликабельный номер телефона, строку поиска, кнопку обратного звонка и прямую ссылку на Telegram. Написан кастомный код для адаптивной заставки: текстовые блоки и переключатели динамически меняют формат отображения в зависимости от устройства (ПК или смартфон).
Разработка функциональных модулей
Для корректного вывода контента и расширения коммерческого потенциала ресурса было спроектировано и настроено 9 модулей:
- Конверсионные блоки: «Обратный звонок», «Телефон в моб. меню», «Контакты».
- Навигационные элементы: Классический «Поиск по сайту» для Joomla 6, отдельная «Кнопка поиска» в главном меню, «Хлебные крошки» для логической структуры.
- Презентационные модули: «Блок услуг» с эффектами при наведении (CSS-транзиции) и адаптивная «Заставка».
- Аналитика: Корректно внедренный модуль системы веб-аналитики «Метрика».
Оптимизация и чистка проекта
Выполнено системное обновление расширения Regular Labs до актуальной версии. Устаревший и уязвимый компонент XMAP заменен на OSMap Free, что обеспечило безошибочную генерацию XML-карты сайта для поисковых роботов. Проведены комплексные работы по выводу атрибутов title и alt к изображениям и ссылкам внутри модулей, что является базовым требованием для внутренней технической оптимизации.
Использованные технологии
| Технология | Версия | Назначение |
|---|---|---|
| Joomla | 6.0.1 | Система управления контентом и архитектурой платформы |
| PHP | 8.4 | Высокопроизводительный серверный язык (бэкенд) |
| MySQL | 8.0 | Реляционная система управления базами данных |
| OSMap Free | Latest | Компонент автоматической генерации карты сайта (sitemap) |
Что получил клиент
По итогам комплекса работ заказчик получил современный, защищенный и масштабируемый цифровой актив, готовый к активному продвижению:
- Мощное и безопасное ядро сайта (Joomla 6.0.1), устойчивое к взломам.
- Полностью переработанную структуру с правильными семантическими URL-адресами.
- Высокую скорость отклика интерфейса благодаря связке PHP 8.4 и MySQL 8.0.
- Защиту от спама и ошибок ввода: настроена JS-маска для телефона в формате +7(999) 999-99-99.
- Юридическую безопасность: в формы добавлена обязательная ссылка на согласие обработки персональных данных.
Дополнительно реализовано (Бонусные работы)
Для повышения коммерческой привлекательности ресурса выполнена полная переработка главной страницы. Векторный логотип компании пересоздан в полноценный размер и оптимизирован в формат SVG. Написан чистый код для вывода иконок социальных сетей с валидными атрибутами title. Для расширения структуры создано 6 новых посадочных страниц: «О компании», «Реквизиты и сертификаты», «Вопросы и ответы» (с написанием уникальных стилей для аккордеона FAQ), «Способы оплаты», «Гарантии» и «Политика обработки персональных данных».
Рекомендации по дальнейшему развитию
После успешного релиза заказчику был передан комплексный план стратегического развития обновленного ресурса для закрепления позиций в нише B2B IT-услуг.
Проект передан в эксплуатацию. Обновленный код соответствует стандартам веб-разработки, а официальная документация по серверному окружению доступна на ресурсах.
Развернуть полный вид обновленного сайта по IT-аутсорсингу
Примечание: текущее состояние и внешний вид действующего сайта могут отличаться от представленных в данном кейсе, так как после завершения проекта заказчик самостоятельно управляет контентом.
FAQ: Вопросы по миграции и разработке сайтов
В чем сложность миграции с Joomla 3 на Joomla 6?
Переход через несколько мажорных версий требует полной переработки архитектуры базы данных и отказа от старого кода. Большинство плагинов для 3-й версии несовместимы с 6-й, поэтому требуется поиск аналогов (как в случае замены XMAP на OSMap) и разработка нового шаблона с нуля.
Зачем понадобилось создавать 2 версии бэкапов?
Это стандарт безопасности при сложных инфраструктурных изменениях. Архивная копия старого сайта гарантирует, что ни один байт исторической информации не потеряется, а бэкап нового сайта позволяет мгновенно восстановить работу в случае сбоев на хостинге.
Почему важно переводить логотипы в формат SVG?
SVG — это векторный формат. В отличие от растровых PNG или JPG, векторная графика не теряет качество при масштабировании, выглядит идеально четко на экранах с высокой плотностью пикселей (Retina) и при этом весит в несколько раз меньше, ускоряя рендеринг страницы.
Для чего нужна маска ввода телефона в формах?
Маска +7(999) 999-99-99 исключает человеческий фактор: пользователь физически не сможет отправить форму, если введет недостаточно цифр или опечатается. Это экономит время отдела продаж, избавляя их от обработки нерабочих лидов.
Обязательно ли добавлять ссылку на обработку персональных данных?
Да. Наличие активного чекбокса или ссылки на политику конфиденциальности в любой форме обратной связи (даже при заказе обратного звонка) — это строгое требование законодательства, защищающее бизнес от серьезных штрафов.
