Обзоры и аналитика

Статьи

Ответы на вопросы

Словарь терминов

Как сайт пройдёт Mobile Friendly и PageSpeed тесты?

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

Для проверки этой совместимости Google запустил специальные сервисы, позволяющие проверить ваш сайт. Вот пример прохождения тестирования совместимости для моего сайта:

Mobile Friendly тест сайта. Пример успешного прохождения

Большинство современных шаблонов дизайна, которые используются в CMS системах (системах управления сайтом) спокойно могут проходить подобный тест. Но успешное прохождение теста на совместимость с мобильными устройствами – это ДАЛЕКО не всё, что требуется от современного сайта! И вот тут могут возникнуть серьёзные неприятности, причины которых могут окажутся скрытыми от вас.

Ещё один очень важный тест от Google на скорость работы вашего сайта – инструмент PageSpeed Insights. Проверка на скорость сайта особенно важна, так как её результат влияет на поиск любых версии вашего сайта, как в мобильном, так и в обычном поиске (на позиции сайта у всех поисковых систем). Я считаю, что его эффективное прохождение сейчас даже важнее Mobile Friendly (которому уделяют большее значение, хотя он зависит и от поведенческих факторов).

При плохом результате прохождения теста (меньше 60%) вам могут утверждать, что всё дело в дизайне. И главное – это уменьшить размер и количество картинок, сделать сайт "простым". Другими словами: сделать сайт невзрачным и проигрывать конкурентам с хорошим оформлением их сайтов...

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

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

Пример прохождения теста PageSpeed сайта с анимацией

А вот пример прохождения того же теста, который Google учёл для мобильной версии первой страницы сайта. В ней присутствует анимация и много графических файлов для её кадров и оформления фонов. При таком количестве графики (весе графических файлов) для мобильной версии, многие разработчики посчитают невозможным прохождение теста скорости на 98%. Но вот наглядный пример:

Прохождение PageSpeed теста мобильной версией сайта

Но это не самое интересное. В этом же примере прохождения этого же теста есть ещё одни интересный момент! Вы видите 100% вариант прохождение теста "для компьютеров" самой большой (не мобильной) версии первой страницы сайта (см. картинку в тесте ниже). А эта версия содержит "тяжёлую" адаптивную АНИМАЦИЮ из 4 изображений! И ещё подключена Яндекс Метрика,  известная своей "неспешностью"... Результат теста проверки скорости страницы для компьютеров:

100% Прохождение PageSpeed теста версией сайта для компьютеров

Самое интересное, что в странице, на скриншоте в тесте, даже два вида анимации! В ней есть даже Flash-анимация, которая подключается только при наличии включённого плагина в браузере посетителя. Включите плагин Flash в браузере, (если он отключён) и вы увидите целое интерактивное "многосерийное кино" (таким интерактивным интернет был ещё совсем недавно). Другими словами - это адаптивная анимация с автоматическим выбором варианта показа в виде Flash или HTML5 анимации (в зависимости от наличия включённого плагина в браузерах пользователей). Получается, что даже с Flash элементом и с графикой на странице возможно 100% прохождение теста! Главное использовать комплексную оптимизацию применяемых технологий и настройку хостинга. Тогда у вашего сайта будут прекрасные перспективы поискового продвижения, при максимальном качестве дизайна и эксклюзивности оформления!

 
дополнительно:

  Как включить Flash в браузере для возможности просмотра версии сайта с Flash-анимацией на первой странице?

  Услуги разработки дизайна сайта с адаптивной технологией оформления (Flash + HTML5).
К вашим услугам комплексный подход к разработке дизайна сайта, с возможностью использовать все самые эффективные технологии.

  Технологии создания дизайна для сайтов, испытанные и использованные в прошлых проектах.

Отправьте запрос, указав телефон для обратного звонка: