Сайт для мобильных устройств

Опубликовано: Март 28, 2014 в 11:51 дп

На сегодняшний день мобильные устройства с выходом в интернет есть у каждого. Популярность мобильного интернета растет с каждым днем. Спасибо за это огромному количеству новинок среди мобильных телефонов и планшетов. Если ранее такая роскошь была доступна apple-пользователям в США, то сегодня каждый шестой житель планеты с помощью смартфонов посещает разнообразные сайты, общается в социальных сетях, читает новости и многое другое. Чтобы сделать этот процесс не менее увлекательным и удобным, чем на стационарном компьютере или ноутбуке, необходимо создание мобильной версии сайта.

Мобильная версия сайта: а стоит ли?

У вас уже есть хорошо функционирующий сайт с множеством динамичных элементов, креативным дизайном, и вас интересует вопрос: а стоит ли заморачиваться и тратить время на создание мобильной версии? Представьте себе, что на ваш сайт будут заходить владельцы смартфона с разрешением 320х480 при том, что ваш сайт оптимизирован под классическое разрешение для ноутбука – 1366х768. Думаете, вашим пользователям понравится то, что они увидят?

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

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

Технологии создания мобильной версии сайта

mobapp02Существует три основных технологии создания. Никто не берется взять на себя ответственность и назвать единственно правильную. К примеру, компания Google склоняется к разработке адаптивного веб-дизайна, создание отдельных сайтов для мобильных устройств поддерживает Якоб Нильсен, популярный консультант по юзабилити. Активно развивается сейчас третий вариант, в процессе которого веб-сервер генерирует HTML и CSS, исходя из параметров, получаемых из URL. Каждая из технологий имеет свои плюсы и минусы, которые мы сейчас и рассмотрим.

Итак, начнем по порядку.

В адаптивном веб-дизайне используется CSS3 MediaQueries для настройки макета веб-страницы, исходя из размера просматриваемой области. К плюсам можно отнести:

  • Сохранность: предусмотрено сохранение контента и HTML разметки, независимо от устройства.
  • Один URL: единый адрес для веб-страницы облегчает процесс предоставления контента и избавляет разработчика от использования редиректов при адаптации сайта под мобильных пользователей.

Минусы:

  • Неполная адаптация для мобильных устройств: информация на страницах будет аналогична с информацией десктопного варианта;
  • Медленная загрузка страницы: одна страница будет весить не менее 1,3 Мб, что существенно снизит быстродействие;
  • Усложненное перемещение по сайту: система навигации будет перекликаться с основным вариантом сайта, что может существенно повлиять на восприятие и качество перемещения пользователей.

Создание отдельного мобильного сайта снимает большую часть этих проблем. Часто используется технология перенаправления мобильных пользователей на отдельные поддомены.

Плюсы этой технологии:

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

Минусы:

  • Могут возникнуть проблемы с тем, чтобы поделиться интересной страничкой в социальной сети. Пользователи мобильных версий сайтов будут передавать мобильные URL, и обычные юзеры также будут переходить на мобильную версию. Чтобы этого избежать сео-специалистам придется использовать мета-теги rel=«canonical» и rel=«alternative».
  • Придется отказаться от многих функциональных возможностей, которые присущи обычной версии.
  • Нужны перенаправления, чтобы пользователи попали на оптимизированную версию сайта.

И третья технология, которая выводит разные HTML и CSS на одном URL. Это значит, что мобильные пользователи и пользователи стандартных компьютеров получают различные наборы кода, что повышает эффективность сайта, но максимальный эффект можно достичь, если объединить с адаптивной версткой.

Плюсы:

  • Легко ориентироваться: в зависимости от типа задач можно самостоятельно настроить структуру навигации.
  • Меньше элементов на странице: элементы можно просто удалить из HTML или CSS вместо того, чтобы скрывать их.
  • Минимальное время загрузки: удаление ненужных JavaScript из HTML освобождает процессор, память и кэш.

Минусы:

  • Увеличивается нагрузка на сервер.
  • Необходимо определение устройств: технология вычисления мобильных устройств пока еще недостаточно надежна.

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

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

Итак, приводим вам список самых распространенных сервисов.

Адаптировать существующий сайт под смартфоны и планшеты может специальное дополнение для WordPress — Mobilize. Простой и понятный даже для новичков без навыков в разработке сайтов. После установки плагина все, кто зайдет на ваш сайт с мобильного устройства, будут автоматически перенаправлены на мобильную версию. Фотографии масштабируются, а видео конвертируется в 3gp-формат.

Более 30 тысяч сайтов были оптимизированы через Wirenode – удобное и многофункциональное приложение, с помощью которого можно настраивать доменное имя, загружать изображения, просматривать количество посетителей. Редактор дает вам возможность редактировать дизайн сайта, изображения, удалять и редактировать отдельные страницы.

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

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

Скрыть
Перезвоним Вам в течении 30 минут!

...ну в рабочее время разумеется =)