Google Mobile Friendly

Требования к адаптивному сайту

• адаптивный дизайн
• скорость загрузки
• крупный шрифт
• элементы страницы вмещаются в ширину экрана
• элементы расположены не слишком близко

Почему мобильная версия не индексируется?

Для индексации мобильной версии сайта у Google есть отдельный робот, ии то, как он видит сайт можно увидеть в Google Search Console, даже проверяя сторонними сервисами или на телефоне, с помощью инструмента для вебмастеров – то как выглядит сайт и как его видит бот мождет быть разными.

Закрыты от индексации javascript и css

Эта проблема часто встречается с сайтами на wordpress.

В файле robots.txt по умолчанию стоит директива Disallow: /wp-admin и директива Disallow: /wp- это именно те папки где хранятся шрифты, css и javascript.

Если действует запрет доступ к js и css файлам для бота, то при формировании страницы ботом, она будет сформирована не корректно

Как проверить сайт на адаптивность?

Кроме инструментов Google mobile friendly есть много сторонних сервисов с помощью которых можно проверить адаптивность сайта под мобильные устройства.

Полностью исчерпывающая информация изложена в справке Google – https://support.google.com/webmasters/answer/9063469

Мета тег viewport

Мета тег который сообщает браузеру изменение размеров страницы исходя из размеров устройств.

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

• http://www.responsinator.com/
• http://ami.responsivedesign.is/

AMP

Accelerated mobile pages – ускорение загрузки страниц на мобильных устрочствах. Google индексирует страницы и добавляет в свой КЭШ который и показывает пользователю. AMP страницы отличаются минимальным дизайном и отсутствием большого количества CSS и JavaScript файлов.

Как создать AMP страницы?

Можно в коде прописать адреса отдельно сформированных страниц или использовать плагины для CMS системы

AMP плагины для WordPress

AMP