Важна ли адаптивность для сайта?

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

В этой статье я постараюсь изложить свое видение относительно всех этих вопросов.

Для начала, давайте разберемся, следует ли вообще думать о трафике с мобильных устройств?

В некоторых кругах все еще бытует мнение что сайт — для стационарных компьютеров. Но, согласно всем последним исследованиям, доля мобильного трафика в сети интернет неуклонно растет. Да и не удивительно: смартфон сейчас есть практически у каждого человек.

А раз так — вероятность того, что на ваш сайт зайдут пользователи именно с мобильного устройства повышается многократно.

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

Еще бы, ведь весь их бизнес завязан на том, что бы выдавать наиболее соответствующие запросу и удовлетворяющие его результаты. А если на сайте растет число отказов именно с мобильных устройств, разве будет этот сайт считаться «удовлетворяющим потребности пользователя»? Я очень сомневаюсь.

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

Как добиться этого?

Есть 2 возможных варианта с некоторыми, достаточно существенными, различиями между ними:

1. отдельная мобильная версия для сайта
2. адаптивная версия сайт

Мобильная версия сайта, отдельная от обычной — это достаточно быстрое и, с виду, весьма безобидное решение.

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

Когда разумно применять такое решение?

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

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

Но давайте поговорим и о недостатках, которые поставляются в комплекте с этим решением.

Итак, для начала вы тратите в 2 раза больше денег. Причем всегда.

Причина этого достаточно проста. Допустим вы пользуетесь UMI CMS, которая позволяет сделать для одного и того же контента разную компоновку на мобильной и обычной версии (и да, UMI сама (!!!) без дополнительных модулей и настроек (!!!) умеет определять пришел пользователь с мобильного устройства или просто стационарного компьютера). С чего начинается ваше путешествие в мобильное представление сайта? Правильно, с создания нового, мобильного сайта. То есть вы реально разрабатываете новый сайт. А что будет, если вам необходимо заменить какой-то важный блок, например, логику расчета похожих товаров? Вы вынуждены делать это и на стационарной версии, и на мобильной. И платите отдельно за каждую из них.

Говоря «платите», я не обязательно имею в виду деньги, но нужно понимать, что даже ваше время — это ресурс, который вы вкладываете. А он может быть намного дороже часов программиста.

Итого, любое изменение важных блоков, функционала или дизайна сразу умножает смету на 2 сайта.

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

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

Адаптивность — это такой способ построения верстки, который позволяет сайту отображаться на устройствах с разным разрешением экрана приблизительно одинаково.

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

Безусловно, принимая внешний вид исходя из размера экрана сайт становится более отзывчивым к устройствам различного размера. Это лишает его недостатков некорректного определения устройства — теперь сайт будет удобнее читаться практически везде.

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

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

Резюмируя, хочется казать, что работать над представлением сайта на мобильных устройствах нужно. Это важно как для пользователей, так и для поисковиков. Практика показывает, что большинство сайтов, как и большинство компаний, вступая в мир мобильных браузеров, обычно не понимает чем специфика пользования их сайта с телефона отличается от пользования с десктопа. Как следствие, для начала им будет вполне достаточно полноценной адаптивной версии. Ну а дальше — дальше только практика покажет, нужно ли сохранить это направление или же разделить функционал на 2 разные ветви.

О том, каким образом настроить адаптивность, как ЮМИ определяет мобильность и как можно проверить удобство вашего сайта для яндекса и гугла читайте в статье «Как построить адаптивный сайт на UMI CMS«

Простой и понятный online-курс для обучения XSLT-программиста с любого базового уровня

Ваш отзыв