8 популярных онлайн-приложений для тестирования мобильных версий вашего сайта
Революция в сфере мобильных технологий сподвигла владельцев как крупных, так и мелких веб-сайтов на создание их мобильных версий. Мобильные версии можно конструировать, используя темы оформления, расширения и прочие модификации.
Разрабатывая мобильную версию, вы, наверное, захотите протестировать её на двух, трёх или даже пяти различных мобильных устройствах. По завершении процесса разработки вы уже не узнаете, как она отображается каждым из мобильников, используемых на планете Земля, ведь для этого вам пришлось бы закупить образцы всех моделей и вручную протестировать их.
Давайте облегчим решение этой задачи, предложив вам в рамках данной публикации подборку инструментов для тестирования мобильной версии вашего веб-сайта.
Эти сервисы помогут вам протестировать ваш мобильный веб-сайт, выявить наличие в его работе ошибок/сбоев, а затем оптимизировать её в соответствии с рекомендациями. Давайте познакомимся с рядом приложений для тестирования мобильных версий в режиме онлайн.
W3C возглавляет список каждый раз, когда речь заходит о тестировании веб-сайтов. И сейчас, W3C mobileOK Checker можно поставить во главе подборки веб-инструментов тестирования мобильных версий. Вам достаточно лишь посетить их веб-сайт и ввести URL-адрес объекта тестирования, чтобы узнать, готов ли ваш веб-сайт к работе в мобильном режиме, а также, что следует сделать для устранения ошибок.
Ready.Mobi — сервис от dotMobi, являющийся дополнением к W3C MobileOk Checker. Он исследует ваш веб-сайт и выдаёт вам график-отчёт о результатах, показывающий, насколько хорошо веб-сайт оптимизирован для работы в мобильном режиме. Без регистрации можно проверить одну страницу, но для тестирования веб-сайта полностью вам придётся завести аккаунт.
Google также предлагает инструменты для тестирования мобильной версии вашего веб-сайта. Посетите сайт Mobile Testing, введите URL вашего веб-сайта и нажмите «Enter». Ваш веб-сайт отобразится в формате мобильной версии, а вы сможете проверить, корректно ли он отображается.
iPad от Apple — самый продаваемый на данный момент планшет. Оптимизируя ваш веб-сайт для мобильных устройств, вам стоит проверить также его совместимость с iPad (обязательно протестируйте на этот предмет ваш сайт в стандартном виде, а не только его мобильную версию). Посетите веб-сайт iPad Peek, введите нужный URL-адрес и нажмите «Enter», чтобы посмотреть, как выглядит ваш веб-сайт на экране iPad.
mattkersley.com
Простой сервис для проверки сайта на адаптивный дизайн от Matt Kersley. Так же доступны все популярные разрешения мобильных девайсов.
Рекомендации Яндекса
Ускорьте сайт
Используйте для этого ручные способы оптимизации или готовые технологии AMP или Турбо Страниц.
Осторожнее со скрытым контентом
Скрывайте только малополезный контент для мобильных устройств. Гугл и Яндекс рассматривают дополнительный контент, как важный фактор ранжирования.
Если вы скроете, например, блок «Похожие товары/статьи» или калькулятор стоимости, это может негативно сказаться на ваших позициях в мобильной выдаче.
Перепишите тайтлы
Заголовки сниппетов в мобильной выдачи вмещают больше символов, чем на десктопе. Делайте мета-тег Title максимально информативным. Используйте призывы к действию, описывайте ваши преимущества.
Итак, в данной статье мы рассмотрели вопрос, как проверить сайт на мобильность в Яндексе и Google, как это влияет на поисковое продвижение сайтов и блогов, узнали, что такое поисковый алгоритм Владивосток. Остается дело за малым – выяснить есть нарушения или нет и устранить их.
Если Ваш сайт не адаптирован под мобильные устройства, то у Вас есть два варианта:
Плагины для адаптации бывают различные, Вы можете их выбрать. Подробнее об установке плагина WPtouch, обзоре других плагинов, Вы можете посмотреть в моей статье на блоге Мобильная версия сайта для WordPress. Кстати, после установки плагина, проверить сайт на мобильность нужно будет снова. Для тех, кому удобнее смотреть видео, оно представлено ниже:
Адаптацию сайта к мобильной версии Вам с удовольствием сделают, но стоимость этих работ достаточно высокая – 40-70$, а то, и дороже, здесь решать Вам. Возможно, проще будет заказать новый сайт, если есть еще какие-то переделки и идеи, это может обойтись в совокупности дешевле. О том, как и где заказывать разработку сайта показано в моей недавней статье на блоге.
Думаю, теперь у Вас есть ответы на все основные вопросы, которые связаны с проверкой мобильной версии сайта. Проверяйте, исправляйте и не теряйте поисковый трафик. Удачи Вам!
Проверить мобильную версию сайта Гугл
Начнем с поисковой системы Google, поскольку с её помощью проверить, как видят ваш ресурс другие устройства (не компьютеры), намного быстрее.
Для это нужно перейти по этой ссылке, ввести адрес сайта в соответствующую строку, и нажать «Анализировать«.
Если система проверит нужные теги, отсутствие вредных скриптов, мешающих показу страниц — тогда появится надпись: « Отлично! Страница оптимизирована для мобильных устройств «.
По сути, вам можно вздохнуть с облегчением и продолжать заниматься другими аспектами.
Но не нужно слишком сильно радоваться, такая проверка показывает, что главная страница отвечают нужным требованиям. Для каждой отдельной странички нужно по новой проверять адаптивность для мобильных устройств.
Чтобы этим не заморачиваться и увидеть все существующие проблемы для вашего сайта с точки зрения мобильного трафика, нужно войти в панель вебмастера Гугл, в раздел Поисковый трафик — Удобство просмотра на мобильных устройствах.
Вот к примеру, у нас показывает аж 72 проблемы. Правда они совсем не критические, а связаны с самим содержимым сайта. Поэтому, пока что мы их игнорируем.
Здесь всё достаточно понятно и сразу вам пишут в чем суть проблемы. Посмотрев справку можно легко справиться с ними. О самой распространенной из проблем (отсутствие тега viewport), расскажем в конце статьи.
Подведем итоги
Если Вы обладатель сайта на более ранней версии Joomla чем 3.4 или же Вы обновили раннюю версию Joomla до последней — обновите файл robots.txt вручную.
В добавок сайт, помимо сервиса PageSpeed Insights, необходимо проверить еще и в Яндекс. Вебмастере (раздел «Инструменты» — «Проверка мобильных страниц»)
Как проверить мобилопригодность: бесплатные инструменты
Проверить оптимизацию можно бесплатно за пару кликов, подходящие инструменты есть у поисковых систем или сторонних разработчиков. Кроме оценки оптимизации инструменты дают советы по улучшению сайта.
Фрагмент результатов проверки
Проверить сайт можно прямо в SERP: если ввести в поисковик «mobile friendly», появится поле для ввода адреса сайта.
Проверка в SERP
Анализ сайта от PR-CY проверяет ресурс по более 70 параметрам, включая и мобилопригодность. К каждому пункту проверки дает пояснение и совет. Для проверки оптимизации хватит функциональности бесплатной версии.
Фрагмент результатов проверки
Вебмастер Яндекса тоже предлагает проверку на мобилопригодность и выводит краткий список необходимых параметров.
Фрагмент результатов проверки
Сайты, которые не оптимизированы под мобильные устройства, теряют большую часть трафика. Проверьте свой ресурс с помощью чек-листа и сделайте его мобилопригодным, чтобы нравиться и пользователям, и поисковикам.
Загрузка...
