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

Из раздела Разработка

Не только начинающие, но и весьма опытные вэб-разработчики задаются вопросом – надо ли делать для сайта мобильную версию? То есть, чтобы все элементы ресурса адекватно и удобно для пользователя отображались на небольшом экране смартфонов. Лишнего ничего не было, а всё важное присутствовало.

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

То есть, для широкоформатных мониторов одна версия, для мониторов чуть меньше – другая, для ноутбуков третья, для планшетов четвёртая и т. д. При желании их может быть сколько угодно.

Как организовать мобильную версию

Есть несколько способов, при помощи которых разработчики делают версию для небольших экранов. К примеру, создают отдельный поддомен (чаще всего он выглядит так – m.site.ru) и на нём разворачивают по сути отдельный сайт, который настроен строго на смартфоны.

Сайт обязательно должен выглядеть адекватно на небольших экранах смартфонов

Сайт обязательно должен выглядеть адекватно на небольших экранах смартфонов

Подобный подход имеет смысл лишь в некоторых случаях. К примеру, если сайт гигантский и пользуются им сотни тысяч человек в сутки. Тогда есть смысл пойти на такой шаг. Яркий пример ресурсов, где реализован такой подход – социальная сеть VK. Все знают о том, что если использовать m.vk.com – содержимое страницы будет показано в мобильной версии.

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

Достигается это при помощи тега "viewport" в html, а в файлах с таблицами стилей css задаётся необходимый размер, который будет обрабатываться – @media screen and (max-width: здесь размер экрана px) { -- тут стили -- }.

Такой подход удобен – не нужно делать отдельный поддомен, всё легко и гибко настраивается, стили сами подключаются тогда, когда экран пользователя соответствует настройкам.

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

Всё больше людей посещают сайты со смартфонов, дизайн под мобильные - обязательная часть успешного проекта

Всё больше людей посещают сайты со смартфонов, дизайн под мобильные - обязательная часть успешного проекта

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

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

Хорошая адаптивная версия проекта увеличивает конверсию, способствует лучшему вовлечению пользователей в контент, мотивирует людей как-то взаимодействовать с ресурсом – писать комментарии, ставить реакции, регистрироваться.

Человек понимает, что об его комфорте позаботились. Он ценит это и наверняка заглянет на сайт в будущем – если ему всё понравится.

Выводы

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

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

Что касается меня – каждому своему сайту я стараюсь сделать удобную версию для смартфонов, так как сам 60-70% времени нахожусь в интернете непосредственно со своего телефона, и прекрасно понимаю как это важно.

Поделитесь заметкой, если она вам понравилась!

Комментарии временно отключены.