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

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

Не секрет, что мобильные устройства всё глубже проникают в нашу обыденную жизнь, При этом, стоимость интернет пакетов у мобильных операторов непрестанно снижается, делая каждый смартфон или планшет настоящим офисом. Для статистики: по некоторым запросам и тематикам посещение интернет сайтов с мобильных устройств приближается к 50%, т.е. половина трафика на сайт приходятся на мобильные устройства! Представьте, вы теряете до половины трафика, только потому, что ваш сайт не оптимизирован для мобильных устройств, а значит, не удобен при работе с них.

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

При этом, и в обычной выдаче оптимизированный под мобильные устройства сайт займёт более высокие позиции, особенно такие сайты любит Google, а у Яндекса ссылки на сайт будут дополнены специальной меткой «Мобильная версия», дополнительно привлекая внимание потенциальных заказчиков.

И так, какие же виды оптимизации под мобильные устройства существуют:

Сайт с адаптивным дизайном

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

Основным минусом адаптивного дизайна являются огромные трудозатраты, требуемые для его реализации и сложность или даже невозможность внесения изменений в сайт со стороны непрофессионалов.

Динамическая верстка страниц

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

Несомненным минусом такого типа реализации является возможность некорректного определения устройства, особенно на фоне активного использованная плагинов Adblock и Disconnect.

Отдельная m.домен.ру версия сайта

При такой реализации для мобильной версии, обычно, создаётся отдельный поддомен (m. mob. mobile.) со своим дизайном, наполнением, оптимизацией и принудительным перенаправлением на него пользователей мобильных устройств. Мобильная версия сайта по такой технологии делается быстрее остальных.

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

Неправильная версия сайта – горизонтальная прокрутка Неправильная версия сайта – слишком мелко Правильная версия сайта - адаптивная

Наши рекомендации при разработке мобильной версии сайта

  1. На разрабатываемом сайте требуется любыми методами избегать использования технологий не поддерживаемых или не в полной мере поддерживаемых мобильными устройствами такие как: Flash, Applet и Silverlight. При необходимости использования сложных динамических и интерактивных элементов применять технологии HTML5 и CSS3 или полностью отказаться от сложных элементов.

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

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

  4. Размещать ссылки на некотором удалении друг от друга, чтобы при нажатии пальцем пользователь нажал именно интересующую ему ссылку.

Оптимизированный под мобильные устройства веб сайт позволит охватить новую аудиторию, сделав ресурс удобным и лёгким для использования для всех пользователей. При этом, при применении адаптивной вёрстки восприятие сайта улучшится и для владельцев стационарных компьютеров, ибо разрешения экранов компьютеров, также, меняется в широком интервале, от устаревших 1024 до современных 1920 пикселей и не за горами мониторы с 2К и 4К разрешениями.

О студии

Мы рады приветствовать любого путника, идущего на свет Путеводной звезды.

ПРИСОЕДИНЯЙТЕСЬ ;)