Olen lõpuks muutnud oma saidi: steakovercooked.com mobiilikasutajasõbralikuks ja seega on kõik minu seni 6 domeeni veebilehed kvalifitseeritud kasutajasõbralikuks.
Mobiilikasutajasõbralikkus on nüüd paremusjärjestuse määrav tegur, nt Google’i otsingumootorid kipuvad reklaamima saite, mis läbivad mobiilikasutajasõbralikkuse testi.
mobiilisõbralik
Siin on sammud mobiilikasutajasõbralikumaks muutmiseks, mida tuntakse ka reageeriva CSS-i kujundusega.
Puhastage tekstisisene CSS HTML-märgendites
HTML-märgendite tekstisisene CSS on halb, kuna need segavad näiteks esitlust ja HTML-i,
Stiil määratakse otse HTML-i div-märgendis, mida pole võimalik väliste stiilitabelite abil muuta.
Ärge kasutage määratud/fikseeritud laiusega piksleid
Kui määrate näiteks laiuse: 900 pikslit, ei ole see tõenäoliselt mobiilisõbralik. Saate selle asendada protsendiga, nt 30%. Väiksemad pikslid on väiksema tõenäosusega probleemiks, nt ikoonid sobivad hästi väikese ekraani eraldusvõimega. Kujutage vaid ette, väikseim ekraanilaius on 300 pikslit (umbes), nii et te ei soovi, et ükski teie HTML-i element oleks sellest laiem.
Pange peasildi sisse järgmine
Pildid/tabelid on kõige hullemad
Tabelid on tundliku kujunduse jaoks halvimad, nii et peate võib-olla asendama need lihtsate div-elementidega. Pildid tuleks määrata järgmise max-width stiiliga, nt
See on kõik, ei mingeid keerulisi asju! Pange tähele, et mobiilikasutajasõbralik leht ei ole sama mis AMP (Accelerated Mobile Pages).