Olen vihdoin tehnyt sivustostani: steakovercooked.com mobiilikäyttäjäystävällisen ja näin ollen kaikki web-sivut kaikilla 6 verkkotunnuksellani tähän mennessä ovat päteviä käyttäjäystävällisiksi.
Mobiilikäyttäjäystävällisyys on nyt yksi tekijä sijoituksissa, esim. Googlen hakukoneet yleensä mainostavat sivustoja, jotka läpäisevät mobiilikäyttäjäystävällisyystestin.
mobiiliystävällinen
Tässä on vaiheet, joiden avulla voit tehdä mobiilikäyttäjäystävällisyydestä, joka tunnetaan myös Responsive CSS Designin avulla .
Puhdista upotettu CSS HTML-tageissa
Sisäänrakennettu CSS HTML-tageissa on huono, koska ne sekoittavat esityksen ja HTML-koodin, esim.
Tyyli määritellään suoraan HTML-div-tunnisteessa, jota ei voi muuttaa ulkoisilla tyylisivuilla.
Älä käytä määritettyjä/kiinteäleveisiä pikseleitä
Jos määrität esimerkiksi leveyden:900px, se ei todennäköisesti ole mobiiliystävällinen. Voit korvata tämän prosentilla esim. 30 %. Pienemmät pikselit eivät todennäköisesti ole ongelma, esim. kuvakkeet ovat hienoja pienillä näytön resoluutioilla. Kuvittele vain, pienin näytön leveys on 300 pikseliä (karkeasti), joten et halua minkään HTML-elementtisi olevan tätä leveämpi.
Laita seuraavat tiedot head-tunnisteen sisään
Kuvat/taulukot ovat pahimpia
Taulukot ovat huonoimpia reagoivaan suunnitteluun, joten saatat joutua korvaamaan ne yksinkertaisilla div-elementeillä. Kuvat tulee määrittää seuraavalla max-width -tyylillä, esim
Siinä se, ei monimutkaisia juttuja! Huomaa, että mobiilikäyttäjäystävällinen sivu ei ole sama kuin AMP (Accelerated Mobile Pages).