Google Mobile Friendly
Адаптивные страницы сайта, как сделать AMP, проверить страницы на mobile friendly, плагины для CMS
Требования к адаптивному сайту
- адаптивный дизайн
- скорость загрузки
- крупный шрифт
- элементы страницы вмещаются в ширину экрана
- элементы расположены не слишком близко
Почему мобильная версия не индексируется?
Для индексации мобильной версии сайта у 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