Блог

Успешная мобильная версия вашего сайта

Если вам необходимо найти информацию в сети интернет, какова вероятность, что вы воспользуетесь для этого персональным компьютером? Это произойдёт только в том случае, если вы работаете за ним в конкретный момент времени. Во всех остальных ситуациях поиск будет выполнен посредством мобильных устройств. Согласно статистическим данным, до 70% поисковых запросов осуществляется с использованием смартфонов или планшетов.

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

Господа, мы живём в XXI веке в котором гаджетами пользуются все. А это значит, что требуется не просто адаптация сайта под мобильные устройства, а полноценная мобильная версия сайта. Со всеми инструментами и соответствующей оптимизацией. Мы в агентстве SEO-HI естественно создаём мобильные версии для страниц и делаем это по умолчанию. Никто не выделяет их в отдельную услугу, так как это само собой разумеется. Сайт без полноценной и эффективной мобильной адаптации существовать не может. При этом, он должен быть полноценным маркетинговым инструментом, как и основная версия. Хотя, в данный момент уже сложно сказать, какой вариант для пользователя является основным. Поэтому, мобильный маркетинг тщательно прорабатывается.

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

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

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

После ряда проведённых тестов выяснилось, что мобильная адаптация не просто не продумана с точки зрения маркетинга, но и вовсе не оптимизирована. Более того, запустили версию только для Android, забыв об огромном количестве людей, которые пользуются IOS. Вполне возможно, что у кого-то личная неприязнь к «яблоку». Таким образом, люди получали сайт в полной, «компьютерной» версии, что совершенно не удобно в использовании. И в случае с интернет-магазином — это полный провал.

Если проводится не просто мобильная адаптация, а создаётся мобильная версия сайта, детально прорабатывается маркетинговая стратегия. Ни для кого не секрет, что вариант страницы для мобильного устройства является просто урезанным форматом основной. Но, крайне важно правильно её визуализировать — то есть определить что пользователь будет видеть в первую очередь. Грамотно перераспределить контент и осуществить настройки таким образом, чтобы покупателю было легко и понятно обращаться с сайтом. Тогда он с него не уйдёт.

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

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

Как реагируете вы, когда переходя на сайт с нужным вам контентом вы во-первых вынуждены ждать, пока информация загрузится, а во-вторых видите, мелкий шрифт или страницу которая не помещается на экран? Давайте будем откровенными — это бесит. Если данный контент важен и уникален, начинаются «игры с бубном» типа растянуть страницу до читаемого формата или уменьшить её. Но если перейдя по соседней ссылке вы получите ту же информацию в удобном формате — вы покинете такой сайт без сожаления. Что и делает большинство. Более того, процент возвратов на подобные сайты крайне низок, даже если уже всё давно исправлено. Пользователи отлично помнят о своём негативном опыте и разочаровываться второй раз не намерены.

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

Что даёт наличие мобильной версии сайта при её правильной настройке и оптимизации:

•  Высокую скорость загрузки

•  Экономию трафика пользователям

•  Возможность представить сайт так, как нужно владельцу

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

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

Варианты вёрстки мобильной версии сайта

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

•  Адаптивный дизайн. Не является отдельным сайтом. Если говорить простыми словами, то при помощи CSS3 задаются настройки и сайт подстраивается под размеры экрана конкретного устройства, будь то ПК, планшет или телефон с различными диагоналями. Не смотря на визуальное восприятие такой версии сайта как мобильной, и отсутствие переадресации или необходимости запоминать другие названия сайта, этот вариант вёрстки имеет наибольшее количество недостатков. Главный из них состоит в том, что это полновесная версия, соответственно грузиться она с мобильного устройства будет дольше, особенно при слабом интенет-соединении.

•  Отдельная мобильная версия. Наиболее эффективный вариант работы. По большому счёту — это отдельный сайт со своим собственным адресом. За счёт переадресации пользователи заходя с мобильных устройств будут попадать именно на версию, которая создана специально для них. В ней включены только самые важные опции, которые значительно упрощают взаимодействие со страницей. Мобильная версия отличается отличной скоростью загрузки даже при плохой связи, пользоваться ею максимально удобно из-за продуманных опций. При желании, можно перейти на версию сайта для ПК, если нужен расширенный функционал и вы готовы смириться с неудобствами. Данная версия предполагает и маркетинговую разработку, и SEO, но она отдельный и эффективно работающий инструмент.

•  RESS. Является симбиозом двух предыдущих вариантов вёрстки и предполагает определение вида устройства с которого заходят пользователи. После этого происходит запуск нужного шаблона. Данный вариант является наиболее сложным в настройке, но это проблемы веб-разработчика, а не владельца страницы.

Какой вариант вёрстки выбрать — дело вкуса и конкретных задач. В любом случае, мобильная версия сайта необходима. И оптимально, чтобы это была полноценная версия, а не просто адаптация.