Что такое мобильная адаптивность сайта?

 

Термин мобильная адаптивность используется для того, чтобы описать дизайн веб-сайта, который автоматически адаптирует сайт для мобильных устройств, планшетов и ПК. Даже на экранах одного размера может быть настроено разное разрешение, и именно с разрешением экрана (а не с физическим его размером) связано понятие мобильной адаптивности. Например, устройства ipad могут быть одного размера, но иметь отличающееся разрешение экрана в зависимости от поколения модели ipad или наличия экрана, созданного при помощи технологии ретина.

Что такое инструмент для проверки адаптивности сайта?

 

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

Как проверить адаптивность своего сайта?

 

Введите в поле url своего сайта и нажмите кнопку ‘test my site’ (протестировать мой сайт), все остальное сделает наш инструмент проверки адаптивности сайта. Можно выбрать конкретные устройства из списка, на которых вы бы хотели проверить свой веб-сайт, включая iphone x, iphone 8, ipad, samsung galaxy s7, kindle fire и 14-дюймовый ноутбук; можно выбрать опцию ‘all devices’ (проверить все устройства), выбирая разные разрешения экранов мобильных устройств, планшетов и ПК.

Почему так важно проверять адаптивность дизайна веб-сайтов?

 

Большая часть работы над веб-сайтом проходит на устройстве ПК, но при этом более 50% потенциальных пользователей вашего веб-сайта будут просматривать его со смартфона или планшета. Поскольку у этих устройств размер экрана гораздо меньше, вам нужно убедиться, что ваш сайт будет удобно просматривать пользователям этих устройств. Потенциальных посетителей могут отпугнуть такие проблемы, как слишком маленький размер шрифта, поля, которые частично выходят за экран или страницы, которые нужно многократно масштабировать, из-за чего их нельзя просмотреть достаточно быстро. Даже если конструктор веб-сайтов или тема wordpress, которые вы используете, уже настроены для работы с мобильными устройствами, вам все равно нужно будет провести проверку, чтобы точно в этом убедиться!