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

Возможно, он не адаптирован для просмотра с телефонов, смартфонов, посетители не видят картинки, шрифты разъезжаются.

В таком случае даже фанаты блога не смогут читать статьи и тем более что-либо покупать.

Как анализировать источники трафика можете прочитать здесь.

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

Угодить всем пользователям, вам, возможно, не удастся. Но по статистике Яндекс Метрики выделите устройства, использующиеся чаще всего. Адаптируйте сайт именно под них.

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

Сервисы для проверки мобильной версии сайта

quirktools.com/screenfly позволяет проверить сайт на разных разрешениях. Вводим адрес страницы, выбираем устройство и видим, первый не адаптирован, у второго шапка, контент адаптируются к области просмотра.


Чтобы проверить сайт на разных разрешениях в Mobilephoneemulator.com, пишем url, задаем вид устройства, ориентацию экрана, проверяем результат.

Проверить сайт на адаптивность в яндекс

Как хорошо оптимизирован сайт для просмотра на мобильных устройствах проверьте В Яндекс Вебмастер.
ИНСТРУМЕНТЫ - ПРОВЕРКА МОБИЛЬНЫХ СТРАНИЦ.

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

Проверить сайт на адаптивность google

Есть несколько инструментов Google, чтобы проверить сайт на адаптивность.

Самый известный developers.google.com/speed/pagespeed/insights/. После проверки мобильной версии сайта он даст рекомендации, как улучшить работу веб-ресурса. 
Приложение Гугл Mobile-Friendly Test  search.google.com/test/mobile-friendly


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

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

ИНСТРУМЕНТ Chrome Dev Tools работает в браузере Chrome, выполняя проверку адаптивности сайта онлайн.

Откройте любую страницу, жмите правую клавишу мыши - ПРОСМОТРЕТЬ ИСХОДНЫЙ КОД.

В левом углу нажмите на значок мобильного телефона.

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

Аналогично можете посмотреть мобильную версию сайта онлайн в браузере MOZILLA FIREFOX. Для проверки адаптивности сайта нажмите правую клавишу мыши - ИССЛЕДОВАТЬ. Справа откроется окно, выберите знак Режим адаптивного дизайна, нажмите на него.


Откройте мобильную версию сайта на компьютере в эмуляторе. Установите необходимые размеры экрана, двигая линейку.

Выбирайте подходящий инструмент, чтобы проверить, как выглядит сайт на мобильных устройствах. Выполните проверку адаптивности сайта онлайн, чтобы быстро исправить ошибки.

Метки:

Сервисы для вебмастеров

ПОХОЖИЕ СТАТЬИ:

ДРУЗЬЯ, СПАСИБО, ЧТО ПОДЕЛИЛИСЬ СТАТЬЕЙ:

5 отзывов к “Где тестировать, как выглядит сайт на мобильных устройствах

  • Сероколов:

    Тестирование сайта перед запуском является крайне необходимым этапом в связи с огромным разнообразием мобильных устройств, находящихся в распоряжении потребителей. И даже применение столь гибкой методики как адаптивный дизайн , не устраняет эту необходимость. Мобильные устройства постепенно вытесняют стационарные компьютеры посмотрите график, видите насколько вырос мобильный трафик за последние 2 года?

  • Андрей:

    screenfly хорошая штука, постоянно пользуюсь для проверки «как выглядит сайт»

  • Михаил:

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

  • Вадим:

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

  • Павел:

    iloveadaptive.ru – самый современный сервис на текущий момент, который я видел.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *