Адаптація сайту під мобільні
- Частка відвідувань з мобільних пристроїв
- Позиції в пошукових системах Яндекс і Google
- Як тепер бути?
- 3 основних способи зробити сайт під мобільні пристрої
- Переваги адаптивного дизайну
- А це дорого?
2017 рік, мобільні пристрої захопили світ, сайти з них дивляться частіше, ніж з комп'ютерів. Чи не адаптувати сайти під мобільні пристрої вже просто не можна. Час прийшов. Лід давно скресла, поїзд майже пішов. Все серйозно і відкладати далі нікуди ☝
Частка відвідувань з мобільних пристроїв
За даними Яндекса, частка користувачів інтернету в Росії, які хоча б раз на місяць виходили в мережу за допомогою мобільних пристроїв:
- У 2013 році - 56%.
- У 2014 році - 68% (повне дослідження Яндекса за 2013-2014 рік ).
- У 2016 році ця частка вже становить 84% , Більше половини аудиторії використовує мобільні пристрої поряд з комп'ютерами, а п'ята частина і зовсім виходить в інтернет тільки з них.
На сайті, не адаптованому під мобільні пристрої, відвідувачам доводиться постійно збільшувати і зменшувати масштаб сторінки. Це не зручно, користувачі дратуються і врешті-решт йдуть до конкурентів з мобільною версією сайту.
На адаптованому під мобільники сайті люди проводять більше часу і лояльніше ставляться до компанії.
Позиції в пошукових системах Яндекс і Google
з 2 січня 2016 в Яндексі і з 26 лютого 2015 в Google стали враховувати ще один фактор при ранжируванні сторінок в пошуковій видачі - наявність мобільної версії сайту. Чи не адаптовані для мобільних пристрої сайти відображаються у видачі пошукової системи нижче адаптованих. Відсутність мобільної версії трактується як ознака низької якості.
Без мобільної версії ви втрачаєте не тільки лояльність, а й трафік. Конкуренти обганяють у видачі пошукових систем, просування стає складніше і дорожче.
Як тепер бути?
перевірте , Адаптований ваш сайт під мобільні пристрої. Якщо не адаптований, то пора діяти.
3 основних способи зробити сайт під мобільні пристрої
- Версія сайту для мобільних пристроїв з окремому адресою (URL). У цьому випадку створюється два сайти: один для комп'ютерів, другий (з аналогічним вмістом) - оптимізований для мобільних пристроїв.
Наприклад: основний сайт розташовується на домені site.ru, мобільна версія на окремому піддомені - mobile.site.ru. - Динамічний показ - для комп'ютерів, телефонів і планшетів використовуються однакові адреси сторінок (URL), але різні вихідні коди (HTML). Коли користувач заходить на сторінку - сервер визначає версію браузера і видає пристрою потрібний код.
При цьому способі потрібно більше ресурсів сервера і, як наслідок, сайт повільніше завантажується. Також такий спосіб вимагає великих витрат в розробці і підтримці сайту. - адаптивний дизайн - для всіх пристроїв використовується один URL і HTML код. Користувачам віддаються однакові сторінки, але з різним дизайном, динамічно мінливих під різні розміри пристроїв.
Ми рекомендуємо саме цей варіант, і навіть Google рекомендує саме цей варіант.
Переваги адаптивного дизайну
- Користувачам зручніше ділитися вашим контентом, якщо для нього використовується єдині адреси (URL).
- В цьому випадку алгоритми пошукових систем точніше індексують параметри сторінки, а не реєструють різні її версії.
- Створення однієї адаптивної сторінки займає менше часу, ніж створення декількох варіантів з одним змістом.
- Знижується ймовірність типових помилок, характерних для мобільних сайтів.
- Не потрібно переадресація, що скорочує час завантаження. Крім того, при переадресації із застосуванням агентів користувача часто виникають помилки, що навряд чи сподобається відвідувачам.
- Економія ресурсів при скануванні сайту пошуковими роботами. Робот може просканувати сторінку з адаптивним дизайном за один раз. В іншому випадку довелося б виконувати сканування всіх версій контенту. Таке підвищення ефективності сканування дозволяє точніше і швидше індексувати і відображати в пошуку зміст вашого сайту.
Приклади адаптивного дизайну
Розглянемо сайт Сушілочка.рф на комп'ютері:
На планшеті і мобільному телефоні:
Подивіться приклади «в живу» на сайтах, розроблених нами:
А це дорого?
Для кожного сайту вартість розраховується індивідуально і залежить від:
- розміру сайту (кількості відмінних один від одного сторінок),
- функціонала (деякі штуки під сенсорні екрани доводиться міняти в корені).