Ar mano svetainė gerai atrodo telefone?

Dauguma lankytojų peržiūri Jūsų svetainę telefone. Google elgiasi taip pat: Google naudoja Jūsų puslapių mobiliąją versiją, kad juos įtrauktų į indeksą ir reitinguotų. Tai, ko telefone puslapyje nėra, Google taip pat nemato. Šiame straipsnyje sužinosite, kaip patys patikrinti, ar Jūsų svetainė tinkamai veikia mažame ekrane.

Viewport taisyklė

Telefonas savaime nežino, kad Jūsų puslapis sukurtas mažam ekranui. Be instrukcijos naršyklė elgiasi taip, lyg ekranas būtų daug platesnis, ir sumažina visą puslapį. Tada gaunate labai smulkų tekstą, kurį reikia pritraukti. Sprendimas yra viena eilutė kiekvieno puslapio <head> dalyje:

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

• Jokio fiksuoto pločio, pavyzdžiui, width=1024: tada telefonas vėl elgsis taip, lyg ekranas būtų platus.
• Nedrauskite priartinimo: praleiskite user-scalable=no ir maximum-scale=1. Prastai matantys žmonės turi turėti galimybę padidinti tekstą.

DI Bouwer, WordPress šablonai ir dauguma kitų svetainių kūrimo įrankių šią eilutę į kiekvieną puslapį įterpia automatiškai. Jei turite savarankiškai sukurtą ar seną svetainę, verta patikrinti: atidarykite puslapį, spustelėkite dešiniuoju pelės klavišu, pasirinkite Peržiūrėti puslapio šaltinį (arba Ctrl+U) ir su Ctrl+F ieškokite viewport.

Testavimas patiems

1. Atidarykite savo svetainę savo telefone ir peržiūrėkite svarbiausius puslapius.
2. Arba kompiuteryje: atidarykite savo svetainę naršyklėje Chrome ar Firefox, paspauskite F12 ir spustelėkite telefono ir planšetės piktogramą. Pasirinkite siaurą įrenginį.
3. Atkreipkite dėmesį į tekstą, kuris netelpa į ekraną, puslapį, kurį reikia slinkti į šoną, mygtukus, kurie per maži arba persidengia, bei dalis, kurių trūksta mobiliojoje versijoje.
4. Po to atlikite testą su PageSpeed Insights, skirtuke Mobile. Kaip skaityti šią ataskaitą, aprašyta straipsnyje PageSpeed Insights skaitymas: Core Web Vitals paprasta kalba.

Atskiras Google mobiliojo tinkamumo testas ir Mobiliojo naudojamumo ataskaita Search Console nebeegzistuoja nuo 2023 m. gruodžio 1 d. Jei šiuos terminus rasite seniame straipsnyje, naudokite aukščiau nurodytus veiksmus.

Tas pats turinys mobiliojoje versijoje ir kompiuteryje

Jei svetainė yra responsive (vienas adresas ir vienas puslapis, kuris prisitaiko prie ekrano pločio), turinys automatiškai sutampa. Google rekomenduoja tokį sprendimą. Jei turite atskirą mobiliąją svetainę, pavyzdžiui, m.example.com, arba sistemą, kuri telefonams siunčia kitus puslapius, patikrinkite:

• ar tekstas tas pats, net jei mobiliojoje versijoje jis yra išskleidžiamame bloke;
• ar antraštė ir aprašymas tie patys;
• ar paveikslėliai tie patys, su tais pačiais alt tekstais;
• ar nėra turinio, kuris įkeliamas tik tada, kai lankytojas braukia, spusteli ar renka tekstą: Google to nedaro.

Skaitykite daugiau

• Google: rekomenduojami darbo metodai mobile-first indeksavimui (anglų kalba)
• MDN: viewport taisyklė (anglų kalba)