Мобильная версия сайтов

Разработка сайтов

Мобильная версияСайты разработанные мною адаптированы для просмотра на мобильных устройствах.


С развитием современных технологий мобильные устройства (телефоны, планшетные компьютеры, смартфоны) становятся всё мощнее и функциональнее. Людей, которые выходят в сеть интернет при помощи мобильных устройств, становится с каждым днём всё больше и больше.


По моим личным наблюдениям (из статистики нескольких моих сайтов) могу сказать, что на долю мобильных устройств сейчас приходится примерно 60-70 % от всего трафика. Поэтому игнорировать такое большое количество посетителей ни в коем случае нельзя. И следовательно любой успешный сайт сейчас должен иметь мобильную версию.


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


Адаптация сайта для мобильных устройств может быть осуществлена тремя способами:

  1. Ваш сайт будет иметь «отдельно стоящую» мобильную версию.
  2. Ваш сайт будет иметь адаптивный дизайн, и не иметь отдельной мобильной версии.
  3. Ваш сайт не будет иметь ни того, ни другого, но при этом посетители с мобильных устройств смогут видеть его полную версию у себя на дисплее с возможностью её масштабирования (увеличения, или уменьшения).

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


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


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


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


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


Минусом данного способа является то, что ваши посетители (с мобильных) не смогут перейти в полную версию сайта, хотя с одной стороны и зачем? Хочешь увидеть полную версию заходи с обычного ноутбука, или компьютера. А сделать адаптивный дизайн нужно таким образом, чтобы в нём удачно умещалась вся самая важная информация.


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


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


Выбор за вами.