Руководство 10 по подготовке интернет-магазина электронной коммерции для обновления Mobile-First Indexing

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

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

Давайте копать немного глубже.

Возможно, в последнее время вы, вероятно, слышали термин «подвижная первая индексация». Позвольте мне разобраться с вами простыми словами.

Индексирование Mobile-first - это не что иное, как постоянные усилия Google, направленные на то, чтобы сделать Интернет более удобным и удобным для мобильных устройств. Поскольку на наших смартфонах все больше и больше обысков, Google хочет, чтобы его индекс и результаты поиска представляли большинство пользователей - умных (телефонных) пользователей.

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

  • Нужно ли мне что-то менять?
  • Что делать, если у меня нет мобильного сайта?
  • Это повлияет на мой трафик?

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

Что такое Mobile-First Indexing?

Прежде всего, позвольте мне сказать, что Google должен был сказать об обновлении:

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

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

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

До сих пор Google всегда индексировал рабочую версию веб-сайтов для определения ранжирования поиска.

Теперь все изменится.

Google опубликовал свое первое официальное сообщение о развертывании индексации мобильных устройств.

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

Если на сайте нет версии для мобильных устройств, Google по-прежнему будет сканировать и индексировать сайт как есть.

Должен ли я беспокоиться об этом обновлении?

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

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

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

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

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

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

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

Следующий вопрос:

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

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

Не волнуйтесь, следующие рекомендации, безусловно, помогут вам.

1. Начало работы с Google Analytics

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

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

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

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

Отзывчивый веб-дизайн - это путь.

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

И знаете ли вы это?

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

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

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

Если вы не уверены, оптимизирован ли ваш сайт для мобильных устройств, проверьте использование Тест для мобильных устройств Google.

После удара «Run Test» вы должны увидеть что-то вроде этого:

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

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

3. Увеличьте скорость страницы

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

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

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

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

Как вы можете увеличить скорость страницы?

  • Оптимизация изображений
  • Свернуть перенаправления
  • Минимальный код
  • Улучшение времени ответа сервера
  • Плечо браузер кэширование

Вы также можете использовать бесплатные инструменты для проверки скорости вашего сайта, например Информация о скорости страницы Google, Веб-страница Testи GT Metrix.

4. Преобразование браузеров в клиентов

Основная цель каждого сайта электронной коммерции - продажа!

Представьте себе следующее:

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

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

  • Используйте привлекательные образы, чтобы привлечь внимание посетителей
  • Убедитесь, что путь к конверсии с любой страницы не больше, чем клики 3 или переходы.
  • Обеспечьте бесшовный и простой платежный шлюз. Держите его как можно короче и не загромождайте страницу слишком большим количеством полей.
  • Удалите видеоролики с автовоспроизведением и другие всплывающие окна.
  • Убедитесь, что ваш CTA (призыв к действию) является выдающимся (и вы всегда можете выполнить несколько тестов A / B, чтобы импровизировать их!)

5. Упрощение поиска по сайту

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

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

Вот как вы можете оптимизировать поиск по сайту.

  • Убедитесь, что ваша панель поиска видна на всех устройствах. Скажите «нет» крошечным строкам поиска.
  • Используйте автозаполнение, чтобы сэкономить время и силы
  • Убедитесь, что у орфографических ошибок есть результаты поиска (это происходит чаще, чем вы думаете)
  • Использовать изображения, а не текст
  • Разрешить пользователям уточнять свои поисковые запросы
  • Разрешить сортировку результатов поиска и предложить пользователям возможность использовать фильтры (почему, по вашему мнению, Amazon предлагает такое большое количество фильтров? Это потому, что он делает их магазин более удобным для пользователя!)

6. Потребность в жесты и клавиатуры

Жесты

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

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

На этом этапе вы понимаете, что вам действительно нужно общие особенности жестов на вашем сайте электронной коммерции, такие как масштабирование / двойное нажатие.

Экранные клавиатуры

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

Всегда убедитесь, что на кредитной / дебетовой карте проверьте только цифровую клавиатуру. Аналогично, в поле электронной почты укажите клавиатуру символом «@». Убедитесь, что вы включили контекстные клавиатуры, которые изменяются на основе требуемых входных данных.

7. Простота доступа

Размер шрифта

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

Коснитесь цели

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

Ниже приведено несколько советов о том, как оптимизировать целевые задачи:

  1. Делайте краны по меньшей мере 48px
  2. Целевые мишени не менее 32px

Масштабирование

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

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

8. Подготовьтесь к голосовому поиску

Мы говорили о оптимизация голосового поиска много раньше.

В настоящее время число людей, использующих Alexa, Cortana, Google Now и Siri для поиска ответов на свои вопросы через произносимое слово, а не путем ввода поискового запроса, растет с каждым днем.

Согласно Google, это главные причины, по которым люди обращаются к своим голосом:

  • Это позволяет им многозадачность
  • Это помогает им мгновенно получать ответы и информацию
  • Это упрощает повседневную жизнь.

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

Люди ищут по-разному, когда набирают в свои клавиатуры и когда говорят с Сири или Алекса. Например, предположим, что вы хотите найти простой рецепт чизкейка черники. Если вы введете его в окно поиска Google, вы, вероятно, наберете «простой рецепт чизкейка черники».

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

  1. Составьте список ключевых слов с длинным хвостом и вопросов, связанных с вашим бизнесом.
  2. Подумайте, какие вопросы задают конечные пользователи.
  3. Признание ответов было бы полезно.
  4. Оптимизируйте свой контент соответственно.

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

9. Использовать разметку структурированных данных

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

В то же время он улучшит список результатов поиска в бизнесе.

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

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

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

10. Избавиться от Flash и всплывающих окон

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

Если на вашем сайте полно всплывающих окон, вы можете быть наказаны Google. Google взламывает межстраничный контент (это формальный способ сказать всплывающие подсказки).

Вы, должно быть, видели это раньше, да?

Пока мы заняты просмотром, всплывающее окно неожиданно появляется! И точно так же весь наш UX прерван. Межстраничные объявления не позволяют вам исследовать веб-сайт, пока вы не выполните его, и не щелкните по ссылке или «x».

Подводя итог

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

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

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

Любезность изображения: [1], [2], [3], [4], [5], [6], [7], [8], [9], [11], [13]

Популярные изображения

Ади Суя

Ади является основателем и главным менеджером по росту в Growthetics, агентстве по маркетингу контента, ориентированного на рост. Он помогает в развитии блога платформы электронной торговли.