Содержание:

Получить бесплатную консультацию от специалиста по вашему проекту

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

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

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

Получить бесплатную консультацию от SEO-эксперта по вашему сайту

Возможности сервиса BlueTree.ai

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

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

  1. Компьютеров и ноутбуков;
  2. Планшетов;
  3. Мобильных телефонов (сматфонов).

проверка адаптивности верстки в Blue Tree

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

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

выбор размена экрана в сервисе Blue Tree

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

Имитация поворота экрана в программе

Если вы захотите поделиться результатами проверки сайта на адаптивность, в программе для этого предусмотрена кнопка «Share». Кликните по ней и выберите из списка подходящий вариант. 

поделиться результатами проверки адаптивности

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

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