По статистике, 50% людей будут реже пользоваться услугами компаний или смотреть сайты, если они не дружественны к мобильным устройствам, согласно данным Google.
Но как вы можете убедиться в том, что ваш сайт дружественен к мобильным устройствам? Конечно, вы можете проверить его на собственном смартфоне. Но как насчет сотен других видов телефонов и планшетов, которыми пользуются ваши посетители?
Понятие «дружественный к мобильным устройствам» означает, что ваш сайт (или приложение) хорошо выглядит и работает на смартфоне или планшете. На дружественность к мобильным устройствам влияет множество факторов, но все они сводятся к хорошему пользовательскому опыту.
Чтобы ваш сайт считался дружественным к мобильным устройствам, он должен быть быстрым, простым и удобным в использовании независимо от того, какое устройство использует читатель. Сегодня мы рассмотрим несколько тестов для вебмастеров на мобильную дружественность «Mobile friendly», которые дадут вам четкие ответы и практические советы.
Что такое тест на «Mobile friendly»?
Тест на «Mobile friendly» - это инструмент, который анализирует, насколько хорошо ваш сайт выглядит и работает на мобильных устройствах. Сюда входят различные виды смартфонов и планшетов, а также некоторые электронные устройства для чтения.
Тест может содержать оценку или простое «за/против», и обычно предлагает список улучшений, которые следует рассмотреть.
Хороший тест на мобильную дружественность учитывает широкий спектр факторов. В их число входят такие технические факторы, как:
• Скорость работы сайта
• Использование CSS и jаvascript
• Плагины, такие как Flash или Java
Они также включают факторы удобства использования, такие как:
• Хорошо ли читается текст без масштабирования?
• Помещается ли содержимое на экране без прокрутки вбок?
• Легко ли нажимаются ссылки и кнопки?
10 лучших тестов на удобство для мобильных устройств
Но хотя большинство мобильных тестов учитывают одни и те же факторы, не все они дают одинаковые результаты.
Ниже вы увидите список из 10 лучших тестов на мобильное «дружелюбие».
Website Grader
•
Website Grader - это собственный тест HubSpot, основанный на данных Google Lighthouse. Он предлагает оценку по 30 пунктам факторов, которые влияют на удобство вашего сайта для мобильных устройств. Затем он показывает простые и понятные рекомендации по улучшению вашего сайта.
Не знаете, что означают эти рекомендации? Перейдите по ссылке и посмотрите бесплатные видеоуроки о том, как оптимизировать отзывчивый сайт для мобильных устройств.
Что выделяется:
• Одновременно оценивает производительность, SEO и безопасность вашего сайта.
Предлагает действенные советы: Да.
Стоимость: Бесплатно.
Тест Google на «Mobile friendly»
•
Вместо шкалы оценок, как в некоторых других инструментах, тест Google на мобильность предлагает простой результат «прошел/не прошел».
Либо ваша «страница пригодна для использования на мобильных устройствах», либо ваша «страница не пригодна для использования на мобильных устройствах».
Если нет, вы увидите список причин, по которым страница не прошла тест. Ниже - скриншот результатов проверки одного из неудачных сайтов.
Одним из недостатков инструмента Google «Удобство для мобильных устройств» является то, что он проверяет только отдельные страницы, а не весь сайт в целом.
Что выделяется:
• Нажав на причины неудачи, вы увидите скриншот затронутой области.
Предлагает действенные советы: Да.
Стоимость: Бесплатно.
Page Speed Insights
•
Вместо простой оценки «зачтено / не зачтено» вы получите индивидуальные оценки по различным показателям производительности, которые оказывают непосредственное влияние на пользовательский опыт.
В результате вы получите гораздо более глубокое понимание производительности вашего сайта. Недостатком является то, что если вы еще не разбираетесь в этих терминах, вам придется кое-что изучить.
Поэтому Page Speed Insights идеально подходит для сайтов, которые поддерживаются веб-разработчиком или командой разработчиков.
Что выделяется:
• Предоставляет подробный список диагностических данных и возможностей для улучшения, а также оценку потенциальной экономии времени.
Предлагает действенные советы: Да.
Стоимость: Бесплатно.
MobiReady
•
В начале MobiReady предлагает интерактивную визуализацию того, как ваш сайт выглядит на различных устройствах. Под этим он выставляет вам оценку от 1 до 5 баллов и сравнивает ее с оценками 1000 лучших сайтов Alexa для контекста.
Под всем этим вы получите список результатов, как хороших, так и плохих, в котором объясняется, что, почему и где искать эти проблемы.
Что выделяется:
• Все неудачные результаты включают ссылку, указывающую на то, как их исправить.
Предлагает действенные советы: Да.
Стоимость: Бесплатно.
WebPage Test
•
Результаты WebPageTest начинаются с простых сводок, которые легко понять, даже если вы не очень хорошо разбираетесь в технике. Для тех, кто обладает более развитыми навыками, нажатие на эти результаты приведет к глубокому погружению в проблемы производительности и соответствующим советам.
После этого вы можете переключиться на одну из 14 различных категорий результатов, включая основные показатели сайта, контент и анализ изображений.
Что выделяется:
• Посмотрите, как загружается ваша страница в виде киноленты, короткого видео или водопада процессов.
Предлагает действенные советы: Да.
Стоимость: Бесплатно.
Pingdom
•
Pingdom предоставляет вам как буквенную оценку, так и оценку от 1 до 100. Под ним вы получите короткий список рекомендаций по улучшению производительности. Нажав на них, вы увидите объяснения проблем на простом языке.
Эти объяснения не превратят новичка в эксперта, но они являются хорошей отправной точкой.
Что выделяется:
• Позволяет выбрать географический регион проведения теста. (Например, Северная Америка, Европа, Азия и т.д.).
Предлагает действенные советы: Да.
Стоимость: Бесплатно.
Тест на мобильную дружественность Bing
•
Тест мобильной дружественности Bing - это быстрый и простой инструмент, который подходит для быстрой проверки.
Как и Google Mobile Friendliness Test, инструмент Bing выдает результат «за/против», а также список причин. В отличие от теста Google, многие причины Bing не сопровождает никакими объяснениями.
Что выделяется:
• Показывает простую визуализацию того, как ваш сайт будет выглядеть на мобильном устройстве.
Предлагает действенные советы: могли быть лучше.
Стоимость: Бесплатно.
SiteChecker
•
SiteChecker выставляет оценку по 100-балльной шкале и предоставляет обширную информацию о производительности вашего сайта. И хотя они называют это тестом на мобильное дружелюбие, вы получите большой список рекомендаций по улучшению как для настольных, так и для мобильных устройств.
Вы увидите предложения по содержанию, кодированию, размещению ссылок, социальным сетям и многое другое. И для каждой проблемы вы найдете кнопку «как исправить», которая предоставляет информацию о том, почему это важно и что делать.
Что выделяется:
• Также предоставляет подробный отчет о файлах CSS и jаvascript вашего сайта.
Предлагает действенные советы: Да.
Стоимость: Бесплатно с 7-дневной пробной версией.
WooRank
•
WooRank - это маркетинговый SaaS, который известен своими SEO-расширениями и плагинами. Их инструмент оценки веб-сайта проанализирует производительность вашего сайта, включая его удобство для мобильных устройств.
В считанные секунды они выставят вам оценку от 1 до 100 баллов, однако, чтобы узнать ее причины, вам нужно будет подписаться на их сервис. Это делает тест WooRank хорошим вариантом для тех, кто уже приобрел набор SEO-инструментов.
Что выделяется:
• Если вы зарегистрируете аккаунт, ваши результаты будут связаны с остальными инструментами компании.
Предлагает действенные советы: при регистрации.
Стоимость: Freemium.
BrowserStack
•
Инструмент BrowserStack отличается от других в этом списке тем, что это фактически тест отзывчивого дизайна. Поэтому, хотя он не даст вам оценку или список улучшений, он позволит вам увидеть, как ваш сайт отображается на более чем дюжине различных устройств.
Он включен в этот список, потому что он очень полезен, когда используется в тандеме с другим тестом на мобильное дружелюбие. Ваши посетители будут оценивать ваш сайт по его внешнему виду в той же степени, что и по его работе.
Что выделяется:
• Платные аккаунты также могут проводить интерактивное тестирование на более чем 3 000 различных браузерах и устройствах.
Предлагает действенные советы: Нет.
Стоимость: Бесплатно.
Адаптивный дизайн - это отличный способ обеспечить мобильную дружественность «mobile friendly», но это не одно и то же. Считайте, что мобильная дружественность - это цель, а адаптивный дизайн - способ ее достижения.
Адаптивность означает, что ваш сайт автоматически адаптируется к любому устройству, которым пользуется читатель. Текст и изображения будут масштабироваться в соответствии с размером.
Макет будет перестраиваться в соответствии с экраном. И неважно, заходит ли посетитель на сайт со смартфона, настольного компьютера, планшета или даже электронной читалки, он все равно получит качественный пользовательский опыт.
Как видно из скриншотов, оценки, которые вы получаете, могут сильно различаться. Поэтому важно не зацикливаться на цифрах. Используйте свою оценку в качестве ориентира, но сосредоточьтесь на улучшениях.
Будьте лучшей версией себя )
Еще советуем:
