Редизайн сайта для чего нужен

Правильный редизайн сайта — пошаговый алгоритм, основные вопросы и нюансы

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

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

Основные вопросы при смене дизайна сайта

Еще до начало каких-либо работ, необходимо четко понять нужен ли вам редизайн сайта.
Рекомендую ответить на следующие вопросы:

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

Редизайн сайта для чего нужен. z90zlirlcpn6n4oiv4dteoit244. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-z90zlirlcpn6n4oiv4dteoit244. картинка Редизайн сайта для чего нужен. картинка z90zlirlcpn6n4oiv4dteoit244. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Редизайн сайта для чего нужен. og1o1ofca0ncjjjbr02rn6rj62c. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-og1o1ofca0ncjjjbr02rn6rj62c. картинка Редизайн сайта для чего нужен. картинка og1o1ofca0ncjjjbr02rn6rj62c. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

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

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

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

По истечению некоторого времени (1-2) недели, рекомендую начинать постепенно убирать проставленные теги и смотреть на позиции сайта. Это нам даст возможность «Откатить изменения» при смене позиций в нежелательную сторону.

Подготовка прототипа будущего дизайна сайта

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

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

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

Выбор программы для создания прототипа

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

1. Gliffy

Бесплатная версия есть, можно пользоваться.

Источник

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

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

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

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

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

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

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

+Перегруженный код сайта

+Слишком большой объем высококачественных изображений

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

Статья подготовлена Руководителем отдела проектов студии Hardy Branding Дарьей Фроловой.

Источник

Редизайн сайта: что это такое и кому он нужен?

Ни для кого не секрет, что дизайн – это первое, на что обращают внимание посетители сайта.

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

Среди разработчиков существует мнение, что обновлять дизайн сайта следует не реже 1 раза в 5 лет.

Редизайн – это не просто смена оформления. Подобного рода процедура подразумевает еще и серьезные изменения функционала ресурса, вплоть до переноса на другую, более удобную CMS.

Признаки того, что вам и вашему сайту уже пора сделать редизайн:

Дизайн сайта в прямом смысле слова устарел

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

Редизайн сайта для чего нужен. redis site 1. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 1. картинка Редизайн сайта для чего нужен. картинка redis site 1. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Веб-технологии – пожалуй, одна из наиболее быстро развивающихся сфер.

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

Посмотрите на то, как изменялся дизайн сайта Ozon.ru. Вот так выглядела главная страница 19 июня 2000 года:

Редизайн сайта для чего нужен. redis site 2. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 2. картинка Редизайн сайта для чего нужен. картинка redis site 2. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Через 5 лет, 19 июля 2005 года:

Редизайн сайта для чего нужен. redis site 3. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 3. картинка Редизайн сайта для чего нужен. картинка redis site 3. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

16 сентября 2010 года:

Редизайн сайта для чего нужен. redis site 4. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 4. картинка Редизайн сайта для чего нужен. картинка redis site 4. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

И наконец, узнаваемый всеми Ozon; снимок от 1 марта 2016 года:

Редизайн сайта для чего нужен. redis site 5. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 5. картинка Редизайн сайта для чего нужен. картинка redis site 5. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Как видим, Ozon не стоит на месте, делает редизайны каждые 5 лет (да не просто редизайны, а полный ребрендинг).

Компания «Яндекс» выполняет масштабный редизайн своего сайта каждые два года – настоящий пример для подражания.

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

Кстати, вот таким современным стал сайт акушера-гинеколога после редизайна:

Редизайн сайта для чего нужен. redis site 6. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 6. картинка Редизайн сайта для чего нужен. картинка redis site 6. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Хотите посмотреть, каким был ваш сайт 5 лет назад? Вам сюда.

Ваш сайт создан на конструкторе и используется шаблонный дизайн

Еще одна проблема многих сайтов – они сделаны по шаблону, на конструкторе.

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

Строительство деревянных домов

Редизайн сайта для чего нужен. redis site 7. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 7. картинка Редизайн сайта для чего нужен. картинка redis site 7. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Редизайн сайта для чего нужен. redis site 8. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 8. картинка Редизайн сайта для чего нужен. картинка redis site 8. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Редизайн сайта для чего нужен. redis site 9. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 9. картинка Редизайн сайта для чего нужен. картинка redis site 9. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Редизайн сайта для чего нужен. redis site 10. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 10. картинка Редизайн сайта для чего нужен. картинка redis site 10. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Почему шаблонный дизайн – это плохо?

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

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

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

