Работа с мобильными сайтами

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

Что такое мобильные сайты?

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

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

Основные отличия от приложений:

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

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

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

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

Как проверить сайт на мобильность в Гугле?

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

https://www.youtube.com/watch?v=YkasaNMsLxs

Оптимизация сайта под мобильные устройства

Для оптимизации сайта нужно выполнить несколько условий:

• Выбор шрифта, комфортно читаемого на маленьком экране без дополнительного увеличения;
• Настройка содержимого таким образом, чтобы оно удобно располагалось на экране, не выходя за горизонтальные рамки;
• Отсутствие сложных интерактивных элементов, например, созданных при помощи Flash-технологии (на мобильных устройствах эти инструменты могут не работать);
• Изображения, видео должны удобно просматриваться;
• Важный функционал сайта (регистрация, совершение покупок) должно быть комфортно использовать и в мобильной версии).

Как проверить отображение сайта на мобильных устройствах?

Отображение сайта в мобильной версии можно проверить и на обычном компьютере. В этом плане удобный сервис есть опять же у Google. При нажатии кнопки F12 в окне браузера, открывается экран разработчика. На панели инструментов есть значок телефон/планшет. При нажатии на него можно перейти в режим просмотра, имитирующий экраны различных моделей мобильных устройств.

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