Июль 15, 2019, Автор Дмитрий Белобородов

Кейс: перенос сайта WordPress на новый шаблон

Кейс: перенос сайта WordPress на новый шаблон

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

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

Подготовительные работы

Ключом к успешному переносу сайта на новый шаблон WordPress является детальный анализ исходного ресурса. Нам предстояло импортировать контент полностью: страницы, записи, изображения, контактные формы — всё это (и многое другое) с сохранением SEO-атрибутов, чтобы сайт не потерял позиций в поисковых системах.

Для этого мы выработали план действий:

Сайт до переноса на новый шаблон

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

Подготовка среды: базовая настройка WordPress на рабочем поддомене (мы выбрали такой вариант разработки) с закрытием сайта от индексации на время работ.

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

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

Финальная проверка сайта: комплексная проверка сайта после переноса на новый шаблон дизайна WordPress. От настроек хостинга до мета-тегов и редиректов страниц.

Оценка и подготовка среды

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

Первоначальная настройка прошла успешно, можно переходить непосредственно к миграции контента. Исходный сайт имел не так уж много страниц, но многие из них были достаточно объемными. К тому же, за годы работ в них интегрировались и сторонние сервисы: Jivosite-чат и Яндекс и Google-метрики — их так же было необходимо аккуратно перенести и обновить.

Импорт контента

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

Особое внимание здесь пришлось обратить на улучшение и оптимизацию кода страниц. Пусть в нашем случае преобладали текстовые данные, но хватало контента, который содержал «плохой» код: например, неадаптивные таблицы с зашитыми в код CSS-стилями. Они довольно ощутимо понижали рейтинг в сервисе PageSpeed Insights, а также ухудшали адаптивность сайта в целом.

Данная проблема исправлялась в процессе переноса контента, а также в общей работе по оптимизации сайта. Кстати, на скриншоте Вы можете увидеть таблицу, которая сохранила свой вид, но теперь стала на 100% адаптивной и кроссбраузерной.

Кейс: перенос сайта WordPress на новый шаблон

Перенос и обновление дизайна сайта на WordPress

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

Кропотливая работа по реализации стилей для нового дизайна и его адаптивности — всё это на скриншотах ниже. К примеру, преображение главной страницы, ДО и ПОСЛЕ:

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

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

Финальная проверка и тестирование сайта

После завершения основных работ по переходу сайта на WordPress на новый шаблон дизайна нам предстояло совершить постраничный обход сайта, попутно добавляя мета-теги страницам и записям, а затем всё протестировать и перепроверить. С мета-тегами мы справились быстро, а про тестирование сайта перед релизом и про то, на что нужно обращать внимание во время этого — расскажем немного подробнее:

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

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

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

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

Итог

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

Кейс: перенос сайта WordPress на новый шаблон

Над задачей работали:

10c36f10-5ef4-4e40-a74c-27ed9ba72ac0
Дмитрий Белобородов
Wordpress Developer
Разработка и наполнение сайтов на WordPress. HTML / CSS / PHP / JavaScript / SQL. Основы C++ и Ruby.
CEO Олег Фролов
Олег Фролов
CEO, партнер
Продажи. Управление проектами. SEO. Разработка сайтов на CMS Wordpress и Битрикс.

Оставить комментарий

avatar
  Подписаться  
Уведомление о

Scroll Up