Чтобы снизить количество ошибок в отображении сниппетов на мобильных устройствах, можно следовать некоторым рекомендациям:
- Использовать адаптивную вёрстку. 4 Содержимое сайта должно быть пропорционально размеру экрана. 4 Если сайт открывается на устройстве с маленьким экраном, контент должен быть компактнее, а если на устройстве с большим экраном — шире. 4
- Оптимизировать скорость загрузки сайта. 14 Сайт должен загружаться не дольше 3 секунд. 4 Уточнить скорость загрузки можно в PageSpeed Insights или в «Анализе сайта» в «Топвизоре». 4
- Удалить элементы, которые не поддерживаются мобильными браузерами. 2 К таким элементам относятся, например, всплывающие окна, которые препятствуют доступу к странице. 2
- Не блокировать важные ресурсы страницы. 1 Блокировка некоторых ресурсов существенно влияет на распознавание страницы. 1 Например, если заблокировано крупное изображение, то страница, не оптимизированная для просмотра на мобильных устройствах, может быть ошибочно помечена как оптимизированная. 1
- Использовать читабельный размер шрифта. 1 Рекомендуются кегль от 12px. 1 Нужно следить, чтобы не происходило наложения элементов страниц друг на друга. 1
- Использовать яркие выделения. 5 Можно выделять ключевые фрагменты текста или важные информационные блоки при помощи жирных или курсивных шрифтов. 5
- Подбирать подходящие иллюстрации. 5 Использование качественных и информативных изображений или графиков, сопровождающих контент, может увеличить шансы на выделение страницы в сниппетах. 5
- Протестировать итоговый сайт на разных устройствах. 4 Сделать это можно в эмуляторе устройств в браузере и вручную на нескольких устройствах. 4