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

Вы когда-нибудь смотрели статистику своего сайта и задавались вопросом: «Почему люди не идут туда, куда я хочу?»

Почему они не посещают страницы ваших продуктов? Почему они не покупают?

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

Определите проблему

Сначала нам нужно определить, в чем может быть проблема. Полезные инструменты, такие как Google Analytics, могут предоставить вам много статистической информации о вашем сайте, но я обнаружил, что больше визуальных инструментов, таких как Crazy Egg, Heatmap.com и Inspectlet, действительно могут помочь вам точно определить, где проблемы в вашем сайт враньё.

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

Решения

Ясность

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

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

Download.cnet.com для этого так же плох, как filehippo. Вы сначала увидели ссылку для скачивания или большой ярко-оранжево-синий баннер вверху страницы? В этом случае он просто приведет вас на веб-сайт компании, но другой может привести вас куда угодно.

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

Стиль

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

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

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

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

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

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

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

Например, посмотрите на текст под ссылкой PayPal «Узнать больше»: «Не являетесь клиентом PayPal? Начать. «Простое придание смелости этим последним двум словам привлекает внимание посетителей и их тонко поощряют к взаимодействию. «Этот текст другой», - думают они. «Есть что-нибудь? Почему эта часть выделена жирным шрифтом, а остальная часть - нет? " Это предлагает пользователю навести на него курсор и обнаружить, что это ссылка!

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

Расположение на экране

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

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

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

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

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

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

Простой поиск по запросу «хлеб» дает сотни различных продуктов, но Tesco предоставила всем продуктам достаточно места для дыхания и упростила процесс покупки до «Количество?» и добавить".

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

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

Резюме

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

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

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

• Местоположение, местоположение, местоположение . Где вы размещаете свои ссылки и призывы к действию, имеют значение. Если ваша очень ценная и важная ссылка «Купить сейчас» не отображается для кого-то в верхней части страницы, вероятность того, что клиент щелкнет по ней, составляет менее 50%, так как менее 50% пользователей прокрутят вниз так далеко.

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