Нужна ли мобильная версия сайта или адаптивный дизайн


Мобильная версия или адаптивный дизайн

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

Отсутствие мобильной версии. Блог Андрея Дубина
Рис. 1. Отсутствие мобильной версии.

Содержание:

  1. Мобильная версия сайта.
  2. Адаптивный дизайн под разрешение устройства.
  3. RESS (Responsive Design + Server Side).
  4. Влияние на выдачу наличия мобильной версии.

Не секрет, что последнее время мобильные устройства занимают всё большее место в нашей жизни. Мобильный интернет дешевеет. Скорости мобильного интернета увеличиваются. А удобство доступа в интернет с гаджета, который всегда в кармане – неоспоримый факт. Возникла необходимость корректного отображения ресурсов на небольших (относительно мониторов) устройствах.

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

Мобильная версия – это отдельная версия сайта, которая отображается при доступе с мобильного устройства. Выглядеть она может совершенно иначе, в отличие от основной версии. И другая разметка, и отсутствие некоторых картинок. А при поиске с мобильного устройства, если есть мобильная версия сайта, будет предложена именно она (это, кстати говоря, является фактором ранжирования, но об этом в 4 пункте). Но есть возможность отобразить и полную версия сайта. Это ссылочка «отобразить полную версию». С мобильной версии всё начиналось. Это первые шаги к отображению сайта на мобильных устройствах. Мобильная версия использует ту же базу данных, что и основной сайт, те же материалы.

Мобильная версия сайта. Блог Андрея Дубина
Рис. 2. Мобильная версия сайта.

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

Адаптивный дизайн – это специальный механизм, который нужен для корректного отображения сайта на мобильном устройстве. Основан этот механизм на медиа-запросах (Media Queries), которые стали возможны с появлением CSS3. Стили отображения подстраиваются, в зависимости от разрешения дисплея, на котором отображается сайт. Данный сайт сделан именно по этой технологии. Можете «потаскать» за край окна браузера, изменяя его ширину, и увидите, как адаптируются стили. Сначала блок правого дополнительного меню переместиться в конец статьи и изменится вид основного меню – так сайт выглядит на планшетах. Если продолжить сокращать ширину – изменится шапка сайта, затем размеры изображения, и т.д. Главное отличие адаптивного дизайна – это не отдельная версия сайта. Тот же сайт, но с адаптирующейся разметкой. Это удобно. Один домен, никаких склеек доменов, двойную работу не нужно делать по разработке и поддержанию сайта.

Адаптивный дизайн сайта. Блог Андрея Дубина
Рис. 3. Адаптивный дизайн сайта.

RESS (Responsive Design + Server Side).

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

Влияние на выдачу наличия мобильной версии.

С недавнего времени (новость анонсирована 7 февраля 2017 года) Яндекс заявил, что метки «мобильная версия» больше не будет в выдаче. Но в ранжировании выдачи наличие мобильной версии будет учитываться так же, как и раньше. Связано это с тем, что популярность запросов с мобильных устройств сильно возросла.

Есть у меня проект. По ключевым запросам он был в топ10. Этого было достаточно. Проект довольно старый. И дизайн совершенно не адаптирован к мобильной выдаче. Мобильной версии так же не было. И в какой-то момент он начал «проваливаться», терять позиции. Происходило это плавно, но методично. Другие проекты, посвежее, в которых используется адаптивный дизайн, всё было хорошо, никаких изменений. Начал анализировать в чем дело, почему старый мой проект сильно отодвинулся назад.

Оказалось, всему виной, адаптивность под мобильные устройства. Сам по себе факт, что выдача на мобильном устройстве отдает приоритет сайтам с мобильной версией (адаптивным дизайном) является вполне логичным и не новым. Если пользователь ищет с мобильного устройства, то и смотреть сайты он будет с того же устройства, и выдавать ему нужно сайты с мобильной версией.

Но удивило меня другое. Отсутствие мобильной версии сайта негативно влияет на выдачу под обычные устройства (компьютеры, ноутбуки).

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

Если у вас нет мобильной версии сайта или шаблон не имеет адаптивности под мобильные устройства. Это нужно изменить. И жизнь будет легче. И с Яндексом будет дружба и с Гуглом.

Автор: Андрей Дубин.

18 thoughts on “Нужна ли мобильная версия сайта или адаптивный дизайн

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

  2. Да,время идет вперед,всё меняется, и сейчас без адаптивного дизайна никак не обойтись.

  3. Обязательно нужна мобильная версия сайта… сейчас основная масса людей заходят с телефонов и если нет мобильной версии, то её надо сделать))

  4. Анализировала сайт недавно, смотрела с чего больше заходят на ресурс. так вот, с мобильных устройство доля трафика 50 % а теперь делайте выводы, нужна ли мобильная версия сайта? Конечно нужна и даже жизненно необходима!!!

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

  6. Адаптивный дизайн должен быть в первую очередь. Все зависит от самого сайта. Если это простенький блог, то его тема будет скорее всего изначально адаптирована под устройства, а вот если крупный проект, то тут конечно без мобильной версии скорее не обойтись.

  7. Андрей, приветствую. Мобильная версию сайту нужна и это не обсуждается), причем не на плагине.
    Из практики. Стояла у меня на блоге моб. версия на плагине, трафик был 5% с мобильных устройств от общего числа посетителей. Заменил шаблон на адаптивный, трафик с мобильных устройств уже через неделю вырос до 20% (сейчас 25-30%).
    Совет. Если пришли зарабатывать в интернете, делайте, заказывайте, адаптивный дизайн, если поиграться в сайтики, развлекайтесь дальше, пускай другие зарабатывают).

  8. Мобильная версия 3D возможна в будущем блогов или сайтов,наверно уже прорабатываются.Tсли уже есть windows 10 в таком формате

  9. всем уже стало ясно, что нужна! Траффик оттуда хороший идет… Надо шагать в ногу со временем

  10. У меня адаптивный шаблон, мне это больше всего и нравится, потому что очень удобно, и входит народ в основном с мобильных телефонов. Идет время и всё меняется, но к лучшему наверное.

  11. Конечно же нужна мобильная версия, у нас современное общество, где у каждого есть телефон и это удобно, в любое время выйти через телефон на сайт.

  12. Установила адаптивную тему уже давно, но вот беда — большой баннер Адсенса не помещается на экранах телефонов. Пробовала менять баннер на адаптивный — доход падает моментально. Плюнула на эту мобильность и вернула старые баннеры ))

  13. Безусловно нужна, я как большинство так считаю, ведь мобильная версия очень полезна, если под рукой нет компьютера.

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

  15. Без наличия мобильной версии, сайт будет терять преимущество перед аналогичными сайтами.

  16. Андрей, спасибо за статью! Без мобильной версии сайта в наше время никуда:-). Первым делом, как запустил сайт — стал делать адаптив для смартфонов и планшетов. Конечно же, это все время, но результат потом непременно даст о себе знать:-).

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*