И конечно же, имеет смысл напомнить, что сайты на конструкторах довольно часто сложно продвинуть как раз из-за ограничения в функционале, это сайты на TIU, Wix и некоторые другие.

Обилие технических ошибок

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

Подобного рода недочеты мы тоже исправляем при редизайне.

Сайт не отвечает требованиям посетителей

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

Большой процент отказов показывает, что сайт явно не нравится пользователям:

Редизайн сайта для чего нужен. redis site 12. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 12. картинка Редизайн сайта для чего нужен. картинка redis site 12. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Если конверсия у сайта низкая (ниже 1%), процент отказов выше 20%, это повод задуматься над редизайном.

Сайты конкурентов выглядят намного выигрышнее на фоне вашего

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

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

Сайт, который крутится по контекстной рекламе:

Редизайн сайта для чего нужен. redis site 13. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 13. картинка Редизайн сайта для чего нужен. картинка redis site 13. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Сайт, находящийся на первом месте органической выдачи:

Редизайн сайта для чего нужен. redis site 14. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 14. картинка Редизайн сайта для чего нужен. картинка redis site 14. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Редизайн сайта для чего нужен. redis site 15. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 15. картинка Редизайн сайта для чего нужен. картинка redis site 15. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

ТОП-3 завершает вот такой сайт:

Редизайн сайта для чего нужен. redis site 16. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 16. картинка Редизайн сайта для чего нужен. картинка redis site 16. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

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

И если ваш сайт не такой, то и в ТОП ему, попасть будет сложно:

Редизайн сайта для чего нужен. redis site 17. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-redis site 17. картинка Редизайн сайта для чего нужен. картинка redis site 17. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

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

Как составить ТЗ разработчикам? На что нужно обратить внимание? И, наконец, как не просесть по имеющимся позициям? Разбираемся по порядку.

Что нужно учитывать при разработке ТЗ для редизайна сайта?

Шаг 1. Решите, для чего вы заказываете редизайн

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

Шаг 2. Установите, как (хотя бы примерно) должен выглядеть сайт

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

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

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

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

Шаг 3. Определите, останется ли сайт на прежней CMS, или все-таки стоит перенести ресурс на новую

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

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

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

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

Шаг 4. Задумайтесь сразу о продвижении

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

Шаг 5. Отслеживайте эффективность

Кстати, а на вашем ресурсе установлены счетчики веб-аналитики? Если до сих пор нет, то обязательно установите!

Важно не просто наводить «красивости», важно сравнить показатели ДО и ПОСЛЕ – тогда вы точно будете знать, что редизайн не навредил сайту, а только пошел ему на пользу.

Обращайте внимание на посещаемость, время, проведенное пользователями на сайте, процент отказов и, конечно же, конверсию. О том, как работать с Яндекс.Метрикой, подробно написано в нашей книге «Бизнес-аналитика: ни шагу без Яндекс.Метрики».

Вместо итога:

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

Пример редизайна интернет-магазина постельного белья:

Таким сайт поступил к нам:

Редизайн сайта для чего нужен. mirte old small. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-mirte old small. картинка Редизайн сайта для чего нужен. картинка mirte old small. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Таким мы его сделали:

Редизайн сайта для чего нужен. mirte new small. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-mirte new small. картинка Редизайн сайта для чего нужен. картинка mirte new small. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Итак, по данным Яндекс.Метрики, исходные показатели у сайта были следующие:

После редизайна показатели заметно улучшились:

Полное портфолио можно посмотреть тут.

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

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна.

Руководитель отдела Управления репутацией Сервиса 1PS.RU

Редизайн сайта для чего нужен. 1ps litvinova new. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-1ps litvinova new. картинка Редизайн сайта для чего нужен. картинка 1ps litvinova new. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Понравилась статья?

Спасибо, мы старались!

Кстати, вы подписаны на нашу рассылку? Если нет, то самое время познакомиться с Катей.

