Руководство по редизайну сайта

Руководство по редизайну сайта

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

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

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

Что такое редизайн веб-сайта?

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

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

Зачем менять дизайн сайта?

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

1. Ваш сайт не адаптивен.

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

Почему это важно?

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

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

В 2009 году глобальный процент всего поискового трафика через мобильные устройства составлял 0,7%. В 2015 году он составлял около 35%. В 2020 году на мобильные устройства приходится около 52,2% всего веб-трафика. Если ваш сайт не адаптивен, вы можете исключить более половины своей аудитории – и это количество растет.

2. Ваш сайт выглядит устаревшим.

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

3. Ваш сайт не приносит клиентов и дохода.

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

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

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

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

4. Сайт не оптимизирован для поисковых систем.

Ежедневно в Google выполняется в среднем 5,6 миллиарда поисковых запросов. Google – надежный источник информации. Надо найти рецепт? Ищем в Гугле. Надо сравнить цены перед покупкой? Ищем в Гугле. Надо узнать о продукте и не хотите разговаривать с продавцом? Ищем в Гугле. Google настолько вездесущ в нашей жизни, что даже превратился в глагол.

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

5. Сайт сложно обновляется.

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

6. Ваша компания в процессе ребрендинга.

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

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

Когда думаете о редизайне своего веб-сайта, то хотите знать, чего ожидать. Каков процесс? Кто причастен? Как много времени это займет?

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

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

6 шагов процесса редизайна веб-сайта

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

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

1. Стратегия и планирование

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

Вот, что мы включаем при составлении плана веб-сайта.

Разберитесь в профиле вашего потребителя.

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

Оцените свой контент.

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

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

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

Определите возможности конверсии.

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

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

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

Рассмотрим подход к дизайну, ориентированный на рост.

В Интернете можно найти много информации о дизайне, ориентированном на рост. Проще говоря, вы создаёте веб-сайт небольшими порциями, а не весь сразу. Это более разумный способ создания веб-сайтов, поскольку он не только ускоряет запуск вашего нового веб-сайта, но и позволяет использовать реальные данные для оптимизации сайта.

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

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

Исследование ключевых слов

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

Если ключевые слова высококонкурентны, может потребоваться платный поиск, который отображается вверху первой страницы в Google.

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

1. Ссылочная стратегия

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

Внутренние ссылки

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

Внешние (или исходящие) ссылки

Это ссылки с вашего веб-сайта на сторонние веб-сайты. Они полезны для посетителей веб-сайта, так как позволяют им легко находить связанный контент и информацию, которые вы “одобряете” по ссылке. Когда вы устанавливаете ссылку на доверенные ресурсы, такие как Forbes или Better Business Bureau, вы усиливаете их доверие к своему собственному бренду. По мнению Yoast, Google и всех ведущих авторитетов, внешние ссылки также являются основным фактором в SEO.

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

Обратные ссылки

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

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

2. Контент

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

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

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

3. Дизайн

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

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

На этапе проектирования вы можете увидеть макеты определенных страниц и макеты дизайна страницы. Эти макеты позволят вам зафиксировать общий вид сайта – будет ли на нем много белого пространства? Большие изображения? Как будут выглядеть основные и дополнительные кнопки?

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

4. Программирование

На этом этапе ваш сайт кодируется разработчиком и настраивается ваша система управления контентом (CSM). Этот шаг процесса так же важен, как и предыдущий. Многие могут написать код для веб-сайта или использовать редактор. Сайт может даже хорошо выглядеть. Но ваш разработчик должен быть обучен и иметь опыт использования передовых методов SEO, чтобы код был чистым, были все правильные заголовки, теги заголовков, альтернативный текст и другие технические аспекты.

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

Вы почти готовы к запуску сайта. Обычно к этому времени все взволнованы и готовы показать миру новый сайт. Но не пропускайте этот шаг!

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

6. Запуск сайта

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

Также необходимо убедиться, что настроены Google Analytics, Диспетчер тегов Google и Search Console. Отправьте новую карту сайта в Google, чтобы она проиндексировалась быстрее.

Еще один простой совет – не запускать сайт в пятницу днем. Весьма вероятно, что потребуются правки после запуска, и понадобится участие разработчика.

Собственная разработка, агентство, или фрилансер для редизайна сайта

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

Собственная разработка сайта

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

Преимущества собственной разработки:

Контроль: вы полностью контролируете проект и можете принимать все решения без влияния третьей стороны.

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

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

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

Минусы собственной разработки:

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

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

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

Найм агентства для редизайна сайта

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

Преимущества найма агентства веб-дизайна

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

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

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

Минусы найма агентства веб-дизайна

Обязательство: вам придётся придерживаться графика и объема работ, чтобы проект выполнялся вовремя и в рамках бюджета. Агентства заранее составляют графики проекта и определяют масштаб проекта, чтобы вы знали его стоимость.

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

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

Наем внештатного дизайнера / фрилансера

Преимущества найма фрилансера

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

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

Минусы найма внештатного веб-дизайнера

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

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

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

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

Кто должен входить в команду

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

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

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

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

Веб-дизайнер, UI/UX-специалист – эти две роли могут быть одним человеком или двумя людьми в зависимости от их набора навыков. Дизайнер разрабатывает страницы, а специалист по UI/UX гарантирует, что дизайн создает пользовательский интерфейс.

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

Front-end разработчик – этот человек кодирует веб-сайт. Обладает навыками HTML/CSS, JavaScript/jQuery и JavaScript-фреймворков.

Back-end Developer. Если ваш проект требует серьезной внутренней интеграции с системами ERP, сложными CRM или другими внутренними или сторонними приложениями, может потребоваться разработчик.

Сколько стоит редизайн сайта?

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

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