mobile_internet1-190x180

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

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

Не используйте много изображений

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

Ориентируйтесь на все мобильные устройства

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

Подсматривайте за другими сайтами

Как я писал раньше, только каждый пятый сайт компании или известного бренда имеет мобильную версию сайта, поэтому можно подсматривать за структурой и внешним видом лучших представителей мобильной отрасли и в конечном счете сделать и свой мобильный сайт одним из лучших. К примеру, мобильная версия сайта eBay и CBS выполнена на cms NetBiscuits, что в конечном счете сказывается на хорошем внешнем виде сайта, тут вам и простая навигация, крупный шрифт и малое количество изображений.

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

Как создать сайт мобильную версию?

Используйте мобильный поддомен

Мобильная версия сайта не должна отличаться от обычной, поэтому её тоже необходимо SEO оптимизировать. Одним из важных моментов является присвоение мобильной версии сайта правильного названия поддомена, к примеру, M.abc.com или wap.abc.com, тогда поисковая система Google будет отдельно распознавать и индексировать мобильную версию сайта.

Тестирование и обратная связь

Тестируйте свой мобильный сайт, для этого попросите ваших друзей зайти и оценить ваш сайт со своего мобильного устройства, чтобы на каждом он смотрелся похоже и одинаково. Так же можно воспользоваться интернет средствами для тестирования внешнего вида мобильного сайта, так на сайте howtogomo.com есть возможность узнать, как выглядит внешний вид вашего сайта, а так же узнать пару рекомендаций по нему. Или можно использовать симулятор от Opera Mini.

Мобильные версии сайтов

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

Забудьте о проприетарных программах

В наше время лучше не использовать проприетарные технологии, которые рано или поздно приведут к несовместимости интерфейса, поэтому пора забыть про Flash и Silverlight. Если флэш технология еще живет, но доживает свои последние дни, то майкрософт приостановила разработку Silverlight. Поэтому лучше всего использовать общепринятые стандарты, к примеру, лучше ориентируйтесь на HTML5, на котором разработали уже пару классных мобильных сайтов — YouTube, Netflix и Gmail.

Контент, а не структура сайта

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