Сайт shildpanel.ru

Кейс по продвижению и переносу сайта с MODX на Nuxt.js
Сайт shildpanel.ru
Продвижение и перенос сайта с MODX на Nuxt.js.
Регион: Россия
Начало сотрудничества: 2019 год

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

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

Сайт shildpanel.ru

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

Основной проблемой в начале работы была сложная структура сайта: например, было более 30 шаблонов. Но из них использовалось менее 50%. Названия шаблонов и элементов сайта были не логичным и тяжело было понять, что выполнял каждый из них. Постепенно я оптимизировал структуру сайта для упрощения его доработки, внесения правок и улучшения стабильности работы.

Были разработаны типовые коммерческие блоки, которые описывают преимущества продукции и доказывают опыт компании. Добавлены разделы с кейсами, отзывами, вакансиями.

Выполнены типовые работы по SEO оптимизации: составлено семантическое ядро, которое было кластеризовано по смыслу и поисковой выдаче с помощью сервиса Rush-analytics. На основе этих данные были переработаны посадочные страницы. Некоторые страницы были объединены, недостающие страницы были созданы. Переписаны мета-теги и контент на страницах. Внедрена разметка Схема.орг.

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

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

Было принято решение перевести сайт с MODX на Nuxt.js + Express.js + MongoDB с сохранением структуры сайта, URL страниц, дизайна и функциональности. В процессе переноса, с нуля были сделаны все шаблоны и элементы сайта, существенно оптимизировав вёрстку. Сам процесс переноса занял ровно 3 месяца.

Админка сайта 1

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

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

Админка сайта 2

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

Раздел портфолио был модернизирован. Фильтры по типу продукции и способу её изготовления сделаны в стиле интернет-магазина. Фильтры срабатывают мгновенно и идёт подсчёт отфильтрованных элементов в разделе.

Портфолио на сайте

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

Перенос сайта с MODX на Nuxt.js потребовал изменения в хостинге. Ранее сайт на MODX хранился на обычном виртуальном хостинге. Nuxt.js потребовал VPS. В текущее всегда покупка и настройка VPS является простой и типовой операцией. Стоимость VPS - 350 рублей в месяц.

Давайте поработаем!

metrika