Скоро открытие

Время работы: 9:00-21:00 по Мск

Заказать обратный звонок
Скоро открытие!
Главная страница » Блог » Оптимизация сайта » А у вашего сайта есть адаптивный дизайн?

А у вашего сайта есть адаптивный дизайн?

Стремительный рост мобильного трафика вынуждает поисковики отдавать приоритет адаптивным сайтам и выдавать их в SERP выше, чем сайты не имеющих адаптивного дизайна. Современные реалии таковы, что размер монитора пользователя может колебаться от 320px до 2560px. Если еще 5 лет назад основная масса пользователей просматривали веб-ресурсы используя десктопы, то сегодня все чаще это мобильные телефоны, планшеты, нетбуки, лаптопы и т.д. Как следствие, уже появилось достаточно много различных тематик, где мобильный трафик гораздо превышает ПК траф.

Google и мобайлгеддон

В апреле прошлого года гугл запустил абсолютно новый алгоритм сортировки выдачи по поиску. Теперь он автоматически проверяет веб ресурсы на так называемое mobile friendly свойство. Есть 4 основных критерия, по которым ориентируется google.

  • На сайте не должно быть контента, который может не поддерживаться каким либо мобильный гаджетом. (как пример – использование flash)
  • Текст, который легко масштабируется, при этом оставаясь читабельным в любом формате.
  • Отсутствие горизонтального скроллинга, а так же объектов, которые требовали бы масштабирования
  • Наличие приемлемого расстояния между линками, для возможности перехода по ним, с помощью пальцев.

Для удобства веб разработчиков, гугл создал ресурс – mobile test friendly, на котором любой желающий может проверить дружественность интернет сайта к мобильным гаджетам. Так же в помощь создателям сайтов Mobile Usability Reports, этот ресурс протестирует и проанализирует ваш сайт на наличие недостатков, при открытии его на мобильном телефоне или планшете.

Реалии таковы, что на сегодня самые популярные браузеры это Android browser, mobile safari, mobile opera. Внедренные гуглом новшества коснулись только выдачи для мобильных устройств и не затронули выдачу для ПК. Фактор mobile friendly используется лишь как один из составляющих элементов ранжирования. Естественно, сайты без «дружественного» фактора, ранжируются ниже, чем конкуренты в этой же теме, но с адаптивным дизайном.

Сайты, которые решили не прибегать к адаптации, на сегодняшний день просели в мобильном трафике от 12 до 25%. Более точные цифры можно получить, анализируя трафик с помощью инструментов предоставленных гуглом.

Яндекс и мобайлгеддон

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

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

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

Для начала, давайте разберемся, почему гугл отдает преимущество адаптивным сайтам, а не мобильным, ведь логичнее было бы поощрять вторые. Однако не все так просто. Основной лозунг гугл – мы любим своих пользователей. Именно поэтому google желает отправлять пользователей на ресурсы, соответствующие их запросу. Однако в случае, когда посетитель попадает на сокращенную мобильную версию или версию, которая разительно отличается от той, которая привычна для выдачи на ПК, он может быть несколько расстроен и обескуражен этим и часто примет решение вернуться на страницу поиска. В случаях, когда посетитель заходит на веб ресурс, а спустя короткое очень короткое время возвращается на страницу поисковой выдачи, гугл приходит к выводу, что сайт абсолютно не соответствует запросу. Но если у вас нет ни адаптивного дизайна, ни мобильной версии сайт, около 70% посетителей предпочтут поискать другой, более продвинутый ресурс.

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

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

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

Сайт Distiller после замены версии сайта на адаптивную, увеличил количество трафика на 400%. Комментарии пожалуй излишни.

Есть ли преимущества у мобильной версии сайта?

А вы представьте себе на секунду сайт BBC в адаптивной версии или CNN например. Мы же помним, что при адаптивном дизайне весь контент остается. Какими техническими характеристиками должен обладать смартфон, чтоб достойно обрабатывать информацию и отображать подобные ресурсы? Именно поэтому, для любых порталов, по прежнему актуальна укороченная мобильная версия.

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

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

Ошибки которые нельзя допускать

  1. Картинки. Безусловно, в мире много превосходных фотографий, которые очень хочется разместить на сайте. Но если на десктопе они загрузятся без проблем, то на мобильном гаджете они могут создать целый ряд неудобств. Убедитесь, что все картинки на вашем сайте весят максимально мало.
  2. Дизайн для всех. Мы заметили, что начинающие разработчики адаптивного дизайна пытаются хитрить, выбирая разрешения одного смартфона, одного планшета, одного ноутбука (например разрешение iphone 4s, yoga tab, Asus 13dg), но так не пойдет, в мире 100500 различных мобильных устройств и у всех у них могут быть абсолютно разные разрешения экрана. Адаптивный дизайн должен одинаково отображаться на всех устройствах без исключения.
  3. Оптимизируйте сайт под управление пальцем. Не забывайте, что пользователи смартфонов и планшетов работают при помощи пальца, а не мышки.
  4. Тестируйте свой ресурс во всех браузерах без исключения, не надейтесь на самые популярные.
  5. Горизонтальный скроллинг

Вместо послесловия

Мир IT развивается с сумасшедшей скоростью, порой это приводит к непредвиденным тратам владельцев бизнеса, но таковы условия игры. Хочешь быть на коне – будь в тренде. Идеальных решений не существует, всегда надо будет что то менять, что то доделывать или переделывать. Да, от многих инноваций выигрывают только пользователи, в то время как владельцы сайтов несут лишь дополнительные расходы. Но, можно катить этот мир, а можно бежать рядом и кричать – Боже, куда мир катится. Будьте на позитиве. И помните, обращение за помощью к профессионалам сэкономит ваше время, нервы и деньги. Обучение новинкам в мире веба обычно стоит дорого, только устоявшиеся команды профессионалов могут позволить его себе на заре. Поэтому то, что подешевле, выходит очень дорого, особенно это справедливо в мире веб дизайна. Как любил говорить барон Ротшильд: «Я не настолько богат, чтоб покупать дешевые вещи». В случае заказа сайта, используйте его фразу как аксиому.

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

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

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

Отправьте заявку на разработку сайта:


Выберите необходимый тариф

Базовый
  • Cоздание сайта на шаблонном дизайне под ключ.
  • Базовая сео оптимизация.
  • Подготовка текста для главной страницы сайта.
Беру «Базовый»
Медиум
  • Все то, что входит в базовый комплект.
  • Сбор семантического ядра.
  • Адаптивная верстка.
  • Полностью уникальный дизайн под вашу нишу.
Беру «Медиум»
Премиум
  • Все то, что входит в комплект медиум
  • Подготовка 10 текстов для сайта
  • Глубокая сео оптимизация
  • Дизайн с повышенной конверсией.
  • 1 месяц бесплатного сео продвижения сайта
Беру «Премиум»
Отправьте заявку на разработку сайта: