Мобільна версія сайту - це окремий сайт, який адаптований під перегляд і роботу через мобільні пристрої. Вона відповідає контенту основного ресурсу, проте поступається додатку за функціоналом (немає пуш-сповіщень, синхронізації з гаджетом) і швидкістю (це через залежність від інтернету) (про відмінності читайте в цій статті).
Якщо немає потреби в складному бекенді та можливості переробити сайт або створити додаток, то ми рекомендуємо зупинитися на мобільній версії. Оскільки головна мета розробки - охопити аудиторію з гаджетами, не забувайте, що пошукові алгоритми висувають власні вимоги. Розбираємося!
Якою має бути мобільна версія сайту?
- Власний URL - створюючи мобільну версію сайту, подбайте про особливості розміщення. Важливо, щоб пошукові алгоритми розуміли, що відрізняли ресурси - для цього або помістіть мобільну версію в розділ сайту і вкажіть це в меню, або розмістіть на окремий піддомен (останній варіант кращий).
- Динамічний показ - щоб не помилитися з роздільною здатністю мобільного пристрою або планшета, рекомендуємо налаштувати динамічний показ (один URL з декількома кодами HTML і каскадної таблиці стилів). Для цього в http прописується спеціальний заголовок "Vary" - це не розв'яже проблеми з масштабованістю і дасть змогу адекватно відобразити зміст.
- Налаштування редиректу знадобиться, щоб після визначення джерела трафіку вело за собою показ потрібної версії контенту - для цього в заголовку "Vary" вказується "User-Agent". Завдяки цій дії сервер перенаправляє мобільного користувача на мобільний формат.
- Адаптована під мобільні пристрої верстка сайту, принцип роботи якої легко пояснити таким чином. HTML-код (однаковий для пристроїв) передається сервером, проте відображення стилів CSS варіюється - так інтерфейс самостійно оптимізується і має адекватний вигляд на кожному пристрої.
- "Легкі" зображення - оскільки показ вмісту на мобільній версії залежить від швидкості інтернету, то обов'язково оптимізуйте візуальний контент. Не розміщуйте довгі відео або "важкі" картинки - краще дайте лінки на контент або реалізуйте можливість завантажити матеріал. І жодних Flash-елементів, які вже давно не відображаються на гаджетах. Якщо потрібна анімація, то доопрацюйте її на HTML5.
- Великі клікабельні кнопки важливі, адже найчастіше неможливість потрапити в графічний елемент (або не помітити!) призводить до високого відсотка відмов і падіння конверсій. виділіть їх яскравим кольором або обведенням, дайте їм назву і розміщуйте так, щоб вони впадали в око.
- Зручність і продуманість навігації однаково важлива як у разі, коли ведеться розробка додатків для Android або iOS, так і для мобільної версії. Пам'ятайте, що в телефоні переміщатися сторінками складніше, тому розпишіть зрозумілий і економний за часом сценарій, коли користувач отримає те, що потрібно, здійснюючи 2-3 переходи максимум. Більше інформації ви отримаєте після аудиту тестувальника і юзабіліті-фахівця, передавши їм на аудит готове рішення.
- Введення тексту і даних - поле для тексту - проблема 80% мобільних версій сайтів. Найчастіше його важко знайти, а потім складніше вказати те, що потрібно - без адаптивної верстки таке поле постійно пропадає і ввести дані неможливо. Щоб цього не було, зробіть масштабовані поля, впровадьте підсвічування обов'язкових полів і додайте графічні елементи для підказки.
- Оригінальний контент - правильно налаштувавши редиректи і вказавши атрибути, можна переконати пошукові системи в тому, що ви розміщуєте запозичений із власного сайту контент, однак і це не гарантія потрапити під бан. Правильне рішення - написати підводки для мобільних пристроїв і розмістити посилання, що відправляють на статті сайту.
- Посилання на повну версію сайту - обов'язковий елемент, про який забувають багато програмістів. Вихід на повну сторінку дає змогу "підстрахуватися", якщо щось не спрацює в мобільній версії або джерело трафіку визначається неправильно. Не варто забувати про цю дію і тоді, коли ведеться розробка додатків для iPhone або Android - залишайте за користувачем право вибору.
Підсумок
У спробах збільшити трафік, конверсії та потрапити в тренд клієнти покликані за рішеннями в галузі Mobile. Крім складних додатків із кількома функціями ви завжди можете вибрати мобільну версію сайту, яка стане доступним по грошах і результативним рішенням без втрати трафіку і конверсій. Головне - реалізувати з розумом і за допомогою грамотної та досвідченої команди.
