Блог

Растиражированный в Рунете алгоритм ранжирования Google Mobile Friendly делает своё дело: владельцы сайтов проверяют их на адаптивность, готовясь сдать тест на «дружественность» Google. Мы подготовили подборку из восьми сервисов, которые помогут вам сдать этот тест и подойти к новому алгоритму во всеоружии.


1. Screenfly. Начнём нашу проверку на адаптив с первого сайта страны – сайта Президента РФ. Вводим в соответствующее поле в онлайн-сервисе его адрес, настраиваем под нужное разрешение экрана и смотрим.


Из доступных вариантов:


•    Ноутбуки (1024x600, 1024x768, 1280x800, 1366x768, 1440x900, 1600x900, 1680x1050, 1920x1080, 1920x1200)


•    Известные марки планшетов (Kindle Fire HD’7 533x853, Kindle Fire 600x800, Samsung Galaxy Tab 600x1024, Google Nexus 7 603x966, Apple iPad 768x1024, Kindle Fire HD 8.9 800x1280)


•    Мобильные устройства (от старенькой Motorola RAZR V3 до последнего iPhone)


•    Телевизоры (640x480, 1280x720, 1920x1080)


Если вы не нашли своего девайса – ничего страшного. Нажмите  на Custom Screen Size и выберите нужное разрешение экрана.
 



ScreenFly



2. Seowind. Сервис аналогичен предыдущему. Единственное отличие – русифицированное меню.



Seowind


 
3. Viewlike.US. Вводим адрес сайта, задаём разрешение экрана и снова проверяем адаптивность. В отличие от первых двух сервисов в этом есть мгновенная форма изменения экрана «Rotate», а также большой предустановленный набор девайсов. От вас требуется лишь выбрать тип девайса, марку и модель. Например, Desktop – Sony – VAIO L 24’’.


Особенности:


•    34 смартфона


•    24 планшета


•    24 монитора


4. ScreenQueri. По сравнению с другими сервисами проверки адаптивности сайта, ScreenQueri напоминает c виду сложный графический редактор, в котором «чёрт ногу сломит». Это не совсем так – да, есть сложный интерфейс, но опять же это компенсируется выбором предустановленных устройств – всего их 47.


Из минусов сервиса:


•    Мало предустановленных в сервисе девайс-новинок. Например, в списке нет iPhone 6. Как проверить адаптивность сайта в таком случае? Просто – настраивайте необходимое разрешение экрана с помощью горизонтальной и вертикальных линий.


•    Первичная регистрация для работы с сервисом.
 



Viewlike



5. Responsinator. Сервис за пару секунд отображает ваш сайт на самых популярных мобильных устройствах. Причём сразу на одной странице. Т.е. одновременно мы можем посмотреть, как сайт адаптирован под iPhone 5 или Nexus 4. 


Из плюсов: возможность просмотра адаптивной версии сайта как в горизонтальной ориентации, так и в вертикальной.



ScreenQueri



 
6. Matt Kersley Tool. Если вам нужно просто проверить адаптивность сайта без всяких настроек – по принципу «чтобы отображалось на айфоне, маленьком и большом планшете» – этот сервис для вас.


Доступные форматы: 240x320, 320x480, 480x640, 768x1024, 1024x768.



Matt Kersley



 
7. Deviceponsive.com. Пожалуй, лучший с визуальной точки зрения сервис. Есть возможность выбрать бэкграунд, прикрепить к адаптивному изображению логотип сайта или компании.


Из минусов


•    Крайне скудный выбор моделей для проверки адаптивности  iPhone, Samsung Galaxy, Macbook, iPad, Kindle

 



Deviceponsive



8. Responsive Web Design Tester. Расширение для браузера Google Chrome – простой и быстрый способ для того, чтобы проверить адаптивность сайта. Устанавливайте расширение, нажимайте правой кнопкой мыши по нужному сайту и переходите по вкладке Responsive Web Design Tester. Осталось выбрать устройство для отображения. 


Плюсы:


•    возможность создать свою группу устройств и добавить в неё своё


•    отредактировать уже существующие


•   встроено в браузер
 



 Responsive Web Design Tester



Вместо заключения


С вопросом «как проверить адаптивность сайта?» мы разобрались. Приведённые выше сервисы помогут разобраться в том – адаптирован ли ваш сайт или сайт конкурента к мобильным устройствам, как именно он отображается. Заказать адаптивный сайт или получить бесплатную консультацию можно на этой странице.

 

 


Возврат к списку