Мобильность очень важна.

As Google приближается к первый мобильный индекс, последствия для SEO станет еще больше.

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

Но большинство тем / CMSне оптимизированы прямо из коробки.

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

* Обратите внимание, что это руководство предполагает веб-сайт уже проходит Мобильные устройства Google инструмент.

1. Сделайте мобильный заголовок как можно меньше

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

Но это не главная причина, по которой посетитель нажал на вашу веб-сайт in search.

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

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

Пример большого мобильного заголовка на сайтах электронной коммерции

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

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

Вот несколько примеров хорошего мобильного заголовок:

Хорошие заголовки для мобильной электронной торговли

Некоторые из основных частей хорошего мобильного телефона заголовок:

  1. Все в одной строке - если все элементы умещаются в одну строку, то заголовок занимает наименьшее количество места.
  2. Поиск по сайту - это один из ключевых мобильный пользовательский опыт, поэтому он должен быть виден вверху.
  3. Меню - значок меню важен для пользователей, которые хотят просматривать информацию.
  4. Корзина - пользователи, посещающие интернет-магазин, хотят знать, что они могут что-то купить, это сразу дает им уверенность + это удобно для покупок.

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

2. Сделайте фильтры и ссылки категорий доступными для касания.

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

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

Для этого потребуются 2 вещи:

1. Категории верхнего уровня имеют баннеры с возможностью перехода к подкатегориям.

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

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

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

Вот хороший пример:

Ссылки на категории на мобильном устройстве

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

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

* Одним из способов улучшения страницы Tesco было бы включение в нее раздела магазинов по брендам, так как это, как правило, довольно популярное подразделение.search телевизоров (прочтите руководство по моей категории для получения дополнительной информации об этом).

2. Фильтры находятся вверху и открываются.

Фильтры веб-сайтов должны хорошо работать на мобильный, и находиться в верхней части ПРОДУКТЫ list, чтобы пользователь мог легко отфильтровать список по продуктов они хотят видеть.

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

Выявление проблемного мобильного взаимодействия

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

Для этого создайте собственный отчет Google Analytics с фильтрацией по категории устройства, затем по браузеру, а затем по модели мобильного устройства.

Выявление проблем на мобильных устройствах по устройствам

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

Молниеносный веб-сайт

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

  1. Запустите свой сайт с помощью инструментов GTmetrix и Pingdom - устраните все основные проблемы.
  2. Запустите свой сайт через Google Проверка скорости страницы, сосредоточьтесь на исправлении мобильный вопросы.
  3. Используйте хорошо хостинг - Я рекомендую использовать Nimbus Hosting (Великобритания).

Адаптивный дизайн - контент на всех устройствах

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

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

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

  1. Основные SEO Заголовки - заголовки H1, H2, H3 и т. Д.
  2. внутренний связи - в том числе панировочные сухари, ПРОДУКТЫ списки и в содержание связи.
  3. Фотографии
  4. Видео
  5. Schema.org наценка
  6. страница заголовок код

Тогда убедитесь, что Google отображает вашу страницу так же хорошо на мобильный как и на настольном компьютере, выполнив запрос Fetch and Render для вашего сайта в консоли поиска Google и проверив разницу между мобильный и представления рабочего стола (просто выберите просмотр на мобильный).

Получение и рендеринг в мобильном представлении

Аккордеонный Контент

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

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

Как это применимо к веб-сайтам электронной торговли?

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

Вот где может пригодиться аккордеон. Вы можете тренироваться через ключевое слово исследуйте и спрашивайте клиентов, какие вопросы по этому поводу возникают чаще всего ПРОДУКТЫ типа, а те, что в гармошке, чуть выше вашего ПРОДУКТЫ list, позволяя пользователям быстро прочитать его, не мешая покупателям.

Вот пример:

Добавить часто задаваемые вопросы аккордеоны на мобильном устройстве

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

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

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

Опыт оформления заказа

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

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

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

  1. Очевидные кнопки оформления заказа - когда пользователь добавляет ПРОДУКТЫ к тележке сразу же всплывающее окно с большой кнопкой оплаты привлечет внимание и устранит путаницу.
  2. Полностью безопасный веб-сайт (SSL) - это довольно очевидно, но убедитесь, что у вас установлен базовый сертификат доверия SSL.
  3. Адаптивная форма оформления заказа - убедитесь, что ничего не выходит за пределы страницы или не форматируется правильно мобильный.
  4. Войти через Amazon / Социальную сеть - это ускорит процесс, и информация будет автоматически заполнена другими поставщиками.
  5. Адрес search - убедитесь, что пользователю не нужно полностью заполнять свой адрес, указывая почтовый индекс / почтовый индекс. search функции.
  6. Касса через Paypal / ApplePay - это сделает процесс еще быстрее, с оплатой одним щелчком мыши, избегая лишних шагов (особенно ввода данных кредитной карты).

Макет страницы продукта

Я не особо касался этого в моем руководстве по поисковой оптимизации на странице продукта, но важно переделать свой ПРОДУКТЫ страницы на мобильный чтобы убедиться, что они интуитивно понятны.

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

  1. Продукт название - пусть пользователи знают, что они в нужном месте.
  2. Продукт изображение - показать пользователям ПРОДУКТЫ, и сделайте так, чтобы дополнительные изображения можно было перелистывать.
  3. Цена - сделайте цену очевидной, и если она включена соль сделайте скидку очевидной.
  4. Информация о доставке - покажите им, когда они смогут получить свой товар, и цену доставки.
  5. В корзину - большая кнопка, которую никто не может пропустить.
  6. Отзывы клиентов звезды + ссылке - показывать, только если есть отзывы, если не пропустить.
  7. Key features - основные причины купить это ПРОДУКТЫ, используя маркеры.
  8. Все остальное.

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

Упростите обмен продуктами

Если цикл покупок на ПРОДУКТЫ немного длиннее, чем обычно (часто бывает с дорогими предметами) мобильный пользователи часто будут в исследование фаза их цикла покупки.

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

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

Чтобы отслеживать это изменение, можно задать для всех общих URL-адресов определенный параметр или проверить прямой трафик на ПРОДУКТЫ страниц.

Заключительные мысли

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

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

Если вам нужна помощь в решении этой или любой другой проблемы, связанной с маркетингом электронной коммерции, смело обращайтесь к e-mail мне info@matt-jackson.com или подумайте о покупке мои услуги электронной коммерции.

Насколько полезным был этот пост?

Нажмите на звезду, чтобы оценить это!

Средний рейтинг 0 / 5. Подсчет голосов: 0

Пока нет голосов! Будьте первым, кто оценит этот пост.

Мы сожалеем, что этот пост не был полезен для вас!

Давайте улучшим этот пост!

Расскажите, как мы можем улучшить этот пост?

Мэтт Джексон

SEO-специалист по электронной торговле с более чем 8-летним опытом анализа и исправления веб-сайтов онлайн-покупок. Практический опыт работы с Shopify, Wordpress, Opencart, Magento и другими CMS.
Нужна помощь? Напишите мне для получения дополнительной информации на info@matt-jackson.com

Этот пункт 0 Комментарии к сообщению

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *