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

Отсутствие оптимизации страниц вашего продукта для мобильных пользователей — это ошибка номер один, которую вы можете совершить при запуске интернет-магазина. С 52% в 2016 году продажи мобильной электронной коммерции выросли до 72% в 2021 году от общего объема продаж электронной коммерции во всем мире.

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

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

1. Сделайте жест вашей страницы дружелюбным

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

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

• Двойное касание: двойное касание экрана мобильного телефона часто используется для увеличения и уменьшения масштаба. Вы также можете использовать двойное нажатие для быстрого добавления в список желаний.
• Сжатие/разведение/сжатие: сжатие экрана двумя пальцами и разведение для увеличения и сжатие для уменьшения также является ожидаемой функцией.
• Свайп: Пользователи привыкли проводить пальцем по вертикали на мобильных устройствах для прокрутки или влево и вправо для просмотра изображений продукта. Но вы также можете применить это к быстрым действиям внутри корзины, например, провести пальцем влево или вправо, чтобы удалить элементы.
• Щелкните и перетащите: щелчок по объекту, чтобы перетащить его — как это делает обычная мышь — также ожидается на мобильных устройствах. Однако вы можете использовать эту функцию на сайтах электронной коммерции, чтобы пользователи могли перетаскивать товары в корзину или из нее.

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

2. Убедитесь, что кнопка «Добавить в корзину» находится выше сгиба.

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

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

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

Совет. Мобильные покупатели часто покупают более одного товара за сеанс и хотят знать, успешно ли они добавлены в корзину. Чтобы пользователям было проще, добавьте счетчик товаров к кнопке « Добавить в корзину », чтобы они могли совершать покупки без перебоев.

3. Сохраняйте данные на разных устройствах

По данным Statista, в марте 2021 года 80% покупателей отказались от своей корзины, так и не купив продукт. Отказ от корзины может произойти по преднамеренным или непреднамеренным причинам, таким как сомнения или проблемы с подключением. В любом случае, вы хотите свести количество отказов от корзины к минимуму.

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

Однако отслеживание сеансов на разных устройствах практически невозможно с помощью обычных UTM или файлов cookie. Вместо этого продвигайте создание учетной записи с помощью скидок и преимуществ, таких как покупка на нескольких устройствах, чтобы вы могли хранить данные сеансов клиентов (и, следовательно, их корзины) независимо от того, с какого устройства они посещают ваш сайт.

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

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

4. Оптимизируйте текст для маленьких экранов и используйте значки, где это возможно

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

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

• Для кого ваш продукт?
• Что делает ваш продукт?
• Что делает его уникальным?
• Почему клиенты должны покупать ваш продукт?

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

Еще одним ключевым фактором увеличения продаж с помощью убедительного текста является выбор правильного размера шрифта. Вы можете написать лучшие в мире описания продуктов, но какой в ​​этом смысл, если ваши клиенты не смогут их прочитать? Наймите тестировщиков UI/UX, чтобы получить отзывы об оптимизации шрифтов для разных размеров экрана.

5. Упростите для клиентов доступ к дополнительной информации

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

Кнопки в помощь! Простая кнопка « Подробнее » в конце описания продукта поможет. Вот пример того, как Amazon использует кнопку « Подробнее », чтобы предоставить пользователям дополнительную информацию о продукте:

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

6. Создавайте удобные для мобильных устройств всплывающие окна и используйте полноэкранные верхние слои

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

Всплывающие окна типа «окно в окне» (или «картинка в картинке») распространены на настольных компьютерах, но в большинстве случаев не подходят для мобильных устройств. Мобильные экраны слишком малы, поэтому даже маленькие окна могут показаться странными и неуместными. Иногда кнопка закрытия этих всплывающих окон перемещается за пределы экрана, что делает ваш сайт непригодным для использования.

Чтобы ваши всплывающие окна не отталкивали потенциальных клиентов и были удобны для мобильных устройств, следуйте этим пяти рекомендациям:

1. Сделайте ваши всплывающие окна ненавязчивыми , позволяя им появляться только после выполнения определенного действия. Примером этого является запуск всплывающего окна, когда пользователи прокручивают страницу до конца, чтобы не прерывать их чтение. Разрешить пользователям закрывать всплывающее окно, касаясь за пределами поля или простой кнопки X.
2. Используйте тизер , чтобы сообщить пользователям, какой контент будет внутри всплывающего окна, прежде чем они нажмут на него. Это убережет пользователей от нежелательных сообщений и привлечет на страницу заинтересованных лидов.
3. Держите всплывающие окна краткими. Всплывающие окна — не лучшее место для добавления обширного текста. Вместо этого сосредоточьтесь только на основном сообщении и призыве к действию.
4. Используйте пространство осознанно. Отличное эмпирическое правило — использовать треть размера экрана для всплывающих окон. Это даст клиентам достаточно места для прикосновений вне их и предотвратит беспорядок или клаустрофобную планировку.
5. Сделайте всплывающие окна полноэкранным верхним слоем. Эти всплывающие окна выглядят лучше для важных предложений и больше похожи на расширение вашей страницы.

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

7. Добавьте рекомендации по дополнительным и перекрестным продажам

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

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

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

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

Подведение итогов: советы по быстрой оптимизации PDP

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

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

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

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

Габриэль Вуден

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