Главная / Обзоры / Как адаптировать сайт для мобильных устройств.

Как адаптировать сайт для мобильных устройств.

Разберём план действий при адаптации страницы под небольшое мобильное устройство.

Google начал усиленно бить в колокол. Не устраивает то, что сайты плохо работают на телефонах. А именно – не адаптированы под маленькие устройства. Компания начала делать рассылки, в которых уведомляет, что неудобные страницы будут оставлять плохое впечатление о ресурсе у юзера. Компания предупредила, что плохо укомплектованные страницы будут, соответственно, плохо отображаться на экранах телефонов.

Как понимать фразу: «Страница не подготовлена к отображению на мобильном устройстве»?

Частенько приходит такое письмо, что это значит? Страница не адаптирована к работе на мобильниках. Это может означать, что ваш сайт недостаточно оптимизирован. Или – оптимизация не проводилась вообще. Для таких случаев папа Google подготовил советы-рекомендации, как можно это исправить. Важно исправить быстрее, пока сайт не потерял свои рейтинги и позиции.

Как подстроить страницу для мобильных устройств

Первое – вам нужно выяснить, какие именно страницы забанены из-за ошибок. Для этого гляньте отчетность о ваших страницах, проанализируйте ошибки. Исправьте их. Отчет придет вместе с письмом-уведомлением от компании. Он доступен в инструментах для веб-мастеров.

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

Подготовка сайта к использованию на мобильном устройстве

Адаптировать сайт – несложно, просто следуйте указаниям Google. Перед тем, как начать, обновите CMS до самой новой версии, так как большое количество новых систем поддерживают мобильные устройства по умолчанию.

Внимание, нужно сделать резервную копию вашего сайта перед тем, как что-то в нём менять!

Далее:

• Оптимизируйте тему оформления для мобильных устройств. Посмотрите за наличием ключевых слов: адаптивный, мобильный и похожие.

• Проверьте удобство использования сайта с помощью специального сервиса от компании Google.

• Убедитесь при помощи инструмента Page Speed Insights, нет ли в разделе « Скорость» пунктов, которые настоятельно просят изменить.


Если всё в порядке – двигаемся дальше.

Автоматическая и ручная адаптация мобильного устройства

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

Первое, что вы должны будете – обновить CMS и темы сайта. Это позволит проще подстроиться под мобильные устройства.

Одним из основных моментов оптимизации сайта является адаптивность шаблона. Для этого лучше заменить тему, чтобы адаптировать его под устройство. Используйте responsive layout. Также вы можете проверить внешний вид сайта благодаря инструменту разработчика в Хроме. Существует и вспомогательная кнопка – совместимость с мобильными. Она работает на дополнительных плагинах и отдельных темах для мобильных браузеров. Прекрасная вещь, внешний вид сайта изменяется только на устройствах с маленьким экраном, не затрагивая основную концепцию страницы. Но учтите, что подействует она, только если шаблон поддерживает такой функционал.

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

В заключение

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

Мы разобрали самые основные пункты, удачи!