Как проверить сайт на адаптивность с помощью quirktools

Quirktools – незаменимый сервис для проверки сайта на адаптивность

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

Чтобы убедиться в корректности отображения Вашего сайта на экранах гаджетов разных размеров, потребуется обратиться за помощью к инструментам Quirktools.

Возможности сервиса Quirktools

Функционал, который нам понадобится для проверки адаптивности, находится на сайте сервиса во вкладке «Screenfly». Для начала работы с Quirktools нужно лишь ввести URL проверяемого веб-сайта в предложенную строку.

 

Как начать проверку на QuirkTools
 
Сразу же после этого в Quirktools станут активны элементы, выбирая которые можно увидеть как будет выглядеть Ваш веб-ресурс на экранах разного размера:

  1. Компьютеров и ноутбуков.


    Как выглядит сайт на десктопах

     
  2. Планшетов.


    Как выглядит сайт на планшете Quirktools

     
  3. Мобильных телефонов (сматфонов).


    Как выглядит сайт на смартфонах Quirktools
     
     
  4. Телевизоров.

Дополнительные фишки

Кнопка «Custom screen size» дает возможность вручную ввести разрешение экрана, если нужного устройства не оказалось среди предложенных по умолчанию в Quirktools.
 

Ввести разрешение вручную Quirktools
 

С помощью функции «Rotate» можно имитировать поворот экрана на устройствах поддерживающих эту возможность.
 

Имитация поворота экрана «Rotate»
 

Кроме основной рассматриваемой в этом обзоре возможности на Quirktools присутствуют инструменты для отображения данных по устройству, с которого выполняется доступ к сервису (раздел «Retro»), создания карты сайта («Smaps») и построения шаблонов веб-страниц («Wires»), которые также могут пригодиться веб-мастеру. Для полноценного использования этих функций потребуется регистрация на сервисе (для проверки адаптивности под экраны она была не нужна).
 

Другие возможности Quirktools
 

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

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

 

Ближайшее мероприятие с участием лично Павла Шульги
20 (вт) августа в 19:00 Киев / МСК

Бесплатный вебинар на тему:
13 советов по SEO, чтобы получать 100+ заявок в день
Рекомендуемые статьи этой категории
Бесплатный аудит
Вашего сайта в 1 клик
Введите ссылку на Ваш сайт и мы за 31 секунду проанализируем его на ошибки, изменив которые, Вы можете увеличить посещаемость сайта на 200 - 400%