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

1. Оптимизируйте свой сайт для индекса «сначала для мобильных устройств»
2. AMP
3. PWA
4. PWAMP
5. Ничего не делать
6. 2. Управляйте своим контентом для мобильных устройств
7. Используйте аккордеон и выпадающее меню соответственно
8. Никогда не используйте Flash
9. Рассмотрим использование всплывающих окон на мобильном телефоне
10. Учитывайте размер текста, цель нажатия и отступы
11. 3. Рассмотрим процесс оформления заказа на мобильный
12. Ускорить процесс
13. Сократите количество информации, необходимой при оформлении заказа
14. Плавная навигация
15. Избегайте всплывающих окон
16. Дайте людям возможность сохранить детали для следующего раза
17. Отправить людей на другое устройство
18. Целевые покупатели в магазине
19. Используйте Apple Pay или Android Pay
20. 4. Не блокируйте CSS, JavaScript или изображения
21. 5. Думай мобильным первым, чтобы действовать мобильным первым
22. Резюме

Мы знаем это Индекс Google для мобильных устройств приближается. Как и в случае с Google, мы просто не уверены, когда. На SMX Advanced конференция в Сиэтле в июне Гари Иллис сказал, что запуск, вероятно, будет в начале 2018 года.

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

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

Протестируйте свой сайт, чтобы увидеть, является ли он мобильным ,

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

Оптимизируйте свой сайт для индекса «сначала для мобильных устройств»

1. Ускорьте свой сайт

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

Существует четыре способа ускорить работу вашего сайта на мобильных устройствах:

AMP

Проект «Ускоренные мобильные страницы» (AMP) является инициативой с открытым исходным кодом для улучшения мобильной экосистемы. Благодаря урезанному HTML, который используется AMP, он позволяет загружать ваши веб-страницы намного быстрее, чем обычный HTML. Google также кэширует ваш контент в своем собственном кэше, чтобы еще больше ускорить загрузку. Все это приводит к гораздо более быстрому и гладкому взаимодействию с пользователем и, в свою очередь, должно привести к улучшению видимости в результатах поиска.

В то время как о проблемах с отображаемым URL широко сообщалось (посетители видят кэшированный URL-адрес Google при загрузке страницы AMP), трафик по-прежнему направляется на ваш сайт. С тех пор Google внедрил обновление где пользователи, разделяющие URL, будут делиться собственной ссылкой издателя, а не кэшированным URL Google.

Главный совет : если вы управляете сайтом WordPress, есть довольно удивительный плагин это будет конвертировать ваши страницы в AMP, а также мгновенные статьи для Facebook.

PWA

Прогрессивные веб-приложения (PWA) являются альтернативой переходу на AMP. Их основные пункты продажи включают в себя:

• Надежный - грузит мгновенно
• Быстро - быстро реагирует на взаимодействие с пользователем
• Вовлечение - похоже на естественное приложение на устройстве с захватывающим UX

Вы можете узнать больше о PWA на Сайт разработчиков Google или смотреть это круто видео ,

PWAMP

Термин, впервые введенный Гари Иллиесом из Google в SMX Seattle, PWAMP представляет собой комбинацию PWA, построенную на AMP HTML, JS и CSS. Хотя сайты PWAMP могут не проверяться как страницы AMP, они работают молниеносно и предоставляют все преимущества PWA, перечисленные выше. Они могут быть будущим и одним, за которым нужно следить. Узнайте больше о PWAMP здесь ,

Ничего не делать

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

Источник изображения: Талса Маркетинг в Интернете

2. Управляйте своим контентом для мобильных устройств

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

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

Используйте аккордеон и выпадающее меню соответственно

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

Источник: Элегантные Темы

Никогда не используйте Flash

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

Рассмотрим использование всплывающих окон на мобильном телефоне

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

Учитывайте размер текста, цель нажатия и отступы

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

3. Рассмотрим процесс оформления заказа на мобильный

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

Вот восемь ключевых тактик для оптимизации процесса оформления заказа на мобильном телефоне для увеличения конверсии:

Ускорить процесс

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

Сократите количество информации, необходимой при оформлении заказа

Хотя ваша маркетинговая команда, возможно, захочет собрать как можно больше демографических данных, вам действительно нужна дата рождения клиента? А как насчет этих трех телефонных номеров (домашний, мобильный, рабочий и т. Д.)? Сделайте вашу форму заказа максимально упрощенной, что снова поможет ускорить процесс.

Источник: incomediary.com

Плавная навигация

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

Избегайте всплывающих окон

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

Дайте людям возможность сохранить детали для следующего раза

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

Список пожеланий Amazon - идеальный пример. Вы даже можете сделать свой список желаний публичным, что может помочь с покупкой подарков на Рождество и дни рождения.

Отправить людей на другое устройство

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

Целевые покупатели в магазине

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

Используйте Apple Pay или Android Pay

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

Источник: Уорби Паркер

4. Не блокируйте CSS, JavaScript или изображения

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

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

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

Убедитесь, что вы ничего не скрываете.

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

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

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

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

Резюме

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

Об авторе: Гэвин Херст - британец, работающий за границей. Он - копирайтер, SEO и эксперт по контент-маркетингу, работающий в одном из ведущих агентств цифрового маркетинга Окленда, Цифровая Теплица в Новой Зеландии. Вне работы Гэвин увлекается гольфом и увлекается природой - отсюда и переезд в Новую Зеландию! Соединить с Цифровая теплица в твиттере и будьте в курсе всех последних новостей и тенденций цифрового маркетинга в Новой Зеландии и во всем мире.

Последние сообщения от Today's Eggspert ( увидеть все )

Похожие

Комментарии