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

Опубликовано: 2022-04-11

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

Чем лучше вы определите это видение в самом начале, тем успешнее будет ваш редизайн и тем более плавным будет весь процесс.

Бесплатная рабочая тетрадь: как спланировать успешный редизайн веб-сайта

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

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

Фактически, новое исследование показало, что 50% потребителей считают, что дизайн веб-сайта имеет решающее значение для общего бренда бизнеса. Для многих посетителей веб-сайт, который вы публикуете, так же важен, как и товары, которые вы продаете.

Как часто вы должны переделывать свой сайт?

По данным Business 2 Community, средняя продолжительность жизни веб-сайта составляет от 1,5 до 2,5 лет. Поскольку тенденции в дизайне меняются, а технологии развиваются, это среднее время, в течение которого редизайн будет казаться «свежим» и конкурентоспособным. Однако этот временной интервал является лишь ориентиром, поэтому вам нужно будет определить, что лучше всего подходит для вашей уникальной организации.

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

  • Как часто меняется ваш бренд или цели. Когда вам не терпится создать новый сайт, сначала спросите себя: «По-прежнему ли этот веб-сайт представляет нас как компанию?»
  • Сколько бюджета вы выделяете на дизайн и разработку. Спросите себя: «Может ли дизайн сайта подождать, или у меня есть причины использовать бюджет на нашем сайте сейчас?»
  • Как долго ваш сайт остается функциональным и быстрым. Встаньте на место своих клиентов и посмотрите, сможете ли вы хорошо перемещаться по сайту и находить все, что хотите, не сталкиваясь с ошибками или долгой загрузкой страницы. Почти 50% веб-сайтов получают от четырех до шести просмотров страниц за одно посещение — весь этот просмотр означает, что навигация и скорость вашего сайта действительно имеют значение.
  • Производительность вашего сайта. Спросите себя: «Конвертирует ли этот сайт разумное количество трафика? Остаются ли люди на странице в течение разумного периода времени или уходят?»
  • Изменения в отрасли. Например, когда Google объявил, что будет переходить на индексирование, ориентированное на мобильные устройства, необходимо было, чтобы веб-сайты были оптимизированы для мобильных устройств, иначе они потеряют органический трафик от Google.

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

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

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

1. Сравните текущие показатели эффективности.

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

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

  • Количество посещений, посетителей и уникальных посетителей
  • показатель отказов
  • Время на сайте
  • Самые эффективные ключевые слова с точки зрения рейтинга, трафика и лидогенерации.
  • Количество доменов входящих ссылок
  • Общее количество новых потенциальных клиентов и отправленных форм
  • Общий объем продаж (в долларах)
  • Всего проиндексировано страниц
  • Всего страниц, получающих трафик

Если у вас нет доступа к этой информации, я рекомендую такие инструменты, как Google Analytics и Marketing Analytics от HubSpot, для лучшего отслеживания и визуализации эффективности вашего веб-сайта.

панель аналитики в hubspot, которая поможет изменить дизайн вашего сайта

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

2. Определите цели редизайна вашего сайта.

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

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

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

Рассмотрите следующие цели, основанные на данных, для вашего собственного веб-сайта:

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

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

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

3. Определите свой брендинг и сообщения.

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

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

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

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

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

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

Рассмотрим следующий пример того, как мы могли бы описать HubSpot с помощью «тарабарщины»:

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

Скажи что ? Давайте переведем это на то, как люди на самом деле говорят:

Универсальное маркетинговое программное обеспечение HubSpot помогает более чем 100 000 компаний в более чем 120 странах привлекать потенциальных клиентов и превращать их в клиентов. Являясь пионером в области входящего маркетинга, HubSpot стремится помочь своим клиентам создавать маркетинг, который им действительно нравится.

Гораздо понятнее!

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

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

4. Определите личность покупателя.

Ваш сайт не только о вас. На самом деле, вряд ли это про вас.

Когда ваши посетители попадают на ваш веб-сайт, они спрашивают себя: «Что в этом для меня? Как это может мне помочь?»

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

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

как часть плана редизайна веб-сайта, профиль покупателя из hubspot делает мой инструмент персоны

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

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

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

5. Защитите страницы, оптимизированные для поисковых систем.

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

Задокументируйте наиболее важные для поиска страницы.

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

Создайте стратегию переадресации 301.

Говоря о переадресации 301, они чрезвычайно важны с точки зрения сохранения трафика и ценности ссылки, связанной с данной страницей. Создайте электронную таблицу для записи и отображения ваших переадресаций 301 (старые URL-адреса и новые URL-адреса). Затем передайте этот документ кому-то из технических специалистов для надлежащей реализации.

Проведите исследование ключевых слов.

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

Экономьте время и занимайте более высокие позиции в Google с помощью нашего бесплатного SEO-шаблона на странице.

6. Проанализируйте конкуренцию.

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

сайт-редизайн-веб-сайт-грейдер

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

7. Проведите инвентаризацию своего высокоэффективного контента.

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

Например, такие активы могут включать ваши:

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

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

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

8. Выберите правильное программное обеспечение.

Последний (но, возможно, самый важный) шаг процесса редизайна веб-сайта — это выбор правильного программного обеспечения для создания и размещения вашего веб-сайта. Это программное обеспечение обычно называется системой управления контентом (CMS) и используется для разработки, дизайна и публикации вашего веб-сайта для всеобщего обозрения.

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

Есть сотни CMS на выбор, включая CMS Hub — единственную комбинацию CMS и CRM. Или вы можете ознакомиться с некоторыми из лучших платформ CMS, чтобы узнать о доступных вариантах.

Начните редизайн вашего сайта сегодня

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

Примечание редактора. Этот пост был первоначально опубликован в январе 2013 года и обновлен для большей полноты.

Блог - Руководство по рабочей тетради по редизайну веб-сайта [на основе списка]