Подумайте сейчас о своем образе жизни. Какое устройство вы чаще всего используете для интернета? Я люблю сёрфить по любимым сайтам со своего смартфона: это удобно, можно делать в любое время и в любом месте ー кафе, скамейке в парке или в очереди за кофе. Мы живем в век мобильных гаджетов и если сайты не подстраиваются под их экран, мы закрываем их. Правда?
Как делают лучшие мобильные сайты
Итак, если ваш бизнес находится по ту сторону экрана смартфона, сохраняйте советы от TemplateMonster ー они вам точно пригодятся.
Короткий и увлекательный контент
Экраны смартфонов невелики, поэтому не перегружаете сайт дополнительным текстом или изображениями. Продумайте тип контента, который бы заинтересовал мобильных пользователей и удерживал их внимание.
Тщательно продумайте свой макет
Избегайте беспорядка и путаницы на страницах. Дизайн должен быть простым, а навигация понятной. Разные фишки и анимации могут тормозить загрузку сайта ー это может стать причиной ухода людей буквально через пару секунд.
Разработайте сайт для разных устройств
Позаботьтесь о правильной работе вашего сайта на различных девайсах - Android IPhone, BlackBerry и прочих. Так вы привлечете больше аудитории, а значит и увеличите прибыль.
Думайте своим большим пальцем
При пользовании смартфоном мы задействуем в основном большой палец и лучшие мобильные сайты подстраиваются под эту особенность. Поэтому убедитесь, что кнопки и меню достаточно большие, и посетителям удобно на них нажимать.
Используйте мобильные иконки
Проанализируйте пространство на сайте, где вы можете заменить текст иконками. Это можно сделать в ссылках на соцсети. А в СТА-кнопках вместо текста «Позвонить» или «Купить», используйте иконку телефона и корзины.
Контактная информация на виду
Часто люди ищут контакты магазина прямо на ходу, например телефон или адрес. Убедитесь, что эти данные отчетливо отображаются на всех страницах сайта и к ним можно легко добраться. Это также здорово помогает увеличить конверсию.
Добавьте ссылку на полную версию сайта
Некоторая информация может быть не включена в мобильную версию, поэтому нужно обеспечить пользователям быстрый доступ к основной версии сайта.
Уменьшите размер графики
Тяжелые медиа-файлы будут тормозить мобильный сайт.
Оптимизируйте сайт под SEO
Убедитесь, что ваша SEO-стратегия включает в себя мобильное поведение и ключевые слова.
Обеспечьте мультиканальный шоппинг
Если клиент получил промокод на скидку по электронной почте и добавил товары в корзину, используя свой ПК на работе, он может завершить процесс оформления заказа на своем смартфоне, когда вернется домой.
Итак, если вы собираетесь запустить интернет-магазин, обязательно сделайте его адаптивным. Отличным готовым решением для проекта электронной коммерции станут PrestaShop шаблоны. С ними вы получаете: полностью адаптивный дизайн, простую установку, поиск Ajax, перевод, lazy load эффект, интегрированные шрифты и многое другое.