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

Если сайт неудобен для пользователя, вы потеряете клиентов. Поисковые системы также анализируют, насколько хорошо сайт адаптируется под мобильные устройства. Если с этим будут проблемы, вы никогда не попадете в ТОП-5 по поиску смартфонов.

Удобная для мобильных устройств структура веб-сайта
Mobile-friendly — поисковый алгоритм Google, отдающий предпочтение при ранжировании сайтов тем, которые имеют хороший пользовательский интерфейс для смартфонов, следовательно чем лучше вы подготовите свой сайт, тем лучше будет выполнено продвижение сайтов. Мобильный сайт — это сайт, адаптированный для сайтов с разными расширениями.

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

Что нужно для быстрой работы сайта на мобильных устройствах

1. Адаптивный шаблон
При создании сайта с нуля подумайте о полной мобильной версии. Для этого можно использовать просто упрощенный дизайн и убрать из кода ненужные элементы JavaScript. Это сделает сайт быстрым для мобильных устройств. При покупке сайта отдавайте предпочтение адаптивным вариантам.

2. Отказаться от Flash
Googlebot не может его посчитать, что снижает скорость сайта в тестах. Кроме того, большинство смартфонов не поддерживают эту технологию.

3. Материальный дизайн
Google стремится сделать сайты максимально удобными для пользователя, поэтому компания создала графический язык, Material Design — это единое пространство для пользователя. При работе с сервисом гугл реклама стоит взять во внимание, что неудобный сайт приведет к большому числу отказов.

4. Минимизируйте использование пользовательских шрифтов
При всей своей привлекательности они замедляют загрузку сайта, так как требуют использования CSS и Javascript. В идеале используйте эти шрифты для основного заголовка и для выделения важных элементов.

5. Сжимайте изображения
Тяжелые изображения замедляют загрузку веб-страниц, поэтому следует использовать специальные сервисы сжатия изображений.

Используйте форматы изображений JPEG 2000, JPEG XR и WebP для более эффективного сжатия изображений.

6. Забудьте о редиректах
Редиректы замедляют работу сайта, потому что требуется время, чтобы сигнал дошел до сервера и обратно. То же самое относится и к переключению с HTTP на HTTPS. Лучше изначально установить на сайт SSL-сертификат. Больше информации на эту тему есть в статье: HTTPS vs. HTTP.

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

9. Используйте Google AMP
AMP — это технология ускоренных мобильных версий страниц, в которых код открыт.

Замена элементов кода HTML и Javascript на аналогичные элементы AMP, а также кэш позволяет загружать страницы на смартфонах за одну секунду. Google помечает эти страницы значком, и когда пользователи видят такие сайты, они намеренно нажимают на них в результатах поиска.