25 способов улучшить свой сайт / Хабр
Barkov
Разработка веб-сайтов *
Перевод
Автор оригинала: Andrew Faulkner
Эта небольшая статья поможет новичкам (и не только) оценить удобство собственного сайта и укажет основные недочёты, присущие многим сайтам. Ваши пользователи скажут вам спасибо =)
Юзабилити/Доступность
- Используйте логотип: поставьте ссылку на главную страницу. Звучит просто, но это здорово экономит время ваших посетителей.
- Сделайте ссылки явными: проще простого изменить ссылки и сделать их заметными на фоне сайта.
- Делайте текст читаемым: не забивайте себе голову тем, как бы впихнуть весь текст в видимую часть странички, тем самым избавив посетителей от необходимости пользоваться прокруткой – позвольте тексту свободно дышать, увеличьте межстрочный интервал и добавьте пустое пространство.
- Создайте понятную страницу ошибки 404: объясните, что означает эта ошибка, и дайте ссылку на карту сайта, главную страницу или поиск.
- Добавьте возможность связаться с вами: казалось бы, простая вещь, но если у посетителей нет возможности связаться с вами, они, вероятно, не смогут сообщить вам о проблемах на сайте.
SEO
- Добавьте атрибут title: добавьте этот атрибут в ссылки основного меню. Эта небольшая операция увеличит SEO-привлекательность страницы.
- Создайте карту сайта для поисковых систем: существует множество генераторов карты сайта, которые создадут её за считанные минуты. Этим вы можете очень быстро увеличить видимость своего сайта для поисковых машин.
- Оптимизируйте мета-теги: проверьте, совпадают ли они с тематикой ваших страниц и исправьте их там, где требуется.
- Проверьте заголовки: удостоверьтесь, что заголовки внутри тегов h2, h3 и h4 правильно используются. Они должны содержать основные ключевые слова. К тому же наличие ключевых слов в заголовках помогает и посетителям ориентироваться на сайте.
- Ссылайтесь на внутренние страницы: об этом часто забывают, но стоит ставить ссылки с основных страниц на внутренние, которые расположены на нижних уровнях.
Дизайн/Веб-разработка
- Обратная связь: замечательно, если у каждого посетителя будет возможность предложить вам свои идеи по поводу улучшения ресурса. Проще простого закрывать глаза на ошибки на собственном сайте.
- Браузеры: проверьте функциональность вашего сайта во всех популярных браузерах. Обязательно исправьте все ошибки.
- Укажите направление: не стоит выкладывать на главной странице сайта сразу всю информацию. Дайте возможность посетителям самим побродить по сайту. Просто укажите им дорогу, разместив заметные «указатели»-меню.
- Не решайте за пользователя: избегайте всплывающих и изменяющих размер окон и других подобных вещей. Запомните – браузер принадлежит пользователю, а не вам.
- Анимация: я не противник использования анимации, но не позволяйте картинкам постоянно меняться, пока посетитель пытается прочитать содержание или разглядывает продукт. Это то же самое, что пытаться продать машину, назойливо танцуя вокруг покупателя в костюме огромного банана. Ну почти то же самое.
Просто укажите им дорогу, разместив заметные «указатели»-меню.Содержание
- Рерайт: перечитайте основные тексты сайта. Если они вас самого не заинтересовали – перепишите их.
- Упрощайте: старайтесь не использовать слишком много специальных слов и выражений, заменяйте их по возможности на более простые и понятные.
- RSS: сделайте подписку на RSS максимально удобной и доступной.
- Доступность: представьте себя человеком, который впервые забрёл на ваш сайт, и проверьте, сможете ли вы с первого раза найти путь ко всем ключевым страницам. Возможно, в этом вам понадобятся помощники.
Вне сайта
- Видимость: проверьте, как высоко вы находитесь в поисковых машинах по названию вашей компании. Если невысоко, просто опубликуйте несколько ссылок с названием вашей компании в качестве ключевого слова.
- Будьте отзывчивы: отвечайте на вопросы и помогайте людям на форумах, тематика которых пересекается с вашей сферой деятельности. У вас появятся новые друзья и вы заработаете определённый вес в этих сообществах. Запомните, авторитет = трафик.
- Не стойте в стороне: если вы ещё не зарегистрировались в популярных социальных сетях, не тяните! Люди могут искать услуги, которые предоставляет ваш ресурс, через подобные сайты.
- Будьте в курсе: читайте новостные ленты, обращайте внимание на всё, что касается вашего круга деятельности – можете узнать много полезного.
- Всегда на шаг впереди:
Теги:
- юзабилити
- сео
- дизайн
Хабы:
- Разработка веб-сайтов
Как улучшить сайт e-commerce и не упустить клиентов
Некоторые идеи маркетологов для улучшения сайта электронной коммерции могут показаться интересными. Но если после их внедрения люди стремительно покидают вас, то, очевидно, какое-то решение было неверным. Приводим список вещей, которые заставляют пользователей бежать.
1. Автовоспроизводящиеся видео
В настоящее время мобильных пользователей больше, чем пользователей ПК.
Поэтому автоматически запускающиеся рекламные ролики — это проблема.
Большинство посетителей заходит на сайты, находясь в общественных местах или на работе, где неожиданное воспроизведение аудио нежелательно. И именно оно заставляет людей быстро закрывать ваш сайт. Уж точно не искать кнопку паузы на видео.
Если такие видеоролики кажутся вам необходимостью, оставьте их в режиме “без звука” по умолчанию. Заинтересованный пользователь сможет сам запустить аудио, когда ему это будет удобно.
2. Миллион всплывающих окон
Наверняка, вы сталкивались с этим — переходите на сайт, а вас засыпает многочисленными всплывающими окнами, которые закрывают всю страницу. И даже неважно, что они предлагают — баннеры с акциями или предложения подписаться на рассылку. В любом случае это неприятно. Точнее, это бесит! Навязчивые всплывающие окна ухудшают пользовательский опыт. Посетители ненавидят тратить время на то, чтобы закрывать их.
Как поступить в таком случае? Сделать всплывающее окно, которое будет появляться, когда посетитель покидает сайт или пролистывает страницу до конца.
Оно ненавязчиво и его не составит труда закрыть, если пользователю это неинтересно.
3. Медленный сайт
Когда мы привыкли к скорости, медленная загрузка — самый быстрый способ потерять посетителей. Задержка всего на секунду может стоить крупнейшей в мире компании Amazon миллиарда потерянных долларов с продаж. Так что задумайтесь над этим.
С помощью бесплатных инструментов в интернете вы можете продиагностировать вашу страницу и узнать, как сократить время загрузки. Один из вариантов увеличить скорость — оптимизировать изображения.
4. Вездесущий чат-бот
Чат-бот — это цифровой консультант. Если он не мешает пользоваться сайтом и, действительно, помогает людям, браво! Но если чат-бот вылезает регулярно и преследует посетителя или, еще лучше, закрывает большую часть экрана, то это раздражает.
Позвольте пользователям свернуть чат. Он нужен далеко не всем клиентам, а только тем, которые нуждаются в помощи и дополнительной информации.
5. Сплошной текст
Отсутствие пробелов в текстовом контенте — это препятствие для чтения.
Страницы должны быть построены так, чтобы посетители легко их сканировали. Здесь важно учитывать различные факторы — расстановка переносов, интервал между буквами и словами, узкие и широкие версии шрифтов.
6. Сайты, которые требуют слишком много информации
Несколько этапов регистрации и заполнение множества полей для создания учетной записи — вряд ли посетители приходят на ваш сайт за таким времяпровождением. Это только подрывает пользовательский опыт. Позвольте людям пользоваться сайтом, а не тратить время на регистрацию, если хотите увеличить количество покупателей.
7. Большие поля обратной связи
Еще раз: скорость и удобство — два основных критерия для успешного сайта. Когда люди ожидают их, объемные формы обратной связи дают противоположный опыт. Большой перечень вопросов может стать проблемой для пользователя. Однако, если обратная связь не занимает много времени, люди с большей охотой предоставят вам отзыв.
8. Обилие ключевых слов
Раньше считалось, что чем больше ключевых слов на странице, тем лучше.
Но неумело вставленные ключевые слова раздражают и не дают нормально читать текстовый контент. Сейчас SEO-оптимизация не требует спама ключами. В нашем блоге вы можете найти советы, как оптимизировать сайт, избегая этой ошибки.
9. Законспирированные кнопки и ссылки
Однажды мы уже выяснили, что кнопки должны быть похожи на кнопки. Делайте их простыми и понятными пользователям, откажитесь от вычурного дизайна. Не заставляйте посетителей играть в игру “найди кнопку” и думать, куда переходить дальше.
То же самое и с ссылками. Оформите их привычным синим цветом или тем, что контрастирует с вашим сайтом. Сделайте такие вещи как кнопки и ссылки очевидными.
10. Недоступная контактная информация
Когда у посетителей возникают вопросы или нужда в дополнительной информации, они обращаются к вашим контактам. Но если их поиск превращается в квест, потенциальный клиент скорее перейдет на другой сайт. Пользователей раздражает, когда ключевая информация недоступна.
Просто убедитесь, что ваши контакты актуальны и находятся на видном месте.
11. Отсутствие мобильной оптимизации
Вспоминаем, о чем мы говорили в самом начале про количество мобильных пользователей. И именно поэтому оптимизация сайта для мобильных устройств — это необходимость. Масштабирование страниц вручную и маленькие кнопки — неудобно. И это ненавидят посетители.
Необходимо учитывать адаптивный дизайн при разработке сайта.
12. Древний дизайн
Если ваш сайт выглядит устаревшим и напоминает 2000-е годы, это оттолкнет пользователей.
Сейчас сделать красивый, стильный сайт более чем доступно. Как минимум, можно воспользоваться готовыми шаблонами в интернете и отредактировать их в зависимости от своих целей.
13. Спящие сайты
Вслед за древним дизайном идут сайты, которые действительно выглядят заброшенными. Никому не понравится сайт без обновлений.
Оставайтесь активными, добавляя изображения, блоги, информационные страницы.
Регулярные обновления повышают вас в рейтинге SEO.
Вывод
Сайт — это визитная карточка вашего бренда. Вы можете добавить много элементов, которые где-то у кого-то увидели, но не забывайте об их функциональности и пользе. Исключив вещи из списка выше, вы сможете дольше удерживать посетителей на своем сайте.
10 советов, которые могут значительно улучшить взаимодействие с пользователем вашего веб-сайта
Взаимодействие с пользователем веб-сайта
Ваш веб-сайт является основным якорем для ваших усилий в области цифрового маркетинга. Для создания удобного пользовательского интерфейса веб-сайта необходимо понимать проблемы, которые приходится решать разным посетителям.
В современном маркетинге ваш веб-сайт стал более мощным инструментом, чем когда-либо. Ваш веб-сайт — это продавец, работающий круглосуточно и без выходных, и поэтому он может стать вашим самым мощным активом и центральным элементом ваших маркетинговых усилий.
Однако из-за быстро меняющихся цифровых тенденций ваш веб-сайт может показаться устаревшим.
Хотя иногда редизайн может быть идеальным, у вас может не быть времени или денег, чтобы инвестировать в такой крупный проект. Чтобы помочь вам решить эту проблему, мы составили список из 10 простых способов улучшить свой веб-сайт, чтобы сделать его более полезным и полезным.
Как улучшить веб-сайт
- Используйте пустое пространство.
- Оптимизируйте скорость страницы.
- Используйте привлекательные призывы к действию.
- Использовать дифференцирование гиперссылок.
- Разделите ключевую информацию маркерами.
- Используйте изображения (с умом).
- Поддерживайте согласованность страниц вашего веб-сайта.
- Лови свои 404-е.
- Будьте гибкими и удобными для мобильных устройств.
Ваш веб-сайт является основным якорем для ваших усилий в области цифрового маркетинга. Для создания удобного пользовательского интерфейса веб-сайта необходимо понимать проблемы, которые приходится решать разным посетителям.
1. Используйте пробел.
Я неоднократно слышал, как клиенты жалуются на то, что на их сайте слишком много пустого пространства и что это неиспользуемое пространство следует использовать для рекламы большего количества их услуг. Тем не менее, пустое пространство необходимо для хорошего дизайна. Пустое пространство делает ваш контент более разборчивым, а также позволяет пользователю сосредоточиться на элементах, окружающих текст.
Согласно Crazy Egg, пустое пространство вокруг текста и заголовков увеличивает внимание пользователя на 20%. Белое пространство также может сделать ваш веб-сайт открытым, свежим и современным, и если ваш брендинг соответствует им, он может помочь вам передать это ощущение пользователю. Однако следует помнить об одном недостатке пустого пространства: оно действительно занимает место.
Если вы пытаетесь получить много содержимого в верхней части страницы (над той частью, которая видна сразу без прокрутки), слишком много пустого пространства может заменить некоторую ценную информацию.
Суть в том, чтобы найти баланс между тем, что наиболее важно для коммуникации, и окружением этого некоторым пространством, чтобы выделить изображение и/или текст.
Рассмотрим веб-сайт Sara Does SEO, созданный Сарой Данн. В ее UX с самого начала много пустого пространства, привлекающего ваше внимание к тому, как выглядит Сара и что она может сделать для вас. Это позволяет читателю сосредоточить свое внимание на самом важном. Каждый раздел домашней страницы также содержит один четкий заголовок и несколько вспомогательных пунктов, облегчающих усвоение информации.
Посетите ее веб-сайт ниже.
2. Оптимизируйте скорость страницы.
Одним из самых неприятных моментов для пользователей Интернета является слишком долгое ожидание загрузки страницы. С появлением мобильных устройств люди по всему миру получают доступ к контенту на самых разных платформах. Просматривая Интернет в Starbucks или просматривая телевизор на своем ноутбуке, они ожидают быстрого результата для контента, который им нужен.
Когда они не понимают, они обычно отскакивают. Медленная загрузка страницы мешает пользователю и может быть источником разочарования, и часто у пользователей просто нет времени ждать.
Согласно Section.io, дополнительные пять секунд времени загрузки страницы могут увеличить «показатель отказов» вашего сайта более чем на 20%. Вау.
Итак, куда вы пойдете дальше? Получите ваш счет. Google предлагает бесплатный сервис, где вы можете получить информацию о скорости вашей страницы. Google также предложит вам несколько советов по сокращению времени загрузки на мобильных устройствах и компьютерах.
Чтобы повысить скорость страницы, начните со сжатия всех изображений перед их загрузкой на веб-сайт. Размер файла изображения является одной из основных причин медленной скорости страницы — использование таких веб-сайтов, как компрессор.io, может помочь вам значительно ускорить каждую веб-страницу, которой вы владеете.
Узнайте больше о снижении показателя отказов вашего веб-сайта в этой записи блога.
Отличным примером быстрой загрузки является Barnes and Nobles. Независимо от того, на каком устройстве ваши собственные Barnes and Nobles загружаются быстро. Примите дополнительные меры предосторожности, чтобы сначала загрузить некоторые важные элементы, чтобы вы знали, что контент уже в пути. Посмотреть на себя.
3. Используйте привлекательные призывы к действию.
Ваши клиенты уже привыкли следовать визуальным подсказкам, чтобы определить, какой контент для них важен. Призывы к действию (CTA), которые четко обозначены словом действия, позволяют пользователям вашего веб-сайта более легко перемещаться по вашему сайту и получать именно то, что они хотят, в том месте, где они ожидают это найти.
При создании кнопок для вашего веб-сайта вы должны думать о цвете и психологии цвета. В исследовании, проведенном Maxymiser, исследователи были потрясены, обнаружив, что они добились увеличения количества кликов на 11% в области оформления заказа на веб-сайте Laura Ashley, тестируя цветовые вариации и обмен сообщениями.
Разные цвета вызывают разные сообщения. Подумайте о сообщении, которое вы хотите вызвать у пользователя (доверие, опыт, интеллект), и мудро выбирайте цвета.
Второе, на что следует обратить внимание, — это слова, которые вы используете для своих кнопок. Слова должны включать глагол или слово действия, которые возбуждают пользователя до сделай что-нибудь . Выбор правильных слов или психологических триггеров во многом определяется уровнем эмоциональной идентификации, который вызывает это слово. Отсутствие эмоциональной связи означает отсутствие действия. Поэтому делайте свои слова смелыми, чувствительными ко времени и ориентированными на действия.
Отличным примером правильного использования призывов к действию является WUFOO. Вся страница компании ориентирована на действие и использует кнопки, побуждающие пользователя перейти к следующему шагу. В конце страницы вы увидите использование чувствительного к времени языка, такого как «Зарегистрироваться сейчас», и языка, ориентированного на действия, такого как «Начать».
Это слова активного действия, которые побуждают и направляют пользователя двигаться вперед.
4. Используйте дифференциацию гиперссылок.
Когда вы добавляете ссылку на любую страницу, вы говорите, что хотите, чтобы пользователь щелкнул ее. Убедитесь, что ссылки легко распознаются по визуальным признакам. Подчеркнутый текст и текст разного цвета привлекают внимание читателя и дают ему понять, что это ссылка, по которой нужно щелкнуть.
В исследовании, проведенном Кэрин Грейвс, она показала, что обычный веб-пользователь воспринимает синий и подчеркнутый текст как ссылки и знает, как нажимать на них. Использование ожиданий пользователей и того, что они уже знают об использовании Интернета, равносильно успеху.
Когда дело доходит до дифференциации гиперссылок, вам не нужно изобретать велосипед. Придерживаться условностей может быть вашим лучшим союзником здесь. Простой способ проверить, насколько эффективны ваши ссылки, — это размыть и удалить цвет с дизайна и посмотреть, что выделяется.
При создании гиперссылки также не забывайте о длине гиперссылки. Чем длиннее заголовки ссылок, тем легче их идентифицировать. Например: «Чтобы посетить веб-сайт GE, нажмите здесь». против . «Посетите веб-сайт GE здесь».
5. Разделите ключевую информацию маркерами.
Маркеры позволят пользователю быстро получить всю необходимую ему информацию: преимущества, способы решения проблемы и основные характеристики продукта/услуги — и все это за короткий промежуток времени. Это сделает ваши предложения более привлекательными и позволит вашему пользователю получить всю необходимую информацию. Кроме того, вам не нужно идти по традиционному маршруту с простым кругом.
С множеством классных значков вы также можете проявить творческий подход и помочь читателю с изображениями, которые отражают вашу точку зрения. Зачем это делать? Потому что это заставляет вас изолировать самые важные моменты, которые вы пытаетесь сделать, не зацикливаясь на терминологии или специфике.
Один отличный пример нетрадиционных пуль взят с One.org. На этой странице они используют значки в качестве маркеров, чтобы выделить свои достижения таким образом, чтобы их было легко прочитать. Кроме того, обратите внимание на пустое пространство вокруг маркеров, которое позволяет сосредоточиться на каждом разделе.
6. Используйте изображения (с умом).
Люди в Интернете становятся все умнее и быстрее в оценке веб-сайтов компаний, прежде чем решить, хотят ли они просматривать сайт дальше. Когда они впервые посещают ваш сайт, они могут легко выбрать типичную стоковую фотографию, которую они уже видели в другом месте, или которая напоминает неличный стиль стоковой фотографии. Использование стоковой фотографии может снизить доверие, а также выделиться как универсальное и неуникальное. К сожалению, эти ассоциации распространяются и на ваш бизнес.
В тематическом исследовании, проведенном компанией Spectrum, Inc. компании Harrington Movers, транспортной компании из Нью-Джерси и Нью-Йорка, они смогли повысить конверсию на странице, просто заменив стоковое фото изображением реальной бригады грузчиков.
. Они получили такое же увеличение конверсии и доверия к странице, добавив изображение своего реального движущегося грузовика по сравнению со стоковой фотографией. (Читайте полное исследование здесь.)
Итог? Хотя стоковая фотография может быть высокого качества, она не может установить связь между пользователем и брендом.
В конечном счете, никакие стоковые фотографии не смогут передать ваш бренд, услуги и продукты так, как вы хотите. Только ваши собственные настоящие изображения могут сделать это, а также ясно говорить с вашим потенциальным клиентом. Стратегически используйте изображения и разместите их на своем веб-сайте, чтобы поддержать контент и позволить пользователям визуально оторваться от текста, но убедитесь, что они релевантны и не являются общими.
Посмотрите эту инфографику на реальных изображениях по сравнению со стоковыми фотографиями.
7. Включите хорошо продуманные и написанные заголовки.
Ваши заголовки и содержание должны основываться на том, что ищут ваши потенциальные клиенты.
Включение ключевых слов в заголовок также очень важно для таргетинга сообщения и привлечения нужной аудитории.
Поисковые системы обычно придают заголовкам больший вес, чем другому контенту, поэтому выбор правильного заголовка и его выделение могут значительно улучшить ваши возможности поиска. Но что еще более важно, заголовки направляют пользователя по сайту, облегчая просмотр и поиск контента, который напрямую связан с ними.
Отличным примером хорошо продуманных заголовков с последовательным содержанием является Тильда. Здесь вы можете видеть, что заголовки выделяются размером и цветом и точно описывают последующее содержание.
8. Поддерживайте согласованность страниц вашего веб-сайта.
Согласованность означает, что все должно совпадать. Размеры заголовков, выбор шрифта, цвет, стили кнопок, интервалы, элементы дизайна, стили иллюстраций, выбор фотографий — вы называете это. Все должно быть тематическим, чтобы ваш дизайн был согласован между страницами и на одной странице.
Для того, чтобы предоставить вашим пользователям приятные впечатления от навигации по вашему сайту, важно, чтобы они знали, что они все еще находятся на вашем сайте. Резкие изменения дизайна с одной страницы на другую могут привести к тому, что ваш пользователь почувствует себя потерянным и сбитым с толку, а также потеряет доверие к вашему сайту.
«Я в правильном месте?» — вопрос, который я часто задаю себе при навигации по противоречивым сайтам, и когда я это делаю, я обычно заканчиваю тем, что ухожу. Несоответствия в дизайне снижают качество продуктов и услуг, которые вы предоставляете, по мнению пользователя.
Winshape Foundation — отличный пример последовательного дизайна. Все его страницы следуют одному общему шаблону: навигация справа, большой заголовок, подзаголовок с фоновым изображением и некоторый контент внизу. Я знаю, что независимо от того, где я нажимаю, я все еще нахожусь на их веб-сайте, так как все их стили одинаковы. Проверьте это здесь.
9.
Поймай свои 404-е.Хотя поисковые системы не наказывают вас строго за программные ошибки 404 (страница не найдена), пользователь будет. Когда пользователь приближается к ссылке или изображению, он ожидает, что эта ссылка приведет его к следующему месту, куда он хочет перейти.
Проще говоря, появление страницы с ошибкой 404 раздражает ваших пользователей и заставляет их пересмотреть свое время на вашем веб-сайте (когда они, вероятно, могли бы найти более быстрое решение в другом месте). Помимо медленной загрузки страницы, появление ошибки 404 — еще одно очень неприятное событие для пользователя, которое полностью нарушает его путешествие по вашему веб-сайту.
Чтобы проверить наличие ошибок 404, вы можете настроить инструменты Google для веб-мастеров на своем веб-сайте и проверить ошибки сканирования. Вот как. Вы также можете использовать эту бесплатную проверку 404.
В качестве дополнительного ресурса вы также можете убедиться, что когда ваш пользователь попадает на 404, он предоставляет ему возможность вернуться на правильный путь.
Посмотрите на эти крутые примеры страниц 404.
10. Будьте гибкими и удобными для мобильных устройств.
Технологии продвинулись вперед, чтобы удовлетворить наши потребности быть мобильными. Веб-сайты также являются важной частью этой эволюции. Крайне важно, чтобы ваш веб-сайт был удобен для мобильных устройств и удобен для навигации независимо от того, какое устройство они используют для доступа к нему.
Недавно Google начал штрафовать сайты, которые не оптимизированы для мобильных устройств, что сделало потребность в быстродействии еще более важной. Это, вероятно, самый ценный способ улучшить удобство использования вашего веб-сайта. Если вы не уверены, является ли ваш веб-сайт мобильным, вы можете использовать этот бесплатный инструмент.
Я надеюсь, что эти советы дали вам некоторые идеи о том, как вы можете обновить свой веб-сайт, чтобы сделать его более удобным для пользователей, не выкладывая доллары на полный редизайн. Чтобы увидеть больше примеров полезных веб-сайтов, ознакомьтесь с нашим бесплатным руководством ниже.
Темы: Пользовательский опыт
Не забудьте поделиться этим постом!
Как улучшить свой веб-сайт: 15 способов немедленно исправить ваш сайт
Когда к вам приходят гости, вы хотите произвести хорошее первое впечатление, верно? Вы же не стали бы приглашать людей на ужин в захламленном доме, а потом не кормить их, не так ли? То же самое должно относиться и к вашему сайту.
У вас совсем немного времени, чтобы привлечь внимание посетителей. По данным Neilson Norman Group, пользователи, скорее всего, прочитают 20% слов на странице. Если ваш веб-сайт загроможден и не имеет четкого сообщения или призыва к действию, люди не будут задерживаться на основном блюде.
Вот 15 способов улучшить свой веб-сайт, повысить конверсию и сделать так, чтобы ваши гости захотели посетить вас снова.
1. Добавьте ценностное предложение
Ценностное предложение или заявление о миссии расскажет посетителю, что вы делаете и почему вы это делаете.
Разместите свое ценностное предложение на главной странице, по возможности, в заголовке. Добавьте его в свой блог или о странице. Дайте посетителям точно знать, что они получат, если наймут вас, купят ваш продукт, подпишутся на вашу рассылку новостей или прочитают ваш блог.
Джо Пуллицци из Института контент-маркетинга говорит нам, что именно мы должны включить в нашу миссию:
[наша компания] находится там, где
[наша аудитория] получает
[какую информацию], которая предлагает
[что выгода].
Заявление о миссии контент-маркетинга Orbit гласит:
Блог Orbit [наша компания] — это место, где специалисты по цифровому маркетингу [наша аудитория] могут найти экспертные практические советы по веб-дизайну и контент-маркетингу [какая информация] . Наша цель — помочь вам добиться лучших результатов в Интернете [какая польза] .
2. Навигация по веб-сайту
Навигация на вашем веб-сайте служит двум целям;
Ваши посетители должны быть на первом месте, поисковые системы — на втором. Будьте человеком. Используйте описательную навигацию вместо стандартного текста «Что мы делаем». Используйте слова, которые будут использовать ваши посетители, и слова, которые ваши посетители ищут. Это меньше кликов для пользователя и помогает поисковым системам указывать вашу релевантность.
Отличный пример. Когда вы попадаете на их веб-сайт, вы точно знаете, что они предлагают; перцовый аэрозоль и средства безопасности .
Совет: не используйте жаргон или внутренний жаргон. Компании стараются быть умными, а не чуткими к своим посетителям. Никто не знает, что означает «RTT Buzz». Это твой блог? Тогда скажите «Блог».
Эмпатия — величайший маркетинговый навык.
Вот еще 9 советов о лучших методах навигации по веб-сайту.
3. Текст призыва к действию
Призыв к действию, или CTA, огромен. У вас есть пользователи на сайте, они заинтересованы, что вы хотите, чтобы они сделали? Скажи им!
Кнопки предназначены для таких действий, как «Получить предложение», «Загрузить», «Открыть счет», «Перейти к оформлению заказа». Текст на кнопке должен начинаться с глагола. В противном случае это не призыв к действию, а просто кнопка с текстом. Например, фраза «Дополнительная информация» не является призывом к действию. – Дэвид Хэмилл
Используйте голос от 1-го лица (я, я, мой), чтобы пользователи говорили CTA, что делать. Пример: Загрузите Мое руководство. Другой эффективный подход — использование теста WYLTIWLT (Wilty Wilt).
По словам Джонатана Ричардса, «одно из практических решений — сказать, что слова на кнопке должны иметь смысл сразу после вопросительного «Хотите ли вы…?» (где говорит издатель), а также условное «Я хотел бы…» (где говорит пользователь)».
С помощью этого теста вы сможете оценить каждую кнопку, созданную вами.
Изображение предоставлено: Грамматика интерактивности, UXBooth
Примечание: каждая кнопка/CTA на Facebook проходит тест WYLTIWLT.
Если вы не знаете, как написать свои кнопки, я рекомендую прочитать Как создать кнопку.
4. Цвета призыва к действию
Найдите акцентный или контрастный цвет для кнопок призыва к действию. Например, если ваш сайт преимущественно синий или светло-голубой, найдите приятный желтый или теплый оранжевый цвет, который подчеркнет вашу цветовую палитру и привлечет к себе внимание.
Если вы можете дать своим пользователям лучшее представление о том, на что они могут нажимать и что может произойти, когда они это сделают, они с большей вероятностью пойдут на риск.
5. Попробуйте 10-футовый тест
Хорошо, время для небольшого упражнения.
Поднимите домашнюю страницу. Теперь встаньте из-за стола и отойдите от компьютера на десять шагов. Можете ли вы сразу сказать, чем занимается ваша компания? А еще лучше, пусть кто-нибудь еще попробует. Они могут?
Если нет, вам нужно подтянуть обмен сообщениями. Быть конкретной. Не пытайтесь быть умным.
Unbounce отлично с этим справляется. Когда вы заходите на их сайт, вы точно знаете, что получаете: Я могу создавать целевые страницы для A/B-тестирования, и мне не нужно быть техническим гением, чтобы реализовать это. Понял!
6. Карусели
Кажется, у каждого есть свое мнение о том, стоит ли использовать карусели на своем сайте. Но сначала вы должны взглянуть на данные и контекст, в котором они используются, а затем принять решение о том, имеют ли они отношение к вашим пользователям.
Согласно исследованию Эрика Раньона, взаимодействие с пользователем значительно снижается после первого слайда.
Не то чтобы шокирует, но почти никто не доходит до четвертого или пятого слайда. Если вы решите, что на вашем сайте нужны карусели, оставьте их не более трех.
Эрик также предостерегает от автоматической переадресации слайдов. Тим Эш, ведущий эксперт по коэффициенту конверсии, согласен с этим.
Кажется нелогичным, но движение действительно отвлекает посетителей.
«Человеческий мозг запрограммирован замечать начало движения, поэтому вращающиеся баннеры особенно отвлекают. Мы буквально не можем их настроить».
Значит ли это, что на вашем сайте не должно быть карусели? Не обязательно. Примите во внимание сообщение, контекст и дизайн.
Согласно Smashing Magazine, использование карусели для галерей изображений на странице сведений о продукте может быть очень полезным для ваших посетителей, просматривающих сайт на мобильных устройствах. Слайд-шоу на главной странице с автоматической переадресацией и слабыми призывами к действию, вероятно, не так полезно.
Приносят ли пользу ваши слайды? Если ответ нет, то 86 их!
7. Социальное доказательство
Используйте социальное доказательство, чтобы побудить людей подписаться на вашу рассылку новостей или загрузить электронную книгу. Попросите влиятельных лиц в вашей отрасли предоставить цитату или отзыв, как это делает Ян Клири из Razor Social.
8. Страницы с отзывами
Посмотрим правде в глаза, никто не собирается заходить на вашу страницу с отзывами. Когда вы в последний раз нажимали на чужой? В яблочко.
Если у вас есть замечательные клиенты, которые говорят о вас много хорошего, это замечательно, и это нужно видеть. Лучший способ сделать это — разбросать его по всему сайту. Если вы используете тематические исследования или видео-отзывы, найдите способ разместить их там или на страницах продукта.
Дело в том, что никто не будет искать страницы, которые восхваляют вас.
Вам нужно найти способы вывести на первый план то хорошее, что люди говорят о вас. Если вам нужна помощь, прочитайте это полное руководство по отзывам на веб-сайтах.
9. Страницы команды
Люди хотят знать вас, любить вас и доверять вам, прежде чем покупать у вас. Сообщите посетителю, кто находится за кулисами в вашей компании и что такое ваша культура. В конце концов, люди ведут дела с людьми, поэтому пусть ваши посетители увидят, с кем они будут иметь дело.
Использование отдельных страниц команд также дает вам шанс получить рейтинг в поисковых системах, когда люди ищут именно ваше имя. Если у вас есть все члены вашей команды на одной странице, Google никак не узнает, для какого человека ранжировать эту страницу.
Google ранжирует не веб-сайты, а ранжирует веб-страницы.
10. Удобство для мобильных устройств
Когда-то иметь сайт, оптимизированный для мобильных устройств, было просто необходимо, а теперь это просто необходимо.
21 апреля Google обновил свой алгоритм ранжирования в мобильном поиске. Веб-страницы, оптимизированные для мобильных устройств, теперь будут занимать более высокое место в результатах поиска для мобильных устройств по сравнению со страницами, не оптимизированными для мобильных устройств. Вы можете прочитать все об этом здесь.
Google сделал это не просто так. Они хотят, чтобы у пользователя был хороший опыт, когда он попадает на ваш сайт. Если у вас есть сайт с крошечными ссылками, и по сайту трудно ориентироваться, люди не захотят оставаться на вашем сайте. Вы сделали щипок и масштабирование. Это не очень приятно.
Какой сайт вам больше понравится?
11. Внутренние ссылки
Не позволяйте посетителям зайти в тупик на вашем сайте. Всегда держите их (и поисковых роботов) в движении. На страницы услуг добавьте простой призыв к действию со ссылкой на контактную форму.
На главной странице должны быть ссылки на сервисные страницы.
Включите название страницы службы в ссылку, чтобы пользователь знал, чего ожидать, когда он нажимает на эту ссылку.
Прочтите это полное руководство по внутренним ссылкам, чтобы получить дополнительные советы.
12. Формы регистрации по электронной почте
Ваши формы регистрации должны содержать 3 P: визуально заметно , предлагать доказательство и обещать что-то. Сделайте это очевидным и ясным, на что они подписываются. Лучше иметь меньшее количество вовлеченных пользователей, которые находятся там, потому что они хотят быть там, чем большой пул людей, которых заманили.
Вот пример из Content Marketing Institute:
Это очень заметно на странице, они демонстрируют доказательство, говоря вам, что 100 000 из ваших сверстников подписываются на их список, и они обещают, что если вы зарегистрируетесь, вы буду получать ежедневные статьи и электронную книгу.
Проверять!
13. Забудьте о сгибе
Люди склонны застревать в мысли, что никто не прокручивает страницу ниже сгиба. Это неправда, и есть много исследований, которые это доказывают.
Прокрутка — наиболее естественное действие, которое пользователи совершают в Интернете. Да, больше внимания уделяется вещам в верхней части страницы, потому что это первое, что вы видите, но это не значит, что люди не прокручивают страницу, и это не означает, что вы должны заполнять все, что находится «в верхней части страницы».
Поместите самые важные сообщения вверху и дайте пользователям повод прокрутить страницу, если это необходимо. Если вы попытаетесь втиснуть все, что находится выше сгиба, вы получите страницу, которая будет выглядеть так…
Если вы действительно не хотите покупать судно на воздушной подушке, хотели бы вы оставаться на этой странице дольше, чем нужно? Возможно нет.
14. Адреса электронной почты и контактные формы
Если вы заинтересованы в сборе данных и отслеживании конверсий, вам следует использовать контактную форму.
С каждой формой у вас должна быть уникальная страница благодарности. Таким образом, вы можете установить цели в своей аналитике и отслеживать, откуда приходят ваши конверсии.
Вот как будет выглядеть отслеживание конверсий в Google Analytics:
Помимо отслеживания конверсий, большинству пользователей проще заполнить контактную форму. Если пользователи нажимают на адрес электронной почты на вашем веб-сайте, он открывает любую программу электронной почты по умолчанию на вашем компьютере.
Я использую Gmail, но по умолчанию на моем компьютере используется Mail. Каждый раз, когда мне нужно щелкнуть адрес электронной почты, он автоматически открывает Mail. Затем я должен скопировать и вставить письмо в свой Gmail, чтобы отправить сообщение. Не лучший пользовательский опыт.
Примечание: есть способы установить параметры электронной почты по умолчанию, но для обычного нетехнического пользователя это не так просто, как может показаться.
Еще одним преимуществом для пользователя является знание того, что ваше сообщение было получено через электронное письмо с автоматическим ответом. Когда вы отправляете электронное письмо напрямую, у вас нет возможности узнать, получил ли он ваше сообщение, пока человек не ответит.
Если вы не знаете, как настраивать цели или отслеживать кампании, ознакомьтесь с этим сообщением о том, как настроить Google Analytics и как отслеживать кампании в Analytics.
15. Страницы благодарности
Это одна из моих любимых книг. Это один из самых недооцененных, но эффективных способов вовлечь людей (и его легко реализовать). Страницы благодарности дают пользователю возможность подписаться на вашу рассылку, загрузить электронную книгу, дать им код купона, добавить видео, подписаться на вас в социальных сетях и т. д.
Пару лет назад мы добавили информационный бюллетень подпишитесь на нашу контактную форму спасибо страница.