Проверка на мобильность

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

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

Мобильная версия и адаптивная верстка

Это два подхода к оптимизации сайта для просмотра на мобильных устройствах. Каждый из описанных вариантов имеет свои особенности. Предлагаем инструмент, чтобы проверить мобильную версию сайта. Это позволит оценить, требуется ли провести доработки и изменения.

Мобильная верстка является подходом, при котором создается отдельная версия сайта. Она рассчитана для разрешений смартфонов и планшетов. Дизайн и структура страниц оптимизированы для маленьких экранов. Мобильная верстка может находиться на поддомене и отдельные URL-адреса для страниц. Главным недостатком является дополнительная разработка подобной версии сайта и увеличение затрат на продвижение. Проверка сайта на разных разрешениях экрана способна выявить проблемы в работе.

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

Проверка сайта на адаптивность является важной составляющей оптимизации.

Возможности

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

• Наличие горизонтальной прокрутки

• Наличие тега Viewport

• Оптимизация шрифтов на мобильных устройствах

• Наличие Flash-элементов

• Наличие Java-апплетов

• Наличие Silverlight-плагинов

Подробнее разберемся в перечисленных параметрах и опишем их особенности.

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

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

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

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

Java-апплеты. Также могут быть несовместимы с мобильными устройствами и вызывать проблемы с безопасностью.

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

Проверка мобильности на нашем сервисе выполняется быстро и качественно.