Адаптація сайту під мобільні

1. Частка відвідувань з мобільних пристроїв
2. Позиції в пошукових системах Яндекс і Google
3. Як тепер бути?
4. 3 основних способи зробити сайт під мобільні пристрої
5. Переваги адаптивного дизайну
6. А це дорого?

2017 рік, мобільні пристрої захопили світ, сайти з них дивляться частіше, ніж з комп'ютерів. Чи не адаптувати сайти під мобільні пристрої вже просто не можна. Час прийшов. Лід давно скресла, поїзд майже пішов. Все серйозно і відкладати далі нікуди ☝

Частка відвідувань з мобільних пристроїв

За даними Яндекса, частка користувачів інтернету в Росії, які хоча б раз на місяць виходили в мережу за допомогою мобільних пристроїв:

• У 2013 році - 56%.
• У 2014 році - 68% (повне дослідження Яндекса за 2013-2014 рік ).
• У 2016 році ця частка вже становить 84% , Більше половини аудиторії використовує мобільні пристрої поряд з комп'ютерами, а п'ята частина і зовсім виходить в інтернет тільки з них.

На сайті, не адаптованому під мобільні пристрої, відвідувачам доводиться постійно збільшувати і зменшувати масштаб сторінки. Це не зручно, користувачі дратуються і врешті-решт йдуть до конкурентів з мобільною версією сайту.

На адаптованому під мобільники сайті люди проводять більше часу і лояльніше ставляться до компанії.

Позиції в пошукових системах Яндекс і Google

з 2 січня 2016 в Яндексі і з 26 лютого 2015 в Google стали враховувати ще один фактор при ранжируванні сторінок в пошуковій видачі - наявність мобільної версії сайту. Чи не адаптовані для мобільних пристрої сайти відображаються у видачі пошукової системи нижче адаптованих. Відсутність мобільної версії трактується як ознака низької якості.

Без мобільної версії ви втрачаєте не тільки лояльність, а й трафік. Конкуренти обганяють у видачі пошукових систем, просування стає складніше і дорожче.

Як тепер бути?

перевірте , Адаптований ваш сайт під мобільні пристрої. Якщо не адаптований, то пора діяти.

3 основних способи зробити сайт під мобільні пристрої

1. Версія сайту для мобільних пристроїв з окремому адресою (URL). У цьому випадку створюється два сайти: один для комп'ютерів, другий (з аналогічним вмістом) - оптимізований для мобільних пристроїв.
   Наприклад: основний сайт розташовується на домені site.ru, мобільна версія на окремому піддомені - mobile.site.ru.
2. Динамічний показ - для комп'ютерів, телефонів і планшетів використовуються однакові адреси сторінок (URL), але різні вихідні коди (HTML). Коли користувач заходить на сторінку - сервер визначає версію браузера і видає пристрою потрібний код.
   При цьому способі потрібно більше ресурсів сервера і, як наслідок, сайт повільніше завантажується. Також такий спосіб вимагає великих витрат в розробці і підтримці сайту.
3. адаптивний дизайн - для всіх пристроїв використовується один URL і HTML код. Користувачам віддаються однакові сторінки, але з різним дизайном, динамічно мінливих під різні розміри пристроїв.
   Ми рекомендуємо саме цей варіант, і навіть Google рекомендує саме цей варіант.

Переваги адаптивного дизайну

• Користувачам зручніше ділитися вашим контентом, якщо для нього використовується єдині адреси (URL).
• В цьому випадку алгоритми пошукових систем точніше індексують параметри сторінки, а не реєструють різні її версії.
• Створення однієї адаптивної сторінки займає менше часу, ніж створення декількох варіантів з одним змістом.
• Знижується ймовірність типових помилок, характерних для мобільних сайтів.
• Не потрібно переадресація, що скорочує час завантаження. Крім того, при переадресації із застосуванням агентів користувача часто виникають помилки, що навряд чи сподобається відвідувачам.
• Економія ресурсів при скануванні сайту пошуковими роботами. Робот може просканувати сторінку з адаптивним дизайном за один раз. В іншому випадку довелося б виконувати сканування всіх версій контенту. Таке підвищення ефективності сканування дозволяє точніше і швидше індексувати і відображати в пошуку зміст вашого сайту.

Приклади адаптивного дизайну

Розглянемо сайт Сушілочка.рф на комп'ютері:

На планшеті і мобільному телефоні:

Подивіться приклади «в живу» на сайтах, розроблених нами:

А це дорого?

Для кожного сайту вартість розраховується індивідуально і залежить від:

• розміру сайту (кількості відмінних один від одного сторінок),
• функціонала (деякі штуки під сенсорні екрани доводиться міняти в корені).