831 8230034
Контакты
Услуги под ключ
Список услуг
Разработка дизайна
  • Разработка стиля
  • Креативный дизайн
  • Графический дизайн
  • Создание анимации
  • 3D моделирование
Разработка сайта
  • Разработка концепции
  • Верстка HTML и CSS
  • Установка CMS
  • Доработка Веб модулей
  • Наполнение контентом
Раскрутка сайта
  • Подготовка SEO стратегии
  • SEO копирайтинг
  • Оптимизация страниц
  • Реклама в Google и Яндекс
  • Поисковое продвижение
Поддержка сайта
  • Обновление контента
  • Модернизация модулей
  • Мониторинг Веб ресурсов
  • Обучение персонала
Заказать услугу
Главная → Статьи → Как сделать мобильную версию сайта?
16.04.2015

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


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

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

Скоростная способность интернета «мобилок» уступает скорости стационарного устройства. Компактный экран мобильного устройства превращает процесс просмотра страничек ресурсов в проблему. Следует учитывать, что есть регионы с не качественной связью. Загрузка страниц в подобных регионах осуществляется медленнее, вес которых до 300 КБ с 90% ненужной графики создает массу неудобств. В итоге – посетитель спешит покинуть сайт. Кому понравятся такие неудобства?

Первым делом позаботьтесь о том как сделать минимум набора графики. Вы можете организовать максимально привлекательную «легкую» шапку. Работа с версткой для мобильного типа требует соблюдения нескольких принципов – оставьте необходимую информацию, устраните излишние красивые громоздкости. Поработать следует с позиционированием элементов. К примеру, расположенное с левой стороны меню целесообразно перенести вверх. Таким образом, основная часть поддастся растяжению, что удобно для экрана мобильного плана. Ширина страницы max-width: 620px.

Версию сайта для устройств мобильного типа следует грамотно организовать на отдельный поддомен. Например, m.site.com. Когда сайт будет готов, позаботьтесь о перенаправлении трафика с Вашего site.com на мобильный тип m.site.com. Вам понадобится специальный код, позволяющий определять браузер. Код можно найти и скачать в интернете. Например, для PHP у Вас есть код, вставьте его index-файл, организуйте замену адреса в header() на адрес мобильного ресурса.

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


Вам понравился сайт?

Рассказать друзьям