Адаптация сайта под смартфоны и планшеты
НАЗАД

Адаптация сайта под смартфоны и планшеты

Долгое время на большинстве интернет-магазинов рунета и не только, за отображение внешнего вида сайта отвечала мобильная верстка. Обычно её "прикручивали" к админке как отдельную тему или создавали поддомен (к примеру m.*название сайта*) и в зависимости от девайса открывалась та или иная тема: если это компьютер или ноутбук - открывалась десктопная тема, если планшеты или смартфоны - то открывалась мобильная тема. 

Преимущества данного метода следующие: 

  • возможность добавлять или убирать модули, которые нужны или бесполезны на мобильных устройствах;
  • читабельные шрифты, отсутствие горизонтального скролла;
  • как правило, удобное управление сайтом с мобильных устройств;
  • поисковые сервисы (google, yandex, rambler и пр.) куда лучше продвигают сайты с мобильной темой, чем без неё.

Но мобильные темы также имеют и ряд недостатков:

  • неудобство управления двумя темами;
  • удвоение стоимости доработок: программисту придется дорабатывать две темы вместо одной;
  • даже при наивысшем уровне квалификации, исполнители не смогут сделать десктопную и мобильную темы в едином фирменном стиле: будут существенные отличия. Такие вещи значительно понижают престижность компании;
  • частые сбои в отображении темы: система не всегда корректно определяет устройство и по ошибке может показать не ту тему;
  • мобильная тема - устаревший метод отображения сайта. А это значит, что для поисковых сервисов такие сайты выглядят как "лучше, чем ничего, но значительно хуже, чем адаптивные сайты". А это значит, что сайты с мобильной темой будут хуже ранжироваться, чем их адаптивные коллеги.

 

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

 

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

Преимущества данного метода следующие:

  • удобство управления сайтом;
  • обычная стоимость доработок: программисту придется дорабатывать только одну тему;
  • единый фирменный стиль, повышение престижа компании;
  • стабильность отображение темы: адаптивная верстка ссылается не на девайс, с которого сидит посетитель, а на ширину его дисплея;
  • современный метод верстки, который приветствуется поисковыми сервисами. 

 

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