Виды адаптации сайта к мобильным устройствам

mobile-friendlyДля начала стоит поговорить о причинах. Зачем нужна мобильная версия сайта? Если пару лет назад такой вопрос вызывал сомнения, то сегодня преуспевающие предприниматели понимают важность этого момента. Основные причины, чтобы разработать мобильную версию таковы:

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

Это 3 главные причины, по которым вам стоит читать статью дальше и узнать какие варианты решения задачи существуют сегодня. Чтобы не отказываться от мобильного трафика и покупателей, выберите один из способов создания мобильной версии.

Адаптивная верстка

Этот вариант пропагандирует сам Google. Макет страниц создается на основе так называемой сетки. При ее настройке, элементы страницы автоматически изменяют свое положение под разные типы устройств и, соответственно, диагонали экрана. Пример такого сайта lungor.com.ua, который корректно отображается на любом мобильном девайсе. К ним же можно обратиться, если вам нужна адаптивная версия сайта. Главный офис их находиться в Киеве, но работат по всей Украине.

Плюсы:

  • Нет необходимости в 301 редиректе. Это плюс для SEO
  • Внешние ссылки на ваш сайт идут только на один общий URL сайта, а не делятся между двумя
  • Ваш контент не дублируется (технически)
  • Отпадает нужда создавать контент отдельно для смартфонов или планшетов.

Минусы:

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

Динамическая подстановка

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

Плюсы:

  • Также используется один URL
  • Ссылочный вес сосредоточен на одном адресе
  • Контент заточен под мобильную версию без потерь важных данных

Минусы:

  • Затратная и сложная реализация
  • Дорогая поддержка такого сайта

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

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

Плюсы:

  • Такое представление большого магазина удобнее пользователю
  • Возможность создания отдельного адаптированного контента
  • Несложные решения для внедрения

Минусы:

  • Ссылочный профиль делится на два URL адреса. Значит СЕО продвижение дороже.
  • Риск возникновения дублей контента
  • Дорогая техническая поддержка

Итоги

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

Sergey

Автор блога - Specialcom.net. Образование: Инженер телекоммуникационных систем и сетей. Ранее владелец и создатель интернет-магазина по продаже сим карт всех операторов мобильной связи, аксессуаров и мобильных телефонов.

Советуем ознакомиться:

Leave a Reply

Your email address will not be published. Required fields are marked *

Не копируйте текст!