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

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

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

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

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

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

Для настройки макета страниц сайта под адаптированный дизайн, как правило, используется CSS3 Media Queries. Это позволяет использовать один и тот же HTML-код для отображения страниц на различных типах устройств. При адаптации сайта можно специально не показывать некоторые блоки сайта, которые меньше всего нужны, например, новости компании, которые не менялись уже 2 года, или сложные схемы и графики, рекламные блоки или слайдеры. Адаптивное меню всегда в поле видимости в виде специальной кнопки, с которого можно попасть в любой нужный раздел. На сегодняшний день, адаптация сайта под мобильные устройства – это самый оптимальный вариант с точки зрения Яндекса и Google по многим обоснованным факторам.

Если Вам нужна качественная адаптация по низким ценам, я рекомендую Вам этих профессионалов http://www.mobile-version.ru/. Они сделают Вам адаптивную верстку, после которой тесты поисковых систем пройдут на Отлично!

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

2. Мобильная версия сайта.

Мобильная версия сайта - это независимый от основного дизайна проект. При наборе сайта в адресной строке (или в поиске) мобильного браузера происходит редирект на мобильную версию.

Наличие у сайта мобильной версии позволяет мобильному посетителю легче ориентироваться на его страницах с экрана используемого им устройства. Кроме этого, мобильная версия сайта “весит” значительно легче адаптированной, что на много ускоряет время загрузки страниц.

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

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

1.Регистрация в сервисе.

2. Загрузка данных Вашего сайта или интернет-магазина.

3. Выбор цветовой гаммы Вашего будущего мобильного сайта.

И буквально через три минуты Вы получаете полноценную работоспособную версию мобильного сайта.

Успехов в бизнесе!