10 причин зробити сайт адаптивним для мобільних телефонів

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

Що краще: мобільна версія чи адаптивний дизайн?

Давайте розберемося, що краще: адаптивний дизайн чи мобільна версія сайту. Мобільна версія сайту - це повністю дубльований сайт на піддомені або цілий розділ сайту. Виглядає це приблизно так: site.ru/m/ або m. site.ru. Обидва варіанти мають чимало проблем. Розберімо: якщо ви робите мобільну версію сайту на піддомені, у вас автоматично з'являються дублікати всіх сторінок сайту, а пошукові системи дуже цього не люблять.

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

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

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

Як зробити адаптивний дизайн сайту?

Як зробити адаптивний дизайн сайту для Google, щоб були задоволені ви, користувачі та пошукові системи?

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

•   Зробіть адаптивний шрифт, щоб він добре читався на екранах мобільних пристроїв
•   Посилання мають відрізнятися від основного тексту, бути легко доступними для натискання і не злипатися
•   Меню сайту зробіть зі зручними вкладками
•   Відмовтеся від горизонтального скролінгу (це само собою, за замовчуванням)
•   Якщо у вас багато flash-елементів, зробіть картинки, які їх замінять (на мобільних пристроях flash не відображається)
•   Пам'ятайте, що мобільний інтернет у нас в країні не такий швидкий, оптимізуйте швидкість завантаження сторінок.

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

1. Коли ви створите повноцінну мобільну версію, сайт у видачі не підніметься одразу, але з часом - так: коли збільшиться частка мобільного трафіку, хороша поведінка мобільних користувачів потягне за собою зростання позицій завдяки поведінковим факторам. 
2. Завдяки мобільному трафіку (після створення адаптивної версії сайту для Google) у вас покращиться поведінковий фактор, який надалі вплине на основну видачу сайту. Користувачі, які раніше заходили з мобільних і йшли, тепер будуть затримуватися на сайті, що позитивно відобразиться в подальшій статистиці.
3. У вас збільшиться дохід, продажі та аудиторія вебресурсу (ви зможете легко повернути все, що витратили на адаптивний дизайн).
4. Більшість запитів, за якими ви просувалися, зростуть (йдеться про НЧ і СЧ).
5. Надалі ви отримуватимете все більше трафіку, адже мобільна аудиторія постійно зростає.
6. Зараз не так багато сайтів адаптовані для мобільних, що дозволить легше зайти на ринок. Використовуйте це під час створення нового сайту або адаптуйте для Google уже наявний сайт. Ви отримаєте більше аналітики та даних, за допомогою яких зможете розвивати бізнес і сайт.
7. Під час запуску контекстної реклами оголошення для мобільних працюватимуть у рази ефективніше.
8. На сайті можна використовувати нові можливості, які легко взаємодіють зі смартфонами: check-in, геолокацію та багато іншого, що сприятиме розвитку бізнесу.
9. Мобільні користувачі довше перебувають на сайті, що своєю чергою впливає на довіру до сайту.

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

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

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