• 0k
  • 0
Продвижение сайта \ 10 Сентябрь 2014

Мобильная версия сайта: как, что и почему

«Без телефона как без рук — не могу расстаться с ним даже на минуту». Вам это знакомо? Если да, то знайте: из-за нас, любителей смартфонов (а это почти два миллиарда человек), хорошим сайтом теперь считается тот, который оптимизирован под мобильные устройства. Все идет к тому, что люди будут проводить больше времени не за компьютером, а с телефоном или планшетом. Сообразительные владельцы бизнеса не могут не учитывать этот факт и понимают, что разработка мобильной версии — очень важная задача.

Ваш сайт сделан на Wix? Считайте, что вам повезло, ведь у вас под рукой есть редактор Mobile, с помощью которого можно легко и быстро превратить десктопную версию сайта в мобильную, и сделать так, чтобы он одинаково хорошо выглядел на экране любого размера.

В этом посте мы хотим дать несколько полезных советов всем тем, кто решил пойти в ногу со временем и оптимизировать свой сайт для просмотра со смартфонов и планшетов.

Как сделать мобильный сайт с Wix

Учитывайте специфику мобильных устройств

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

К счастью, разработчики Wix предусмотрели этот момент. В редакторе Mobile окошко предпросмотра уменьшается до размеров экрана смартфона в его натуральную величину, и вы видите, как выглядит ваш сайт на экране телефона или планшета.

Как сделать мобильный сайт с Wix

Делайте удобные меню

Главное меню может классно смотреться в десктопной версии сайта, но быть абсолютно нечитаемым и нерабочим — в мобильной.

Если хотите, чтобы сайт был удобным для пользователей тач-устройств, сделайте выпадающее меню, на которое можно без проблем нажимать пальцами.

Вообще, советуем вам не ограничиваться традиционным подходом к оформлению, особенно когда речь идет о мобильной версии сайта. Сейчас, например, в качестве меню модно использовать ряд из огромных кнопок с яркими иконками. Это хорошо смотрится на больших и маленьких экранах и позволяет легко переходить из одного раздела сайта в другой. Посмотрите мобильную версию шаблона «Туроператор» — она отлично это иллюстрирует.

Оптимизированное меню для мобильных устройств

Идите навстречу пользователям смартфонов

Согласно последним данным, примерно 42% пользователей смартфонов делают так: идут в магазин, смотрят на цену нужной им вещи, тут же выходят в интернет с телефона и ищут, сколько эта вещь стоит в других местах. Информация сегодня доступна как никогда. Учитывайте это и никогда не забывайте обновлять цены и писать про скидки.

Раз уж смартфон стал необходимым атрибутом, без которого сегодня не сходишь в магазин, давайте учиться извлекать из этого пользу, а заодно радовать клиентов. Это несложно сделать при помощи QR-кодов, которые можно сканировать и получать скидки, или e-mail-рассылок со спецпредложениями. С помощью последней новинки Wix ShoutOut такую рассылку можно сделать буквально за пару минут, и письма будут отлично смотреться как на персональном компьютере, так и на экране смартфона.

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

Девушка со смартфоном

Не болтайте лишнего

Добавили всю необходимую информацию, которая может понадобиться покупателю для совершения заказа или покупки? Замечательно. Теперь скройте все остальное. Такая информация, как «О нашем коллективе» или «Последние новости» важна для брендинга, но вряд ли будет полезна потенциальному покупателю, который открыл мобильную версию вашего сайта на ходу. О том, как можно скрыть страницу или элемент с мобильной версии сайта можно прочитать здесь.

mouth1

Используйте силу соцсетей

Нравится вам это или нет, но ваши покупатели наверняка не могут оторваться от своих смартфонов, даже когда приходят к вам. Что ж, используйте и эту привычку: делайте скидки тем, кто пишет про ваш бизнес в интернете, предлагайте приятные бонусы за чекины в Foursquare или отзывы в Яндекс.Городе.

Если клиенты любят фотографировать товары, купленные у вас, скажите им, что вам бы очень хотелось опубликовать эти снимки в Инстаграме. Здесь вам может пригодиться приложение Instagram Feed. Установите его, и у вас на сайте будут регулярно появляться самые свежие фотографии из Инстаграма. Интегрированный поток изображений оптимизирован под экраны смартфонов и компьютеров и прекрасно смотрится на любом сайте.

Предпросмотр приложения Instagram Feed


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес

Давайте дружить \ 

Подпишитесь на нашу рассылку и получайте
новые статьи блога прямо себе на почту.

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес