Kas su veebileht toimib hästi ka telefonis?

Enamik külastajaid vaatab su veebilehte telefonis. Google teeb sama: Google kasutab su lehtede indekseerimiseks ja järjestamiseks mobiiliversiooni. Mida telefonis lehel ei näe, seda ei näe ka Google. Sellest artiklist saad teada, kuidas ise kontrollida, kas su sait töötab väikesel ekraanil hästi.

Viewport-reegel

Telefon ei tea iseenesest, et su leht on tehtud väikesele ekraanile. Kui juhist ei ole, käitub brauser nii, nagu oleks ekraan palju laiem, ja vähendab kogu lehe suurust. Tulemuseks on pisike tekst, mille lugemiseks pead sisse suumima. Lahendus on üks rida iga lehe <head>-osas:

<meta name="viewport" content="width=device-width, initial-scale=1">

• Mitte kindlat laiust nagu width=1024: siis käitub telefon jälle nii, nagu oleks ekraan lai.
• Ära blokeeri suumimist: jäta user-scalable=no ja maximum-scale=1 lisamata. Nägemisprobleemidega inimestel peab olema võimalik teksti suurendada.

AI Bouwer, WordPressi teemad ja enamik teisi veebilehe loomise tööriistu lisavad selle rea ise igale lehele. Kui su sait on ise tehtud või vana, tasub seda kontrollida: ava leht, klõpsa paremklõpsuga, vali Kuva lehe lähtekood (või Ctrl+U) ja otsi Ctrl+F abil sõna viewport.

Testi ise

1. Ava oma sait telefonis ja käi läbi oma tähtsaimad lehed.
2. Või arvutis: ava sait Chrome'is või Firefoxis, vajuta F12 ja klõpsa telefoni ja tahvelarvuti ikoonil. Vali kitsas seade.
3. Pane tähele teksti, mis jääb ekraanilt välja, lehte, mida pead küljele lükkama, liiga väikseid või üksteise peal olevaid nuppe, ning osi, mis mobiilis puuduvad.
4. Testi seejärel tööriistaga PageSpeed Insights vahekaardil Mobiil. Kuidas seda aruannet lugeda, on kirjas artiklis PageSpeed Insightsi lugemine: Core Web Vitals lihtsas keeles.

Google'i eraldi mobiilisõbralikkuse test ja Search Console'i mobiilikasutatavuse aruanne ei ole enam olemas alates 1. detsembrist 2023. Kui näed neid mõnes vanemas artiklis, kasuta nüüd ülaltoodud samme.

Sama sisu mobiilis ja arvutis

Kui su sait on responsive (üks aadress ja üks leht, mis kohandub ekraani laiusega), on sisu iseenesest ühesugune. Google soovitab just seda viisi. Kui sul on eraldi mobiilisait, näiteks m.example.com, või süsteem, mis saadab telefonidele teistsuguseid lehti, kontrolli siis:

• kas tekst on sama, ka siis kui see on mobiilis avatavas plokis;
• kas pealkiri ja kirjeldus on samad;
• kas pildid ja nende alt-tekstid on samad;
• kas pole sisu, mis laaditakse alles siis, kui külastaja pühib, klõpsab või tipib: Google seda ei tee.

Loe edasi

• Google: soovitatud tavad mobile-first indeksimiseks (inglise keeles)
• MDN: viewport-reegel (inglise keeles)