Создание сайтов. Что еще нужно учесть при создании мобильной версии сайта .

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

   Исходя из собранных аналитических данных и из своих собственных желаний («Нужно, чтобы через наш сервис можно было заказать билет в театр даже с самого старого смартфона» или «Наша аудитория – владельцы гаджетов Apple и топовых планшетников на Android»), составьте список устройств и браузеров, совместимость с которыми нужна кровь из носу, и выделите важнейшее в функциональности, а затем проанализируйте все доступные инструменты для преобразования сайта (см. ниже) и оцените, будет ли их вам достаточно. Не пытайтесь объять все «карманные» аппараты и браузеры. Тотальная совместимость важна только для очень крупных веб-проектов, в чьей аудитории даже самая крошечная доля – это тысячи потенциальных клиентов, упустить которых равнозначно отказаться от десятков тысяч долларов прибыли.

   Предпочтительно расставить все точки над i касательно мобверсии на этапе составления ТЗ, в крайнем случае – перед прототипированием. Можно заказать разработку мобверсии ил и адаптивной верстки в веб-студии с внушительным реноме и избавить себя от головной боли, но даже в таком случае вы должны пристально следить за выполнением своих требований. Не кому-нибудь, а вам в дальнейшем иметь дело с теми, кто будет заходить на вашу площадку с разнокалиберных гаджетов.

   Мобильная версия реализуется самыми разными способами. Один вариант – продумывать ее функциональность с чистого листа, обеспечив минимальную преемственность между «общеинтернетной» и «гаджетовой» ипостасями. Другой – отталкиваться от основной версии и постараться изъять из нее все, что только получится: отступы уменьшить, не обязательные с точки зрения конверсии блоки скрыть и т. д.

   Для помощи в разработке мобверсий существует немало онлайн-сервисов, и самый известный из них – MoFuse (http://mofuse.com/). Достойны внимания и Wirenode (http://www.wirenode.com), Winksite (http://winksite.com/), Mobify (http://www.mobify.com). Принцип их работы сводится к то му, что в систему загружаются страницы веб-версии и теми или иными методами оптимизируются под «карманные» устройства. Не худший вариант в ситуации, когда бюджет жестко ограничен или же у вашего интернет-ресурса сравнительно простая функциональность, не требующая индивидуальных решений при «мобилизации». Большинство подобных сервисов платны, но доступны в демонстрационном режиме.

   Что касается CMS, то ко многим из них написаны дополнения для генерации мобильных версий сайта. Под Drupal, Joomla и WordPress, в частности, таких плагинов выпущено множество.

   Чтобы удостовериться в том, что отображение сайта на мобильных устройствах отвечает вашим требованиям, используйте онлайн-инструменты для проверки совместимости. Мы бы вам рекомендовали в первую очередь: W3C mobileOK Checker (http://validator.w3.org), mobiReady (http://www.ready.mobi/), Browsershots (http://browsershots.org). Для iPhone-версий подходит TestiPhone (http://testiphone.com).

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

   • Если мобильная версия представляет собой отдельную сущность, лучше размещайте ее на поддомене. Иначе говоря, m.yoursite.ru, а не yoursite.ru/m.

   • Отдельную мобильную версию вряд ли удастся адаптировать подо все мыслимые смартфоны и планшетники. С помощью веб-аналитики выберите самые популярные разрешения. В частности, многие «умные» телефоны на платформе Android имеют разрешения 480 ? 320 и 480 ? 800 пикселей.

   • Мобверсия может представлять собой отдельный сайт, но базу данных им делайте общую. Иначе будет иметь место преумножение сущностей без необходимости. Чтобы предотвратить проблемы с дублированием контента, используйте в HTML-коде атрибуты rel="alternative" и rel="canonical".

   • Исходите перво-наперво из своих потребностей, а не из соображений экономии. Разработка отдельной мобильной версии увеличивает бюджет приблизительно на 15–50 %; разброс широк. Адаптивный дизайн также поднимает цену разработки по сравнению с прайсом на создание стандартной веб-версии, но в среднем на меньший процент.

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

   • Не пренебрегайте геолокацией. Особенно если с точки зрения вашего бизнеса действительно имеет значение, откуда посетитель вашего сайта. Например, ненавязчиво предложите ему подтвердить его автоматически определенную дислокацию. Да и допо лнительную приятную функциональность таким образом не грех обеспечить. Почему бы, если GPS-модуль включен, не показывать ближайшие к пользователю точки продаж вашей компании?

   • В мобильном Интернете любые провалы в навигации равносильны краху. Во всяком случае посетитель принимает их ближе к сердцу, чем когда «серфит» в Вебе. Да не будет на вашей площадке ошибочных или неточных перенаправлений (редиректов): частенько из-за рассеянности веб-мастера ссылка из мобильного поиска ведет не на анонсированную в выдаче страницу сайта, а на титульную. И конечно, любая ошибка доступа в мобильной версии – это ЧП. В «большом Интернете», увидев вместо посадочной страницы до отвращения знакомое число 404, посетитель с высокой долей вероятности сотрет в адресной строке все, кроме имени домена, чтобы зайти на главную страницу. Но если у него в руках гаджет, скорее всего, он импульсивно закроет вкладку и забудет о вашем проекте.