Из раздела Разработка
Не только начинающие, но и весьма опытные вэб-разработчики задаются вопросом – надо ли делать для сайта мобильную версию? То есть, чтобы все элементы ресурса адекватно и удобно для пользователя отображались на небольшом экране смартфонов. Лишнего ничего не было, а всё важное присутствовало.
Кто-то принципиально ничего такого не делает, полагаясь полностью на современные и функциональные браузеры. Но есть и те, кто тратит массу сил и времени на изготовление версий сайта не только под смартфоны, но и просто под разные разрешения экранов.
То есть, для широкоформатных мониторов одна версия, для мониторов чуть меньше – другая, для ноутбуков третья, для планшетов четвёртая и т. д. При желании их может быть сколько угодно.
Есть несколько способов, при помощи которых разработчики делают версию для небольших экранов. К примеру, создают отдельный поддомен (чаще всего он выглядит так – m.site.ru) и на нём разворачивают по сути отдельный сайт, который настроен строго на смартфоны.
Сайт обязательно должен выглядеть адекватно на небольших экранах смартфонов
Подобный подход имеет смысл лишь в некоторых случаях. К примеру, если сайт гигантский и пользуются им сотни тысяч человек в сутки. Тогда есть смысл пойти на такой шаг. Яркий пример ресурсов, где реализован такой подход – социальная сеть VK. Все знают о том, что если использовать m.vk.com – содержимое страницы будет показано в мобильной версии.
Если ресурс простой лучше воспользоваться адаптивной версткой сайта. То есть, когда в таблице стилей прописывают отдельные настройки – специально под мобильные.
Достигается это при помощи тега "viewport" в html, а в файлах с таблицами стилей css задаётся необходимый размер, который будет обрабатываться – @media screen and (max-width: здесь размер экрана px) { -- тут стили -- }.
Такой подход удобен – не нужно делать отдельный поддомен, всё легко и гибко настраивается, стили сами подключаются тогда, когда экран пользователя соответствует настройкам.
Всё больше людей посещают сайты со смартфонов, дизайн под мобильные - обязательная часть успешного проекта
С каждым годом количество пользователей интернета с мобильных телефонов увеличивается. Не знаю, превысил ли уже этот показатель число юзеров с компьютеров, но не удивлюсь если превысил.
Потому думать о них нужно обязательно. Лично я, если попадаю на сайт, а мне автоматически не показывается мобильная версия, испытываю не самые позитивные эмоции – уже привык к тому, чтобы всё было удобно через смартфон.
Хорошая адаптивная версия проекта увеличивает конверсию, способствует лучшему вовлечению пользователей в контент, мотивирует людей как-то взаимодействовать с ресурсом – писать комментарии, ставить реакции, регистрироваться.
Человек понимает, что об его комфорте позаботились. Он ценит это и наверняка заглянет на сайт в будущем – если ему всё понравится.
Мобильная версия для сайта нужна. И крайне важна. Лучше всего, если сделана она с помощью адаптивной вёрстки – когда при определённых условиях стили оформления подгружаются автоматически, без всяких лишних переходов на специальные поддомены.
Раньше даже было такое мнение в среде вэб-разработчиков, что поисковые системы больше любят проекты, где предусмотрена адаптивная версия оформления. И позиции таких сайтов выше в поисковой выдаче. Не знаю правда это или нет, но, если слухи были – значит, смысла они не лишены.
Что касается меня – каждому своему сайту я стараюсь сделать удобную версию для смартфонов, так как сам 60-70% времени нахожусь в интернете непосредственно со своего телефона, и прекрасно понимаю как это важно.
Поделитесь заметкой, если она вам понравилась!
Комментарии временно отключены.