Kako optimizirati web stranicu za iPhone gledanje
Dani posjetitelja koji pristupaju svoje web stranice isključivo iz svojih osobnih računala su brzo blijedi kao vlasnici mobilne uređaje kao što su iPhone odabiru dobiti svoje informacije od svojih omiljenih web-mjesta na putu . Kretanje vaše web stranice je teško za iPhone korisnike , ako vaše web stranice nije optimizirana ispravno . Web stranica nije optimizirana za iPhone može dovesti do duge utovar vremena i nepravilnog protoka sadržaja za korisnika . Optimiziranje vaše web stranice za iPhone posjetitelje je jednostavno uz nekoliko ispravaka na svoju web stranicu sadržaja.
Što vam je potrebno
HTML editor ( opcija)
Website HTML kôd pregled Image Editor ( neobavezno ) pregled pregled ikona koja predstavlja svoju web stranicu ( opcija)
Običan tekst editor ( neobavezno )
Upute
1
Stvaranje piksela veličine 57x57 ikonu koja predstavlja vaše web stranice koristeći editor slika . Postavi minijaturu na vaše web stranice unosom sljedeći kod u " Head " dijelu svoje početne stranice u HTML kodu : & lt; link rel = " Apple - touch - ikona " href = " /img /touch_icon.png " > . To thumbnail koristi iPhone posjetitelja kada iPhone korisnik oznake vaše web stranice u svoj iPhone početnom zaslonu .
2
Ukloni sve Flash-based objekte i sadržaje iz vaše web stranice brisanjem linija koda u HTML urednik ili običan tekst editor .
3
Ukloni sve animirane GIF datoteke s web stranice lociranjem kôd koji predstavlja animirani GIF u HTML editor ili plain - text editor . IPhone ne podržava slike spremljene kao animirani GIF . Svi animirani GIF na svoju web stranicu će biti prikazan na pogrešan način , što je samoprva slika animirani GIF prikazan .
4
Stvaranje odvojene CSS stylesheet za samo iPhone gledatelja . Uključite sljedeći kôd u HTML Vaše web stranici da se usmjeri preglednik na korisnikovom iPhone na ispravan CSS stylesheet ( bez citata ) : "& lt - za iPhone : - > & lt ; link media =" samo zaslon i ( max - uređaj širine : 480px ) " href = " mali device.css " type = " text /css " rel = " stylesheet " > & lt ; - Za sve ostalo : - > & lt; link media = " zaslon i ( min - uređaj - širina: 481px ) " href = " ne - male - device.css " type = " text /css " rel = " stylesheet " > " . Postavi novonastale iPhone CSS stylesheet na svoj web poslužitelj , kada završi .