Мобільна версія сайту, або Як повернути старий дизайн, Все про iPad
Нещодавно на пошту мені впав лист від Google, який присоромив мене тим, що у нас сайт на думку робота виглядає погано на мобільних пристроях. У спеціальному вікні перевірки видавався рейтинг зручності близько 40 зі 100. І шрифти нібито надто дрібні, і елементи сайту на мобільних розташовані близько один до одного і ще десяток проблем.
Я прикинув різні варіанти виправлення ситуації. У моєму випадку їх було два основні:
- зробити адаптивний дизайн на основі існуючого, тому що він мені подобається
- зробити мобільну версію сайту
Адаптивний дизайн це такий дизайн, який підлаштовується під розміри екрану. Покопавшись у коді я зрозумів, що самотужки мені існуючий дизайн не переробити. Занадто багато довелося б змінити, що дорівнювало б новій верстці, а це заново довелося б задіяти дизайнера та верстальника.
Зупинився на мобільній версії сайту із можливістю безпроблемного перемикання на комп'ютерну версію. Так що, якщо у вас сайт виглядає за новим і вас це не влаштовує, то просто перейдіть на комп'ютерну версію за посиланням внизу екрана. Браузер запам'ятовує ваші уподобання і при новому відкритті сайту вам одразу пропонуватиметься звична версія.
Можливості мобільної версії:
Тепер користувач сайту iPadstory.ru може будь-якої миті на мобільних девайсах перемикатися між мобільною версією (яка зручна на маленьких екранах) та звичною комп'ютерною.
За рейтингом Google мобільна версія зручності для відвідувачів отримала 99 зі 100. Ну значить, я все зробив правильно.