Как сделать редизайн сайта

Как правильно сделать редизайн сайта

Вступление

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

1. Анализ существующего сайта

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

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

2. Анализ конкурентов

Вряд ли ваш сайт единственный в своей сфере – а значит, и сейчас, и в новом дизайне он будет конкурировать с другими сайтами.

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

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

Обратите внимание не только на общий внешний вид, но и на отдельные элементы – какие фотографии сделали конкуренты для своих сайтов? Выкладывают ли они видео? Если да, то какое, как оно интегрировано в сайт?

Посмотрите расположение элементов и информации – что выносится на первую страницу? Что скрывается в конце страницы? Используются ли всплывающие окна, баннеры? Есть ли ссылки на социальные сети? И если есть, то где?

3. Мнение пользователей

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

Если у вас интернет-магазин – может, надо добавить новые фильтры или изменить порядок показа товаров?

Если блог – не хватает тегов или отображения количества просмотров у статьи?

Если вы занимаетесь продажей услуг – может, тяжело найти контакты? Или не хватает отзывов клиентов и фотографий с результатами работы?

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

4. Проработка фирменного стиля

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

Фирменный стиль – важная вещь, так как она имеет три основных функции:

• идентифицирующая: элементы фирменного стиля компании (в том числе сочетание цветов) ассоциируются с ней на рынке;
• дифференцирующая: стиль компании выделяет ее на фоне конкурентов;
• имиджевая: фирменный стиль вид компании влияет на ее репутацию.

5. Подготовка контента

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

Поэтому важно начать подготавливать контент сразу же, как только вы приступили к редизайну сайта. Зачастую именно от этого будет зависеть эффективность новой версии сайта.

6. Тестирование

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

Если сомневаетесь все ли проверили, сверьтесь с этой статьей « Чек-лист для запуска сайта ».

В заключение

Работа над сайтом не заканчивается никогда. После редизайна стоит узнать мнение своих пользователей. Можно сделать рассылку с общими вопросами (заодно рассказав о том, что у вас новый сайт). Практически всегда выявляются какие-нибудь недочеты, но главное – не бояться их и оперативно исправлять.

Советы по SEO при редизайне с сохранением позиций

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

Редизайн – это изменение, которое затронет не только визуальную оболочку сайта, но и структуру в целом.

Более подробно узнать о том, что такое редизайн и с чем его едят, можно здесь.

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

Как провести редизайн сайта без потери позиций?

Итак, пришло время менять дизайн сайта, поэтому стоит задуматься над такими вещами, как:

Смена CMS

Если у вас небольшой сайт, созданный на самописной системе управления, в штате нет программиста и цели вашего ресурса не нуждаются в определенных задачах, то имеет смысл перейти на более стандартную CMS. Для интернет-магазинов оптимально подойдут такие системы управления, как OpenCart, Битрикс, для сайтов-услуг – WordPress, Joomla и другие. Кстати, про выбор CMS для интернет-магазинов у нас есть статья из 3 частей.

Структура сайта

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

Исходя из нового семантического ядра, имеет смысл расширить количество категорий и подкатегорий, а также следует создать новые фильтры на сайте. Только имейте ввиду – при создании фильтров делайте статические страницы с отличными title, description и Н1. А для Битрикс советуем установить SEO умного фильтра.

HttpS

В конце 2016 года в Google объявил о важном факторе ранжирования сайтов – наличии HTTPS – безопасного протокола передачи информации. В Google Chrome сайты на http будут помечаться как небезопасные. Поэтому при смене дизайна советуем совместить работы и по переезду сайта на https, особенно если вы собираете у пользователей личную информацию (email, номер телефона и т.п.).

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

Формируйте ЧПУ, следуя всем требованиям. Если ранее вы не задумывались о создании правильных адресов, то теперь самое время:

• старайтесь не использовать длинные адреса страниц;
• cоздавайте ЧПУ под Яндекс или Google с помощью транслита – смотря под какую ПС вы планируете продвижение вашего сайта;
• избавьтесь от расширений на конце адресов (.html, .php и т.д.);
• не используйте пробелы, для разделения лучше всего подойдет тире.

И самое ВАЖНОЕ: настройте перенаправления (301 редирект) со старых адресов на новые. Таким образом поисковики быстрее воспримут изменения в смене адресов страниц.

Формирование сниппета

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

1. Перенесите старые значения тегов title, description и заголовков h1-h3 или сформируйте новые, согласно рекомендациям.
2. Добейтесь появления быстрых ссылок.
3. Настройте семантическую микроразметку для всего, что только можно: контакты, цепочка навигации (хлебные крошки), товары, отзывы и т.д.
4. Если у вас интернет-магазин, и цены вашего магазина конкурентоспособны, то добавьте его в Яндекс.Вебмастер «Товары и цены».
5. Создайте и разместите фавикон.
6. Зарегистрируйте организацию в Яндекс.Справочнике и Google Business.

Поисковые системы

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

Скорректируйте или создайте файл robots.txt, который должен открываться по адресу: example.ru/robots.txt

Совет: закройте системные разделы, панель администратора, страницы поиска, файлы стилей и скриптов (но учтите, что для GoogleBot’a стили, скрипты и шрифты должны быть открыты).

Общие моменты

Вот несколько важных моментов, которые стоит учесть после проведения редизайна:

