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

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

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

Каких именно? Давайте пройдемся по этим пунктам поподробнее.

Проведите анализ и составьте план работ

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

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

Нужно получить ответы на следующие вопросы:

• что нужно сохранить, а от чего можно избавиться?
• каких разделов или страниц вам не хватает?
• если текущий дизайн сайта ограничивает ваши возможности, как это исправить?
• можно ли перенять что-то интересное у конкурентов?

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

Работайте на тестовом поддомене

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

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

Сохраните структуру и контент

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

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

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

При необходимости – настройте редиректы

Если все же необходимо вносить изменения в структуру сайта и менять URL-адреса отдельных страниц и категорий, для того чтобы избежать появления 404-ошибок и потери трафика, необходимо настроить 301 редирект с каждой старой страницы на новый адрес. Это позволит указать поисковым системам, что адрес страницы изменился и теперь она доступна по новой ссылке. Трафик и «вес» при этом полностью сохранится.

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

Убедитесь, что метатеги в порядке

Содержимое метатегов Title и Description – это ключевые маркеры, по которым Google и другие поисковые системы, определяют релевантность страниц на сайте. Поэтому, если редизайн веб-сайта затрагивает и его техническую часть, важно убедится, что все метатеги на месте и нигде ничего не слетело.

Для перестраховки, также желательно заранее сохранить их где-нибудь в файле, например, в виде отчета после сканирования программой-краулером типа Screaming Frog / Netpeak Spider, из которого потом без проблем все можно восстановить.

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

Избегайте демо-контента

Наверняка вы уже встречали таковой на различных демо-версиях с демонстрацией возможности CMS или премиум-шаблона дизайна. Наиболее популярный, так называемый «lorem ipsum» шаблон:

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

Протестируйте все перед запуском

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

Контроль качества перед запуском, включает следующие моменты:

• анализ при помощи специальных программ-краулеров, на предмет битых ссылок, дублей и прочих технических ошибок;
• проверка того, как новый дизайн отображается на различных устройствах;
• проверка скорости загрузки на тестовом поддомене;
• проверка работоспособности функционала, например, повторение конверсионного пути пользователя (симуляция заказа товара, заполнения формы и т. п.).

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

Пример ситуации, когда что-то пошло не так

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

В чем суть проблемы? Так вот, в процессе редизайна сайта, программист допустил следующие ошибки:

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

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

Если бы мы в AG.Marketing, со своей стороны, не пошли навстречу клиенту и не сделали часть работы бесплатно и за свой счет, его финансовые потери и ущерб для бизнеса были бы огромными, на порядок перекрывая полученную «экономию».

А нужен ли вам редизайн сайта вообще?

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

Поэтому, редизайн сайта оправдан, если:

• текущий дизайн разрабатывался действительно давно (3-5 лет назад);
• это позволит улучшить качество адаптации под мобильные и ускорить скорость загрузки страниц;
• ваш бизнес расширяется, а старый дизайн был заточен под конкретный продукт/направление;
• это позволит улучшить конверсию и, соответственно, повысить продажи;
• это позволит вам качественно выделиться на фоне конкурентов.

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

Подведем итоги

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

Миссия команды AG.Marketing в том, чтобы помогать бизнесу развиваться и в полной мере воспользоваться возможностями интернет-маркетинга для продвижения бренда и привлечения новых клиентов.

Так что если у вас возникли какие-либо вопросы, вы всегда можете написать нам, и мы с удовольствием вас проконсультируем!