Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124

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

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

Шаг 1: Перестаньте расстраивать своих клиентов

  • Удалите громоздкие дополнительные окна из всех мобильных пользовательских агентов | Рекомендации Google, самые ненавистные рекламные приемы
  • Всплывающие окна JavaScript, которые бывает сложно закрыть.
  • Оверлеи, особенно при загрузке приложений (вместо них используйте баннер, такой как баннеры смарт-приложений для iOS 6 + или аналогичный, боковая навигация, маркетинг по электронной почте и т.д.).
  • Запросы на опрос перед выполнением задачи.
  • Обеспечение функциональности, соответствующей устройству
  • Удалите функции, требующие плагинов, или видеоролики, недоступные на устройстве пользователя (например, Adobe Flash не воспроизводится на iPhone или Android версии 4.1 и выше). | Бизнес-пример
  • Предоставьте пользователям планшетов настольную версию (или, если доступна, версию для планшета). | Исследование
  • Убедитесь, что на мобильных телефонах доступна полная версия для настольных компьютеров, и, если она выбрана, она остается в полной версии для настольных компьютеров на время сеанса (то есть пользователь не обязан выбирать «версию для настольных компьютеров» после каждой загрузки страницы). | Исследование
  • Исправьте высокую посещаемость мобильных страниц, затрудняющую взаимодействие с пользователем
  • Быстро исправляйте производительность (и продолжайте, если отстаете от конкурентов) | Бизнес-пример
  • Чтобы ознакомиться со всеми темами раздела «Перестаньте расстраивать своих клиентов», пожалуйста, ознакомьтесь с полным контрольным списком по улучшению веб-сайта для мобильных устройств.

Шаг 2: Облегчение выполнения задачи

  • Оптимизация обхода, индексации и взаимодействия с поисковиком | Бизнес-пример
  • Разблокировать ресурсы (CSS, JavaScript), которые являются robots.txt запрещено.
  • Внедряйте рекомендации поисковой системы с учетом вашей мобильной реализации:
  • Адаптивный дизайн: обязательно включите запрос CSS @media.
  • Отдельный мобильный сайт: добавьте rel=alternate media и rel=canonical, а также Vary: User-Agent HTTP-заголовок, который помогает Google реализовать пропуск перенаправления.
  • Динамическое обслуживание: включите Vary: User-Agent HTTP-заголовок.
  • Оптимизируйте популярные рабочие процессы для мобильных устройств для вашего сайта
  • Рассмотрите возможности интеграции поиска с мобильными приложениями | Анонс, информация
  • Мозговой штурм новых способов повышения эффективности
  • Учитывайте мобильное поведение, например, покупателя в магазине. | Бизнес-пример
  • Используйте GPS, камеру и акселерометр смартфона.
  • Увеличьте количество сообщений или социальное поведение. | Бизнес-пример
  • Используйте интуитивно понятную / интересную тактильную функциональность с помощью прокрутки, встряхивания и постукивания.