Сожалеем, что не оправдали ваши ожидания ((
Возможно, вам понравятся другие статьи блога.

95 чел. оценили, средняя оценка 4.6

Пошаговое руководство по самостоятельному продвижению сайта

Источник

Редизайн сайта или как сохранить позиции и трафик в поисковых системах

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

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

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

График трафика после редизайна сайта

Не надо так делать!

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

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

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

Неплохой практикой является аудит сайта до проведения редизайна. Он позволит решить явные проблемы до и избежать их после смены дизайна.

Редизайн сайта, всегда занимает некоторое время, и пока новый дизайн находится в процессе внедрения, текущий сайт должен исправно работать.Чтобы не вносить изменения и делать тесты на «боевом» сайте и не пугать пользователей, тестируйте лучше новый дизайн на временном адресе, который будет закрыт от индексации поисковыми системами (чтобы исключить дубли страниц) и недоступен пользователям. После того, как новый дизайн будет готов, уже можно перенести изменения с временного URL на основной сайт.Совет: если была значительная переработка сайта, то перенесите старый сайт на тестовый временный адрес, чтобы после смены дизайна остался быстрый доступ к старому дизайну, структуре, и текстам на сайте.

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

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

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

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

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

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

Когда ваш новый сайт начнет собираться в единый пазл, вы должны задать себе вопрос «Является ли этот сайт более или менее оптимизированным, чем раньше?»

Чтобы ответить на этот вопрос, вам необходимо провести два SEO-аудита инфраструктуры и контента сайта: до запуска и после запуска.

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

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

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

Скорость загрузки сайта является критичными параметром в продвижении сайта.

Убедитесь, что после обновления дизайна, сервер отвечает на запрос с оптимальной скоростью — 50–200 мс, а загрузка первого экрана страницы не больше 3 секунд.

Проверить скорость загрузки можно с помощью сервисов «PageSpeed Insights»

Источник

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

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

Мы постарались дать ответы на эти вопросы в статье.

Когда нужно делать редизайн сайта

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

1. Меняется фирменный стиль компании

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

2. Дизайн сайта устаревший

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

3. Снижается количество продаж

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

4. Проблемы с юзабилити

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

5. Хуже, чем у конкурентов

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

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

Пошаговый алгоритм редизайна сайта

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

Шаг 1. Провести анализ

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

Изучение поведения клиентов на сайте очень важно для понимания его потребностей и предпочтений. К примеру, музыкальный сервис last.fm после проведения редизайна столкнулся с недоумением пользователей и получил множество сообщений в техподдержку. Изменение функционала настолько не понравилось постоянным посетителям ресурса, что они создали петицию, в которой просили разработчиков вернуть старую версию.

Версия сайта после редизайна:

Редизайн сайта для чего нужен. 1 8eeaa81d7cd4e0782abc9e9756d0431a. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-1 8eeaa81d7cd4e0782abc9e9756d0431a. картинка Редизайн сайта для чего нужен. картинка 1 8eeaa81d7cd4e0782abc9e9756d0431a. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

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

Шаг 2. Пообщаться с целевой аудиторией и менеджерами сайта

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

Также есть смысл провести интервью с менеджерами по продажам, так как именно они непосредственно общаются с посетителями сайта. Можно задать следующие вопросы:

Шаг 3. Проанализировать сайты конкурентов

Как выглядит MySpace сейчас:

Редизайн сайта для чего нужен. 2 1adda364b552deb7da888345fc30b5a4. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-2 1adda364b552deb7da888345fc30b5a4. картинка Редизайн сайта для чего нужен. картинка 2 1adda364b552deb7da888345fc30b5a4. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Шаг 4. Проработать фирменный стиль

Яркий пример использования фирменного стиля в дизайне сайта после ребрендинга:

Редизайн сайта для чего нужен. 3 8777534fff7515351a2e77899f8c2753. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-3 8777534fff7515351a2e77899f8c2753. картинка Редизайн сайта для чего нужен. картинка 3 8777534fff7515351a2e77899f8c2753. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Бренд «Моя семья» впервые за долгое время полностью поменяли дизайн упаковки, логотип компании. После этого сделали редизайн сайта, применяя новый фирменный стиль.

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

Шаг 6. Тестировать новые элементы

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

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

Редизайн сайта для чего нужен. 4 bbd7f0bf268fcf7b8fc3ec4d0b2e354b. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-4 bbd7f0bf268fcf7b8fc3ec4d0b2e354b. картинка Редизайн сайта для чего нужен. картинка 4 bbd7f0bf268fcf7b8fc3ec4d0b2e354b. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Старая, привычная пользователям версия

Редизайн сайта для чего нужен. 5 d5529e88a327dc25ac5d34b0077416ad. Редизайн сайта для чего нужен фото. Редизайн сайта для чего нужен-5 d5529e88a327dc25ac5d34b0077416ad. картинка Редизайн сайта для чего нужен. картинка 5 d5529e88a327dc25ac5d34b0077416ad. Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.

Новая версия

Шаг 7. Постепенно внедрять новые элементы на сайт

Шаг 8. Проверить технические характеристики сайта

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

Шаг 9. Получить обратную связь от клиентов, проанализировать изменения

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *