Блог

Гайд по оптимизации мобильного сайта

04 октября 2020

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

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

Оптимизируем мобильный сайт

Прежде чем начинать оптимизацию мобильного  сайта, оптимизируйте основную версию. Заголовки,  title, description, seo-тексты, микроразметка, а также внутренняя и внешняя перелинковка – всё это также работает на мобильной версии.

В том случае, если мобильную версию разрабатывали отдельно, то необходимо повторять те же меры по оптимизации, как и в основной версии сайта. Упор делайте на короткие поисковые запросы.

оптимизация мобильного сайтаПроверка robots.txt

Техническая оптимизация мобильного сайта начинается с проверки файла robots.txt. Удостоверьтесь, что картинки, а также файлы js и css не закрыты от поисковых роботов.

Загрузка сайта

Скорость загрузки проверяйте по ссылке https://developers.google.com/speed/pagespeed/insights/ и оценивайте результат, указанный на мерной шкале.

Если скорость составила выше 90 баллов, то результат считается хорошим, если меньше 50 баллов – загрузка медленная.

Мета-тег viewport

Убедитесь, чтобы тег «viewport» был прописан в коде на всех страницах. Браузер считывает эту информацию и, при открытии окна, его ширина устанавливается под размер экрана устройства. Масштаб страницы при этом не должен изменяться. Если данный тег не будет прописан, то страница на телефоне будет показываться как для ПК.

Динамический контент

В том случае, если две версии (десктопная и мобильная) размещены на одном адресе, а в зависимости от выбранного устройства показывается разный контент на сайте– в этом случае необходимо использовать HTTP-заголовк Vary с использованием значения User-Agent. Таким образом поисковые роботы поймут, что на вашем ресурсе есть динамический контент.

оптимизация мобильного сайтаРасположение контента

Контент должен размешаться по ширине экрана используемого устройства. Не должно быть прокруток и пустых пространств. Чтобы проверить этот критерий – используйте инструмент  Google mobile-friendly.

Обратите внимание и на шрифт самого текста, он должен быть понятным и читабельным.

Кнопки

Все элементы, на которые пользователи будут кликать, должны быть крупными, чтобы на них можно было легко попасть. Также кнопки не должны быть расположены близко между собой.

Размер картинок

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

оптимизация мобильного сайтаИспользование pop-up окон

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

Навигация на сайте

Не забывайте, что мобильная версия должна быть удобной, чтобы пользователь с лёгкостью мог найти нужный ему раздел. Убедитесь, чтобы все пункты меню доступны.

Кнопка «полная версия сайта»

Добавьте в мобильной версии сайта кнопку с переходом на полную версию сайта. Так для пользователей с планшетами появится возможность просматривать интересующий их контент в более удобном для них формате.

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

За качественной разработкой сайта и его оптимизацией обращайтесь к нам. Мы предложим лучшие условия для вас!

Закажите бесплатно
расчет стоимости Вашего проекта
Заказать
заполните
специальную форму
вверх