7 days of PowerPoint templates, graphics & videos - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Business
  2. Web Design

10 Советов по переработке дизайна сайта, чтобы добиться лучших результатов в 2017

Scroll to top
Read Time: 10 mins
This post is part of a series called How to Redesign Your Website Effectively (Ultimate Guide).
How to Apply a Website Redesign Checklist in 10 Easy Steps

Russian (Pусский) translation by Lexie Bykova (you can also view the original English article)

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

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

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

Are you ready to redesign your website with the best tips and techniquesAre you ready to redesign your website with the best tips and techniquesAre you ready to redesign your website with the best tips and techniques
Готовы ли вы к переделке своего сайта и воспользоваться лучшими советами и методами? (источник графики)

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

10 Лучших советов по переработке дизайна для роста бизнеса в 2017

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

1. Упор на мобильные устройства

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

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

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

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

2. Планируйте с учетом роста объема контента

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

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

Просмотрите и другие темы WordPress:

3. Создайте удобный опыт пользователя

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

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

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

4. Упростите А/В тестирование

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

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

Для начала вы можете обратить внимание на такие инструменты, как Optimizely, Unbounce, and Visual Website Optimizer.

5. Разместите эффектные визуальные и графические элементы

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

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

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

Photo web content eye tracking studyPhoto web content eye tracking studyPhoto web content eye tracking study
Изучение движения глаз на фото-контенте в вебе

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

6. Настройте специальные лендинги

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

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

В зависимости от индустрии, специальные лендинги имеют уровень конверсии от 2,6% до 6%, согласно отчету Unbounce, популярной платформы лендингов.

7. Интегрируйте со своими профилями в соцсетях

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

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

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

8. Уделите внимание персонализации

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

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

Персонализация может способствовать росту бизнеса. Согласно исследовательской фирме "Gartner" к 2020 году персонализация может увеличить прибыль от бизнеса на 15%.

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

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

Trunk Club segmentation for women and menTrunk Club segmentation for women and menTrunk Club segmentation for women and men
Персонализация для женщин и мужчин от "Trunk Club"

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

9. Учитывайте поисковую оптимизацию (SEO) в переработке дизайна

Стратегия поисковой оптимизации  (SEO) вашего нового дизайна повлияет на легкость, с которой ваша целевая аудитория сможет находить ваш сайт, совершая поиск на сайтах типа Google или Bing. Этому совету следует уделить серьезное вниманию. SEO особенно важно для сайтов онлайн-коммерции, так как приток посетителей по большей части осуществляется по поиску, согласно "Yotpo", компании, проводящей обзоры софтов.

Traffic by sourceTraffic by sourceTraffic by source

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

Индексация мобильного поиска

Ранее в этой статье мы уже обсуждали "мобильный индекс" от "Google", но стоит еще раз об этом сказать здесь, так как он станет частью вашей стратегии SEO.

Чтобы ваш новый дизайн правильно индексировался Google, обязательно используйте отзывчивый дизайн. Такой дизайн адаптируется под экран устройства. Вы можете заказать отзывчивый дизайн своему дизайнеру. Но если вы хотите это сделать сами, обратите внимание на дизайны вроде Porto и Canvas на ThemeForest.

Местный поиск

Только потому, что ваш сайт можно открыть из любой точки мира, не значит, что вам стоит игнорировать местных посетителей. Даже в эпоху сайтов вроде Amazon, которые могут прислать вам что угодно, от оборудования до еды, локальный поиск становится еще более важным. По наблюдениям Clix Marketing, 72% потребителей, проводивших локальный поиск, зашли в магазин в радиусе 5 миль.

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

Голосовой поиск

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

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

10. Постарайтесь, чтобы ваш новый сайт соответствовал вашему бренду

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

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

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

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

Wallmart highlights its large volume of productsWallmart highlights its large volume of productsWallmart highlights its large volume of products
Wallmart продает товары в больших количествах.

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

Harrys highlights product qualityHarrys highlights product qualityHarrys highlights product quality
Высокое качество фотографий на Harry's

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

Как получить максимум от нового дизайна вашего сайта

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Business tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.