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

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

Шаг 1. Протестируйте текущую версию сайта

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

Шаг 2. Выбор кроссэкранной стратегии

После проверки актуального состояния можно перейти к выбору мультиэкранной стратегии для сайта. Самыми распространёнными вариантами являются следующие:

• Отдельная мобильная версия сайта;
• Адаптивный веб-дизайн;
• Динамический показ.

Для выбора подходящей стратегии представители AdSense советуют ответить на следующие вопросы:

1. Хочу ли я показывать один и тот же контент на всех платформах? Если да, оптимальным решением будет адаптивный дизайн.
2. Что более важно: скорость или гибкость? Отдельный мобильный сайт или динамический показ могут быть решением в этих случаях.
3. Есть ли у меня ресурсы для поддержки более чем одного сайта? Адаптивный дизайн поможет сэкономить время и ресурсы.
4. Какие технические возможности есть в моём распоряжении?

Шаг 3. Следуйте наработанным рекомендациям

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

• Сфокусируйтесь на основном действии, которое вы хотите видеть со стороны пользователя. На мобильных устройствах пространство экрана ограниченное и должно использоваться более эффективно, в отличие от десктопов.
• Сделайте навигацию легко понятной. Пользователи хотят иметь быстрый доступ к основным действиям на сайте. Сделайте так, чтобы найти их было просто.
• Используйте элементы дизайна десктопной версии сайта в мобильной. Этот подход поможет обеспечить идентичность бренда по всем платформам.
• Убедитесь, что видеоролики работают. Используйте современные веб-технологии. Подробнее.
• Упростите платёжные процессы. Внедрите автозаполнение адреса доставки и контактной информации. Используйте существующие платёжные сервисы. Например, Google Wallet.

Шаг 4. Избегайте распространённых ошибок.

Перечень распространённых ошибок, которые встречаются на сайтах для мобильных устройств, находится по ссылке.