Оптимизируем ресурс под мобильный трафик

Оптимизация мобильного сайта Уроки

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

Оптимизация сайта для мобильных устройств

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

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

Кроме того, сами поисковые системы требуют «всеобщей мобилизации». Гугл вполне ясно и четко донес до оптимизаторов требование изменить структуру сайта, сделать его более мобильным. В противном случае, такой ресурс будет пессимизироваться в выдаче, его оптимизация будет сильно затруднена. «Мастодонты» эпохи ПК, способные предложить на сматфонах только крошечный шрифт, становятся мало кому интересны, а значит, не способны выполнять свои прямые обязанности по отношению к пользователю – сеять полезное, информативное, современное. И в этой ситуации, чтобы не потеряться среди ГСов, можно реализовать три пути развития своего ресурса в его более отвечающий действительности аналог.

Три способа сделать сайт мобильным

Оптимизация сайта под мобильные

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

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

Адаптивный дизайн – еще одна версия развития ресурса в эпоху смартфонов. С помощью метатегов в дизайн вносятся корректировки по изменению формата области показов, навигации, отображаемого пространства. В итоге, даже на небольшом экране сайты превращаются в полноценные мобильные ресурсы с полным сохранением дизайна и функций сайта в формате ПК. Пожалуй, первопроходцами в этом направлении были сайты на платформе WordPress, для которых адаптивный дизайн стал «must have» еще несколько лет назад. В структуру такого сайта сразу встраивается возможность сенсорного управления сайтом, создаются графические элементы, к которым «приятно прикоснуться», проводится полная оптимизация дизайна под мобильный трафик.

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

Создание приложений

Оптимизация сайта под мобильные устройства

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

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

На что обратить внимание при создании мобильного варианта сайта:

  1. Навигация по сайту в его мобильной версии или приложению должна быть интуитивно понятной. Любые внесенные в дизайн основного ресурса изменения должны быть представлены и в приложении. Не должно быть противоречий в восприятии графики или отдельных навигационных элементов. Особое внимание следует уделить тем страницам, которые выносятся в основное меню. Правило «трех кликов» здесь должно соблюдаться неукоснительно, а в шапку должны выноситься, действительно, значимые страницы или ссылки.
  2. Сенсорное управление предполагает создание не только ясного, четкого и понятного дизайна, но и его внешней привлекательности. Абсолютно все, начиная с иконки на рабочем столе пользователя и заканчивая кнопками перехода в корзину, должно вызывать, если не желание, то хотя бы отсутствие чувства отторжения при нажатии на них. Особое значение здесь приобретает качественная настройка на потребности своей целевой аудитории, ее постоянный анализ. Без веб-аналитики практически невозможно составить правильный портрет своего потребителя, а значит, цена ошибки при создании мобильного сайта может быть непомерно высока.
  3. Отработка плагинов и скриптов на различных видах устройств – это плановая часть работы. Точно так же, как несколько лет назад, активно обрабатывались версии отображения в разных браузерах, сейчас важно отслеживать качество отображения на самых разных устройствах и платформах. Ошибка в работе плагина может обойтись потерей потенциального покупателя.

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

Андрей Облаский

Руководитель интернет-агенства "Максимальный Эффект". Интернет-маркетолог. Специалист по SEO и SMM продвижению.

Оцените автора
Добавить комментарий