SEO - Типичные ошибки при проектировании мобильной версии сайта

Одной из грубейших ошибок при проектировании мобильной версии сайта является блокировка JavaScript, CSS и графических файлов.

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

Обязательно проверьте как робот “видит” ваш сайт. Для этого в GSC зайдите в “Посмотреть как Googlebot”, установите переключатель в “Mobile:Smartphone” и проинспектируйте результат, нажав кнопку “Получить и отобразить”.

Далее проверьте, что у вас доступны все важные элементы страницы. Ну, например, у меня заблокирован такой скрипт как https://mc.yandex.ru/metrika/watch.js - это метрика от Яндекса и он явно не нужен в индексе для правильного отображения сайта.

Как вы видите из скрина, во второй строке у меня оказался заблокирован контейнер со шрифтами. Это плохо.

Открываем “Инструмент проверки файла robots.txt” и смотрим, где блокируется этот контейнер.

В 22 строчке моего robots.txt и происходит блокировка этого контейнера со шрифтами. Мне достаточно будет дописать вот такую конструкцию в robots.txt в секцию Google.

Allow: /wp-*.woff2

Тем самым я устранил эту досадную недоработку.

Аналогично вы должны проверить блокировку всех значимых файлов, прямо влияющих на отображение и представление сайта для робота Google. Там же, в GSC проверьте вашу мобильную версию сайта на ошибки сканирования:

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

Далее, проверьте свой мобильный сайт на удобство для пользователей телефонов:
https://www.google.com/webmasters/tools/mobile-friendly/

Если у вас есть отдельные мобильные версии страниц, проверьте их наряду с URL для компьютеров, чтобы убедиться в корректности переадресации.

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

При создании отдельной мобильной версии сайта, например, m.site.ru иногда возникают неправильные переадресации. С каждой десктопной страницы сайта необходимо настроить правильную переадресацию на мобильную версию сайта.

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

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

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



Copyright 2018 SEO-MOB.ru