Советы по созданию мобильного сайта

На предыдущей неделе прошли два значимых события в онлайн-мире. И итоги не могут не радовать.

1. В Чёрную пятницу 2014 онлайн-продажи выросли на 9,5% по сравнению с аналогичным периодом 2013 года; при этом 47% онлайн-трафика поступило из мобильных устройств. Данные бенчмаркинга опубликовала компания IBM.

2. Рост онлайн-продаж в «Киберпонедельник» составил 17% и достиг рекордных 2,04 млрд долларов. При этом показатель, предоставленный компанией ComScore, не фиксировал объемы продаж с мобильных устройств, которые в этом году составили около 22% всех онлайн-покупок (данные IBM).

Вопрос о инвестировании в мобильные версии сайта уже давно не стоит. Итак, как же превратить в конверсию посетителей, которые используют свой телефон для просмотра вашего сайта? После того, как вы решили что «мобильный сайт» всё таки важен и нужен, потребуется чёткое руководство при его планировании.

Какие проблемы могут возникнуть?

Из-за большого количества разных вариантов разработка «мобильного» сайта будет запутанной и тяжёлой задачей. Вам нужно будет определиться со следующим:

1. Создать основной сайт с адаптивным дизайном или мобильную версию сайта.
2. «Мобильный» сайт будет являться уменьшенной копией основного или выглядеть совершенно по другому.
3. Будет ли «мобильный» сайт с отдельным URL.
4. Будет ли он открывается посетителю вместо основного, когда тот выполняет заход с мобильного устройства.

Главная проблема заключается в том, что вы пытаетесь дать один ответ на два чуть ли не противоположных вопроса:

1. Какой контент вы хотите предложить посетителям мобильной версии сайта?
2. Каким образом вы хотите отдать(донести до них) им этот контент?

Контент

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

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

И только после ответа на вопрос какой контент требует «мобильный» сайт, можно приступать к технической части и воплощать его в жизнь.

Адаптивный дизайн

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

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

Подводные камни

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

Если решили просто создать отдельный сайт с идентичным контентом, используйте для своего «мобильного» сайта тот же URL, а уже сервер доставит мобильным устройствам мобильную версию сайта (это называется динамический контент). Таким образом, вы можете начать работать над развертыванием сайта с адаптивным дизайном позже, и у вас не будет «битых» URL.

Проблема долгой загрузки контента на мобильных устройствах.

Есть несколько различных типов контента, поэтому ответов на этот вопрос будет несколько.

• Текст слишком большой для просмотра на мобильный версии. Как показывает практика пользователи не против изучать большой контент со своих устройств. Но если вы решили его урезать, то почему бы то же самое не сделать с контентом на основном сайте?
• Что касается изображений, то тут все просто – для «мобильных» пользователей изображения подгружаются быстро и в низком качестве, для пользователей ПК в оригинальном разрешении.
• Зачастую, можно упростить тяжёлые CSS и JavaScript, и это не сильно повлияет на функциональные возможности.
• Забудьте про Flash для мобильного сайта! В нашем мире уже давно существует HTML-5, он отлично справляется со всеми задачами, который решал Flash.

Отдельные «мобильные» сайты

Плюс «мобильных» сайтов в том, что нет никаких ограничений, накладываемых основным сайтом, и это означает:

• Контент«мобильного сайта полностью соответствует требованиям и нуждам пользователей, так как не зависит от основного сайта и может полностью отличаться от него.
• Сайт может быть в значительной степени похож на основной сайт. Однако, при этом он настроен соответствующим образом для усиления ориентации на ключевые слова «мобильных» пользователей и появления в выдаче поисковых систем для мобильных устройств.
• Основной сайт при создании «мобильного» не требует изменений.
• Начальная разработка облегчается тем, что вы не должны настраивать в дизайне адаптивный CSS.
• Вы не обременены внесением изменений в основной сайт и можете спокойно тестировать мобильную версию, не боясь потерять пользователей.

Препятствия к применению отдельных сайтов

Единственное реальное препятствие к применению отдельных сайтов — это мысль о том, что сайты с адаптивным дизайном лучше.

Положительной стороной является то, что создание отдельного «мобильного» сайта не означает, что вы поставили крест на возможности разработки сайта с адаптивным дизайном, в случае реальной необходимости.

Подведём итоги

Если вы уже смирились с мыслью, что «мобильные» посетители столь же ценны, как и обычные, но ещё не уверены в том, что удастся сделать сайт адаптивным, то самое время разработать мобильную версию — это легче и, вероятнее всего, дешевле. А порядка 22% трафика, согласитесь, не лишние. Но не стоит откладывать в долгий ящик и адаптацию под мобильные реалии основного сайта — это затратное занятие, требующее огромных усилий, но рано или поздно оно целиком себя окупит.