Использование мобильных устройств более распространено, чем когда-либо, и конца этому не видно, учитывая, стала ли оптимизация вашего сайта для мобильных устройств не выбором, а скорее требованием.
25% пользователей Интернета в мире просматривают Интернет с портативных или мобильных устройств. Это соответствует более чем миллиарду пользователей! Это девять нулей, ребята.
Пришло время серьезно отнестись к этой мобильной игре и оптимизировать ее. Для кого именно мы оптимизируем?
Это отличный вопрос с очень разнообразным ответом. Мы оптимизируем игру для тех, кто сидит на диване и смотрит телевизор, а также для мамочек-футболистов, пытающихся удержать детей от убийства друг друга и просмотра ее банковского счета одновременно. Современный мобильный пользователь.
Вот шесть фактов, о которых вы, возможно, забыли при оптимизации своего сайта для современных мобильных пользователей.
1. Оптимизация для поисковых систем (особенно Google)
Разработка вашего сайта для мобильных устройств значительно уменьшит штрафы, налагаемые на вас, когда Google сканирует ваш сайт. Google предоставляет простой и быстрый способ проверить, оптимизирован ли ваш сайт для мобильных устройств, с помощью небольшого теста здесь. Если это не так, вы можете использовать это простое руководство от Google, чтобы начать работу. Вот некоторые из его основных моментов:
Не допускайте горизонтальной прокрутки и сжатия
С обновлением алгоритма Google сайты теперь наказываются за содержание контента, который физически слишком мал для чтения на мобильных устройствах. Это заставляет пользователя «сжимать» экран для чтения, но этого легко избежать. При разработке мобильного интерфейса помните о размерах шрифтов.
Не используйте лишние технологии (flash)
Дизайнер из моего образа слегка посмеивается при мысли о Флэше. В течение короткого времени он был великолепен, но в современной сети он потерял популярность.
Поскольку соединение не всегда стабильно на больших мобильных Flash-сайтах, которые раньше были огромными машинами типа «оу, это круто», теперь либо слишком непрактично для загрузки в мобильной сети, либо они несовместимы с большинством устройств. Держите свой сайт без Flash, чтобы он оставался оптимизированным для мобильных устройств.
Будьте отзывчивы
Адаптивный веб-дизайн в наши дни кажется само собой разумеющимся, и во многих отношениях он охватывает большинство рассматриваемых здесь тем. Что значит поддерживать адаптивность вашего сайта? Отличный вопрос! Это означает плавность и оптимизацию просмотра на мобильных устройствах и настольных компьютерах огромных размеров.
Адаптивный веб-дизайн избавляет вас от трудоемкой работы по созданию специального мобильного дизайна, в то же время предоставляя пользователю максимально удобные возможности просмотра на мобильных устройствах.
2. Обеспечьте легкий доступ к контактной информации
На мобильных устройствах основным способом связи является мобильное устройство, на котором вы просматриваете сайт. Создайте быстрый и простой способ, с помощью которого пользователь сможет в один клик начать звонить на свой контактный номер. Заполнять формы на мобильном устройстве может быть очень сложно и трудоемко. Большинство пользователей склонны сразу пропускать всю эту идею. Облегчите им задачу!
Хотя это может противоречить многим практикам привлечения потенциальных клиентов, на рынке существует несколько программ, которые помогут вам отслеживать количество кликов, которые получает ваша телефонная ссылка. Таким образом, вы можете использовать эти данные для улучшения других ваших методов входящего трафика.
3. Масштабируйте элементы соответствующим образом для удобства навигации
Сделайте вещи больше, чем жизнь! Вашим сосискам вместо пальцев будет трудно нажать кнопку конвертации, если все масштабируется с рабочего стола.
Не усложняйте пользователю чтение или переход по клику на вашем мобильном сайте! Помните, что эти контактные формы могут стать огромным источником боли для пользователя, у которого есть только большой палец. Для этого рассмотрите возможность увеличения размера основного шрифта и размеров кнопок.
4. Предоставьте возможность просматривать сайт целиком даже на мобильном устройстве
Дайте пользователю простой способ просмотреть весь сайт, если некоторые элементы удалены для оптимальной работы на мобильных устройствах. Всегда будут случаи, когда пользователь захочет просмотреть всю страницу по причинам, которые мы не учли. Быстрый и простой способ учесть это - предоставить пользователю возможность просмотреть весь сайт одним щелчком мыши.
Рассмотрите возможность создания призыва к действию, ведущего на эту страницу. Знание того, сколько людей ищут полную версию сайта, может помочь понять, чего не хватает в вашей мобильной версии.
5. Обеспечьте быструю загрузку страниц
Оптимизация для быстрой загрузки страницы имеет решающее значение.
Удержание внимания пользователя обычно мимолетно при просмотре вашего сайта на мобильном устройстве. Фактически, 57% мобильных клиентов покинут ваш сайт, если им придется ждать загрузки страницы более трех секунд.
Поскольку сетевое подключение непредсказуемо, мы должны предполагать, что пользователю мобильного устройства, не подключенному к Wi-Fi, будет максимально комфортно. Вот несколько простых способов обеспечить быструю загрузку вашего сайта на мобильном устройстве.
Оптимизируйте изображения
Это, наверное, самый простой способ оптимизировать время загрузки вашего сайта. Если на сайте слишком много изображений или файлы изображений слишком велики, наблюдать за их загрузкой может быть болезненно. Чтобы избежать этого, используйте такие сайты, как компрессор.io, чтобы сохранить качество изображения при минимизации его размера.
Удалите раздутие таблиц стилей
Еще один простой способ оптимизировать время загрузки вашего сайта на мобильных устройствах - проверить код вашего сайта, чтобы убедиться, что все ваши таблицы стилей имеют минимальный размер файла. У вас есть CSS-лист размером 2 МБ? Исправьте это как можно скорее.
6. Организуйте контент для наиболее эффективного использования
Сочувствуйте опыту пользователей на мобильных устройствах и принимайте все во внимание, когда они просматривают ваш сайт.
Легко ли найти и прочитать значение и кнопку BOFU?
Учитывая, какой контент просматривается в первую очередь, очень важно для того, чтобы люди совершили конверсию на вашем мобильном сайте. Это означает, что иногда вам даже придется удалить часть контента, чтобы освободить место для более важной информации.
Предположим, что у пользователя есть всего несколько секунд, чтобы просмотреть ваш сайт, поэтому убедитесь, что тщательно выбранный контент просматривается и воспринимается пользователем при просмотре.