1. Проверьте скорость загрузки каждой страницы сервисом PageSpeed Insights и, если показатели низкие, выполните представленные рекомендации по улучшению скорости.
2. Настройте перенаправление (301 редирект) с дублирующих зеркал на основное.
3. Для улучшения навигации используйте перелинковку и навигационную цепочку (хлебные крошки).
4. Для исключения дублей используйте атрибут rel=canonical тега link.
5. Для отслеживания результатов проделанной работы установите счетчики Яндекс.Метрики и Google Analytics, настройте цели на важных элементах для мониторинга конверсий.
6. Не забудьте о текстах. Если на старом сайте есть хороший уникальный контент, то перенесите его на новую версию вашего ресурса.

И еще кое-что

Внешний вид вашего сайта очень важен, ведь с устаревшим дизайном ресурса сложнее удержать/завоевать ТОП-10. Глобальные изменения на сайте могут повлиять на ваш доход как положительно, так и отрицательно. Если делать все с чувством, с толком, с расстановкой (пускай даже с ограниченным бюджетом), но прислушиваясь к нашим простым советам – результат вас приятно удивит:

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

Если вы хотите сменить дизайн без потери позиций, обращайтесь к нам! Специалисты выполнят редизайн в соответствии со всеми требованиями поисковой оптимизации.

Как не потерять SEO позиции при редизайне сайта

Внимание! Партнерский материал от Владиславы Рыковой, директора маркетингового агентства МАВР

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

Когда нужен редизайн

Вашему сайту срочно нужен редизайн, если:

• Есть ошибки в функционале. Они будут мешать вашим посетителям, что негативно повлияет на SEO-продвижение.
• Проблемы с юзабилити. Если вашим посетителям неудобно пользоваться сайтом, это обязательно скажется на количестве постоянной аудитории.
• Текущий дизайн устарел. Мировые информационные компании делают редизайн ориентировочно раз в два года. Если оформление и функционал вашего сайта не менялись большее 3-5 лет, тогда это пора сделать, так как тенденции в интернете меняются быстро.
• Вы использовали шаблонный дизайн. В нем нет ничего плохого, если сайт нужен в качестве «визитки». Если же предполагается, что он должен приносить доход, доработайте его под собственный проект.
• Сайты ваших конкурентов лучше. Вы получите больше посетителей, если ваш проект выглядит лучше или превосходит хотя бы в чем-то конкурентов.

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

Как правильно сделать редизайн

Перед началом любых работ, связанных с редизайном, необходимо понять какие моменты и как именно следует изменить, чтобы сделать сайт удобней и приятней. Для этого желательно изучить конкурентов и новости индустрии (читайте “ Советы по редизайну сайта. Тенденции веб-дизайна 2017 ”). Дальше вам нужно будет вместе с техническим специалистом продумать и определиться с некоторыми моментами:

• структурой;
• навигацией;
• контентом;
• тегами: alt, title, description.

Структура сайта

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

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

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

Чтобы изменения были замечены и проиндексированы поисковыми роботами как можно быстрее, загрузите их в XML-sitemap и добавьте в Инструменты для Вебмастеров от Яндекса и Google.

Навигация сайта

Иногда желание сделать сайт особенным, используя Flash, негативно сказывается на его позициях в поисковой выдаче. Это происходит из-за того, что у него снижается юзабилити и доступность для поисковых роботов. Чтобы избежать падения позиций, в новом дизайне лучше заменить Flash-элементы на HTML5.

Контент

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

Мета-теги title, description и alt

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

Что же касается тега keywords, то он уже давно потерял свою актуальность, поэтому при переносе можете его опустить.

Как понять, что трафик просел именно после редизайна? Поиск проблемных мест на примере сайта bonparik.ru

Резкое снижение количества посетителей на сайте bonparik.ru произошло в августе 2016 года. Это зафиксировано через Google Analytics:

С августа по декабрь того года посещаемость сайта была в среднем 5 человек за день. Это говорит о том, что Google Analytics работал все это время. Чтобы понять из-за чего произошло падение трафика до 0 следует разобраться что именно за работы над сайтом были проведены в июле и августе. Для этого можно воспользоваться Web Archive: https://web.archive.org . В архиве этого портала видим, что 19 июля 2016 года сайт выглядел так:

А 7 августа вот так:

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

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

Как видно из скриншотов Web Archive в новом меню сайта не хватает таких подразделов:

• раздел Аксессуары: Лечение волос, Профессиональная косметика, Украшения;
• раздел Шиньоны: Наращивание, Полупарики, Резинки, Шиньоны;
• раздел Накладки: Брови и ресницы, Накладки, Усы, бороды и бакенбарды, Челки;
• страница Партнерам.

По новому дизайну сайта мы увидели, что некоторые подкатегории добавили в фильтры (например, в разделе Шиньоны есть Полупарик и Шиньон), но проблема в том, что изменился адрес страниц, а 301-редирект не был настроен. Именно поэтому был потерян трафик по старым урлам.

После проверки при помощи сервиса megaindex.ru видно, что в индексе есть 3 поддомена исследуемого сайта:

Если такие дубли повторяют структуру основного сайта, тогда они негативно влияют на ранжирование.

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

Проводим проверку сайта на наличие санкций при помощи сервиса https://seolib.ru/tools/pessimization-checker .

Просматриваем и сравниваем с датами внедрения новых алгоритмов в Google: https://seolib.ru/info/google-filter-chronology .

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

Источники:

https://timeweb.com/ru/community/articles/kak-pravilno-sdelat-redizayn-sayta-1
https://1ps.ru/blog/dirs/2018/sovetyi-po-seo-pri-redizajne-s-soxraneniem-poziczij/
https://www.onwordpress.ru/redesign-and-seo.html