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

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

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

Для индексации мобильной версии сайта у 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

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *