Мы подготовили две статьи по оптимизации для мобильных устройств.
Это первая из них, в которой вы найдете рекомендации для сайтов. Вторая статья посвящена объявлениям.
Начало работы: зачем оптимизировать сайт
Если вы ещё не выполнили оптимизацию сайтов для мобильных устройств, пришло время это сделать. Вот лишь несколько аргументов в пользу того, что мобильная версия сайта играет важную роль для вашего бизнеса:
- сайты, оптимизированные для мобильных устройств, занимают более высокие позиции в результатах поиска;
- больше половины поисковых запросов на Google.com выполняется пользователями мобильных устройств;
- трафик многих рекламодателей состоит преимущественно из посещений с мобильных устройств;
- пользователи в пять раз чаще покидают неоптимизированные ресурсы.
Оптимизирован ли ваш сайт для мобильных устройств?
Поставьте себя на место потенциального клиента и зайдите на свой сайт с мобильного устройства. Насколько быстро загружаются страницы? Легко ли найти на сайте нужную информацию?
Пользователь, посещающий сайт с мобильного устройства, должен иметь возможность быстро определить, насколько интересны ему ваши предложения. При этом удобство ресурса играет важную роль в принятии решения стать вашим клиентом.
Оптимизация сайта для мобильных устройств означает реализацию простой и понятной навигации, позволяющей быстро найти нужный контент.
Рассмотрим несколько характеристик эффективного мобильного сайта:
Быстрая загрузка. Почти половина пользователей покидает мобильный сайт, если страница загружается дольше трех секунд. Максимально сократите время появления контента на экране, чтобы можно было легко переходить из одного раздела в другой.
Удобная навигация. На небольшом экране пользователям сложнее искать информацию. Если страницу нужно все время прокручивать или масштабировать, скорее всего, ее покинут. Чтобы сделать поиск информации удобным, упростите меню и сделайте так, чтобы контент был виден полностью, а текст можно было прочесть без увеличения масштаба.
Удобство интерфейса. Пользователям должно быть легко выполнить действие на сайте, например связаться с вами, найти товар или совершить покупку. Сократите количество шагов, требуемых для заполнения формы и проведения транзакции.
Также рекомендуем оценить скорость загрузки сайта на мобильных устройствах и узнать, как быстро устранить проблемы.
Соответствует ли оформление сайта вашим бизнес-целям?
Эффективность сайта зависит не только от скорости загрузки и удобства навигации, но и от соответствия вашим бизнес-целям.
Чтобы правильно оптимизировать сайт для мобильных устройств, подумайте о своих первоочередных бизнес-целях. Какие действия должны выполняться на ресурсе? Покупка определенного товара? Заполнение формы с контактной информацией? Когда вы четко определите, каких действий ожидаете от посетителей сайта, у вас больше шансов получить желаемый результат.
Чтобы побудить пользователей к нужным действиям, скорректируйте дизайн сайта в соответствии со своей маркетинговой целью. Ниже приведены рекомендации для отдельных целей.
Увеличение объема онлайн-продаж
- Упростите навигацию. Оптимизируйте использующиеся на сайте меню. Текст должен легко читаться без увеличения масштаба.
- Сделайте информацию доступной. Добавьте раскрывающиеся изображения товаров, чтобы покупателям было удобно выбирать их.
- Упростите оформление покупки. Размещайте кнопки и ссылки на видном месте. Сведите к минимуму ввод информации, используя данные аккаунтов.
- Реализуйте возможность продолжать работу на другом устройстве. Обеспечьте синхронизацию корзины между мобильной и обычной версиями сайта, чтобы пользователи могли завершить покупку на компьютере.
- Добавьте на сайт кнопки или ссылки для вызова. Не ждите, что пользователи будут искать или запоминать номер вашего телефона.
- Убедите пользователей позвонить в ваш офис. Добавьте интерактивный номер телефона или соответствующую кнопку на каждой странице сайта.
- Не отвлекайте внимание посетителей. Разместите дополнительную информацию на менее заметных местах, чтобы сделать акцент на приглашении позвонить.
- Упростите формы. Убедитесь, что их легко открывать и заполнять на сенсорном экране.
- Избегайте масштабирования и прокрутки. Размер формы должен соответствовать размеру экрана, иначе данные могут быть введены с ошибками.
- Добавляйте только нужные поля. Информацию, которую вы запрашиваете, должно быть легко получить и проверить. Предупреждайте пользователей о незаполненных полях.
- Приглашайте клиентов в магазин. Разместите всю необходимую информацию, которая приведет покупателей к вам. Добавьте на каждую страницу сайта карту, кнопку поиска ближайшего филиала или прокладывания маршрута, а также сведения о графике работы.
- Ограничивайте объем контента. Добавьте лишь ту информацию, которая убедит пользователей посетить ваш магазин.
- Не отвлекайте внимание посетителей. Сведения о рекламных акциях могут привлечь клиентов в магазин, но затруднить навигацию.
- Упростите навигацию. Используйте минималистичное меню и крупный шрифт, чтобы пользователям было легко найти необходимую информацию перед совершением покупки. Сократите количество пунктов меню для удобства работы на маленьком экране.
- Синхронизируйте работу разных версий сайта. Долгое принятие решения о покупке часто говорит о том, что клиенты ищут информацию на различных устройствах. Возможность сохранять выбранные товары и продолжать работу на другом устройстве повысит вероятность покупки.
- Добавьте ссылку на главную страницу. Упростите возврат на главную страницу для тех, кто сделал много переходов по сайту.
Работа с веб-разработчиком
Есть разные подходы к оптимизации сайта для мобильных устройств. Выбрать подходящий вариант дизайна и внедрить необходимые изменения вам поможет веб-разработчик.
Большинство владельцев компаний предпочитают адаптивный дизайн, благодаря которому сайт автоматически корректируется в соответствии с размером экрана, разрешением и типом устройства. Некоторые выбирают две версии сайта – для компьютеров и мобильных устройств. Мы рекомендуем вам обратиться к веб-разработчику и вместе определить вариант, который соответствует вашему бизнесу, целям сайта и ресурсам разработчика.
