Содержание
На первый взгляд, оптимизация сайта для мобильных устройств представляется непростой задачей, которая требует значительных временных и финансовых затрат. К тому же, возникает целый ряд вопросов. Какой контент надо в первую очередь адаптировать для мобильных гаджетов? Какие страницы надо оптимизировать в первую очередь? Как должен выглядеть вывод контента и верстка для каждого конкретного устройства (в зависимости от диагонали экрана, мобильной ОС и ряда других параметров?)
Эти и многие другие вопросы ставят в тупик; и потому мы рекомендуем вам ознакомиться с пошаговым руководством по анализу данных в ходе подготовки к оптимизации вашего сайта для корректного отображения на экранах мобильных устройств.
На помощь приходит анализ сайта
Если у вас возникают сомнения, с чего вам начать в плане мобильной оптимизации, то начните с анализа данных: что показывает статистика вашего сайта? Оптимизация сайта под экраны смартфонов и планшетов начинается всегда с раскапывания аналитических данных. У вас уже наметилась определенная часть посетителей сайта, которые регулярно заходят с мобильных устройств. Даже если на сегодняшний день таких людей немного — лишь незначительный процент от общего числа уникальных посетителей, то вам всё равно стоит использовать с умом и тех, кто приходит сегодня, до полной мобильной оптимизации вашего сайта.
В качестве прикладного инструмента лучше всего использовать бесплатные — но от этого не менее эффиктивные — возможности Google Analytics (хотя если по каким-то своим соображениям вы предпочитаете другие платформы для анализа и сбора данных, то можете воспользоваться нашими рекомендациями и для них).
Шаг 1. Сегментация смартфонов и планшетов
Согласно данным аналитического исследования от Google (PDF), поведение пользователей отличается в зависимости от того, заходят они на сайт с помощью смартфона или при помощи планшета. И контекст использования зачастую значит больше, чем разрешение и диагональ экрана. Начнем разбираться в специфике вашего мобильного трафика:
- Перейдите в секцию отчетов в Google Analytics.
- Переключитесь в Audience > Overview во вкладке Standard Reports.
- Щелкните по ссылке Advanced Segments.
- Отметьте галочками рубрики All Traffic, Mobile Traffic и Tablet Traffic.
- Щелкните по Apply.
Мы сформировали отчет, который показывает, сколько посетителей пришло на ваш сайт с каждого из типов устройств, а также содержит другую полезную информацию о посещаемости, связанной с мобильными гаджетами:
С этого отчета очень полезно начинать изучение вашего мобильного трафика. Обратите внимание на такие показатели, как Bounce Rate или Pages/Visit. Эти показатели и их динамику надо сравнить для разных типов устройств, рассматриваемых в рамках отчета.
Шаг 2. Изучите свой контент с наибольшим уровнем популярности
На этом этапе надо изучить, какие страницы пользуются наибольшей популярностью у мобильных пользователей и какие ссылки приносят вам наибольшее число переходов из различных источников.
К примеру, традиционно домашняя страница становится одной из наиболее популярных на вашем сайте; но и страница с контактными данными может тоже часто попадать в поисковую выдачу, а потому и на нее переходит достаточно много мобильных пользователей.
Чтобы изучить, какие ссылки и страницы наиболее популярны среди пользователей мобильных устройств на вашем сайте, выполните следующее:
- Перейдите на вкладку Content > Site Content > All Pages.
- Посмотрите на три отдельных сегмента (All, Mobile, Tablet) и обратите внимание на расхождения между ними. Увидели что-то, что вас удивило, или еще нет?
- Аналогично повторите процедуру для Content > Site Content > Landing Pages.
Полученную информацию можно использовать для того, чтобы разработку, дизайн и поисковую оптимизацию переключить именно на наиболее популярные страницы для мобильных пользователей. Как минимум, надо оптимизировать для мобильных устройств 5 наиболее посещаемых страниц и 5 основных посадочных страниц: это покроет от 40% до 80% мобильного трафика.
Шаг 3. Выберите наиболее значимые устройства
Теперь пришло время выяснить, какими устройствами чаще всего пользуются мобильные интернет-серферы, попадая на ваш сайт. Для этого перейдите на вкладку Advanced Segments, а далее в Audience > Mobile > Devices.
Эти данные помогут вам выбрать те устройства, оптимизация сайта для которых является приоритетной. Стоит ли вам сначала оптимизировать сайт для планшетов, а потом уже для смартфонов? Какие вендоры и диагонали экранов важны в первую очередь? Всё это вы найдете в полученном отчете.
Шаг 4. Установите контрольные значения показателей для работы сайта
Изучив основные характеристики мобильной аудитории и узнав портрет типичного мобильного пользователя вашего сайта, вы можете переходить к принятию решений. Но помимо принятия решения, важно еще и установить показатели, к которым вы стремитесь и которые станут для вас контрольными точками.
В числе предполагаемых метрик:
- уровень конверсии и выручки;
- число мобильных посетителей и процент мобильной аудитории от общего трафика на сайте;
- показатель отказов для разных типов мобильных устройств (разных вендоров, форм-факторов и т. п.);
- Соотношение Pages/Visit;
- соотношение положительных оценок и жалоб.
Все эти характеристики надо регулярно подсчитывать и отслеживать на протяжении определенного периода, а затем сравнивать с аналогичным периодом в прошлом, чтобы понять, в каком направлении дальше оптимизировать веб-проект для мобильных пользователей.
Подводя итоги
Если вы хотите, чтобы ваш сайт в долгосрочной перспективе был популярен и востребован у аудитории, — самое время переводить его на новые рельсы. Адаптация для мобильных гаджетов — уже не прихоть, а атрибут времени. Сайт, который красиво выглядит на экране планшета и смартфона, должен быть сравнительно легким, с красивым дизайном и быстрой загрузкой страниц.
Регулярный анализ данных о вашей аудитории поможет вам определиться, в каком направлении двигаться и над какими устройствами работать в первую очередь. Если же вам нужно больше практических инструментов и рекомендаций, можно ознакомиться и применять на практике бесплатный набор руководств 2013 Mobile Success Pack (на английском языке).
Источник: Mobify
