Адаптивный дизайн или мобильный сайт

Рост трафика после адаптации сайта

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

Сегодня я сравню посещаемость сайта до и после адаптации на примере скринов. Выводы делать вам.

Рост трафика после адаптации сайта

Последние два года я, с упорством стоика, пользовался мобильной версией сайта Joomla Mobile, но это лето внесло в мою беззаботную жизнь коррективы (спасибо кризису, который дал время) – я сделал адаптивный дизайн через CSS и оказался прав. Почему? Потому что трафик вырос уже через неделю и продолжает расти за счёт увеличения посещаемости со смартфонов и планшетов. Давайте с помощью скринов посмотрим, почему адаптивный дизайн лучше, чем мобильная версия сайта.

Динамика по мобильным устройствам

Рост трафика

Я сначала делал адаптацию на блоге http://stroyremontiruy.ru/, потом на Zegeberg, поэтому приведу статистику первого сайта – это более наглядный пример на сегодня. Дизайны на 90% одинаковы, ниши разные, но суть одна – никаких других манипуляций, кроме адаптации шаблона через стили CSS не проводилось.

На первом фото видно, что общий трафик вырос с 50 до 180 посетителей, но общая температура не всегда внушает доверия, поэтому посмотрим разбивку по устройствам, браузерам и разрешениям. Тут лучше видно позитив через Метрику, он отображён на втором скрине.

  • - На стартовой позиции: планшеты 6, смартфоны 2 визита в день,
  • - На выходе планшеты: 14, смартфоны 48 визитов.

Динамика по разрешениям

Разрешение экрана 640х480 также показало скачок – это понятно, но есть подвижки в плюс и по разрешениям десктопа, значит, адаптация даёт плюс ранжированию и обычной выдаче. Конечно, если смотреть по браузерам, то большие подвижки по мобильным и Google, Яндекс реагирует медленно – факт признанный.

Спрашивается, какого стояла Mobile Joomla 2 года, если от неё было 0 толка? Промолчу о покойнике.

Плюсы адаптации

Тут немного философии, потому что о причинах такой любви к адаптивным шаблонам и нелюбви к мобильным версиям сайта можно догадываться. Преимущества адаптивного дизайна в том, что он подходит под все разрешения, а мобильный сайт имеет 3-4 mobile шаблона, под другие разрешения отображение идёт, как Бог даст. Это моя версия.

Почему я долго не отходил от мобильного сайта в исполнении Joomla Mobile? Казалось, что на движке 1.5 это сделать будет геморройно, оказалось потребовалось два вечера. Правка велась только через стили CSS – изменялся ОДИН файл. Открыл Файрбаг и менял стили с px на % + отдельно прописал медиа-запросы @media для групп мобильных устройств (запретил показ сайтбаров и шапки для смартфонов и планшетов) и убрал горизонтальную прокрутку.

Вывод

Если у вас мобильная версия сайта, но есть возможность сделать адаптивный дизайн, то делайте не раздумывая. Особо пугливые могут сохранить на память бекап со старой версией, но советую просто отключить плагины и модули Joomla Mobile, если что-то потом разонравится, то включите их без проблем.

Если делаете адаптацию сами, то каждый шаг контролируйте через инспектор браузера Google Chrome и проверяйте отображение через реальный мобильник.