Мобилна версия на сайта, или Как да върнете стария дизайн, Всичко за iPad

Наскоро получих писмо от Google по пощата, което ме засрами с факта, че нашият сайт, според робота, изглежда зле на мобилни устройства. В специален прозорец за проверка беше издадена оценка на използваемостта около 40 от 100. И шрифтовете се предполага, че са твърде малки, а елементите на сайта на мобилен телефон са разположени близо един до друг и дузина други проблеми.

Обмислих различни варианти за коригиране на ситуацията. В моя случай имаше две основни:

  • направи респонсив дизайн на базата на съществуващия, както ми харесва
  • направи мобилна версия на сайта

Отзивчивият дизайн е дизайн, който се адаптира към размера на екрана. След като се зарових в кода, разбрах, че не мога сам да преправя съществуващия дизайн. Твърде много ще трябва да се промени, което ще доведе до ново оформление, и това отново ще трябва да включва дизайнера и дизайнера на оформлението.

Спрях се на мобилната версия на сайта с възможност за безпроблемно преминаване към компютърна версия. Така че, ако вашият сайт изглежда нов и не ви харесва, просто преминете към десктоп версията, като използвате връзката в долната част на екрана. Браузърът запомня вашите предпочитания и когато отворите отново сайта, веднага ще ви бъде предложена познатата версия.

стария

Мобилни функции:

дизайн

сайта

Сега потребителят на сайта iPadstory.ru може по всяко време на мобилни устройства да превключва между мобилната версия (което е удобно на малки екрани) и познатата компютърна версия.

Според оценката на Google мобилната версия за удобство на посетителите получи 99 от 100. Е, това означава, че направих всичко правилно.