Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Різні підходи в розробці сайтів з підтримкою мобільних пристроїв

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

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

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

Переваги і недоліки окремої мобільної версії сайту

Якщо для сайту створюється окрема мобільна версія, то така версія, як правило, розміщується на піддомені основного сайту. Перенаправлення користувачів, що заходять на сайт з мобільних пристроїв, при цьому здійснюється найчастіше автоматично в залежності від присвоєного значення User-agent.

До переваг окремої версії сайту для мобільних користувачів можна віднести в першу чергу її менший обсяг, а, отже, і більш низьке навантаження на пристрій і канал з'єднання з інтернетом. Це пов'язано з тим, що і дизайн, і функціональність мобільної версії зазвичай «урізані» і включають тільки необхідний мінімум.

Ще одна перевага розробки для підтримки мобільних пристроїв окремої версії сайту полягає в порівняно легкому внесення змін до неї. У цьому випадку зміни, які стосуються тільки використання сайту з мобільних пристроїв, вносяться лише безпосередньо до мобільної версії, а основний сайт при цьому не зачіпають, що дозволяє уникнути складностей і помилок.

З недоліків розробки окремої мобільної версії сайту можна відзначити необхідність особливо ретельного налаштування SEO-параметрів обох версій. Адже розташований на піддомені мобільний сайт являє собою практично повне «дзеркало» основного сайту, тобто повністю або частково дублює його контент, структуру та дизайн, а це може призвести до появи штрафних санкцій з боку пошукових систем.

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

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

Переваг адаптивний дизайн сайтів дає чимало. Наприклад, у випадку з адаптивним дизайном немає необхідності виділяти для мобільної версії піддомен основного сайту або окремий домен. У результаті не доводиться замість одного сайту підтримувати цілих два, що, безсумнівно, позитивно позначається на якості підтримки.

Ще серед основних переваг адаптивного дизайну сайтів можна відзначити те, що для них не потрібно розробляти якихось складних «схем» SEO-оптимізації, оскільки дублювання контенту не відбувається. Втім, це не означає, що SEO-оптимізації сайтів з адаптивною версткою уваги не потрібно приділяти зовсім: основних рекомендацій пошукових систем необхідно ретельно дотримуватися.

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

Наприклад, як відомо, псевдоселектор CSS :hover, який часто використовуваний при створенні меню на сайтах, на мобільних пристроях із сенсорними екранами не працює, і якщо для відображення сайту на таких пристроях не встановити окремі правила демонстрації меню, то в такому разі працювати ці меню просто не будуть.

Наступний важливий недолік адаптивного дизайну для підтримки мобільних відвідувачів на сайті — це надлишкова функціональність. Справа в тому, що завдання, які ставлять перед собою стаціонарні і мобільні користувачі, зазвичай бувають різними, наприклад, ті функції, які обов'язкові для користувачів, що відвідують сайт з ПК, можуть бути абсолютно зайвими для мобільних користувачів.

Нарешті, ще один серйозний «мінус» адаптивного дизайну пов'язаний зі швидкістю завантаження сайтів з таким дизайном на мобільних пристроях. Адже найчастіше адаптивний дизайн сайтів реалізується за принципом «від настільних до мобільних»: спочатку в браузер користувача завантажується повна версія сайту, а потім вона масштабується залежно від пристрою до потрібних розмірів. У результаті при низькій швидкості інтернет-з'єднання мобільні користувачі сайту будуть змушені чекати досить довго, щоб побачити нарешті сайт і почати з ним працювати.

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

Теги:
розробка сайтів, створення сайтів, розробка мобільної версії сайту, адаптивний дизайн сайту, сайт з підтримкою мобільних пристроїв