Ali je Vaše spletno mesto prilagojeno za telefone?

Večina obiskovalcev si Vašo spletno stran ogleduje na telefonu. Enako velja za Google: Google za uvrščanje in razvrščanje Vaših strani v rezultate iskanja uporablja mobilno različico Vaših strani. Kar na telefonu ni vidno na strani, torej tudi Google ne vidi. V tem članku preberete, kako sami preverite, ali Vaše spletno mesto dobro deluje na majhnem zaslonu.

Pravilo o viewportu

Telefon sam po sebi ne ve, da je Vaša stran namenjena majhnemu zaslonu. Brez ustreznega navodila se brskalnik obnaša, kot da je zaslon veliko širši, in pomanjša celotno stran. Zaradi tega dobite drobceno besedilo, pri katerem morate povečevati prikaz. Rešitev je ena vrstica v razdelku <head> vsake strani:

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

• Brez fiksne širine, kot je width=1024: v tem primeru telefon spet deluje, kot da je zaslon širok.
• Ne blokirajte povečevanja: izpustite user-scalable=no in maximum-scale=1. Osebe s slabšim vidom morajo imeti možnost povečati besedilo.

UI Bouwer, WordPress teme in večina drugih gradnikov spletnih strani to vrstico samodejno dodajo na vsako stran. Pri ročno izdelanem ali starejšem spletnem mestu pa je vredno preveriti: odprite stran, kliknite z desnim gumbom miške, izberite Prikaži izvorno kodo strani (ali Ctrl+U) in s Ctrl+F poiščite viewport.

Samostojno testiranje

1. Odprite svoje spletno mesto na lastnem telefonu in preglejte najpomembnejše strani.
2. Ali pa na računalniku: odprite spletno mesto v brskalniku Chrome ali Firefox, pritisnite F12 in kliknite ikono telefona in tablice. Izberite ozko napravo.
3. Bodite pozorni na besedilo, ki pade izven vidnega polja, na stran, ki jo morate pomikati vstran, na gumbe, ki so premajhni ali se prekrivajo, ter na dele, ki na mobilni različici manjkajo.
4. Nato testirajte v orodju PageSpeed Insights na zavihku Mobilna naprava. Kako brati to poročilo, je opisano v članku Branje PageSpeed Insights: Core Web Vitals v preprostem jeziku.

Ločeni Test prijaznosti do mobilnih naprav podjetja Google in poročilo Uporabnost mobilnih naprav v orodju Search Console od 1. decembra 2023 ne obstajata več. Če ju omenja kakšen starejši članek, zdaj uporabite zgornje korake.

Enaka vsebina na mobilni napravi in namizju

Pri odzivnem (responsive) spletnem mestu (en naslov in ena stran, ki se prilagaja širini zaslona) je vsebina samodejno enaka. Google priporoča prav ta način. Če imate ločeno mobilno spletno mesto, na primer m.example.com, ali sistem, ki telefonom pošilja druge strani, preverite naslednje:

• enako besedilo, tudi če je na mobilni napravi v razširljivem bloku;
• enak naslov in opis;
• enake slike z enakimi alt besedili;
• brez vsebine, ki se naloži šele, ko obiskovalec podrsa, klikne ali nekaj natipka: Google tega ne stori.

Za nadaljnje branje

• Google: priporočene prakse za indeksiranje, usmerjeno najprej v mobilne naprave (v angleščini)
• MDN: pravilo o viewportu (v angleščini)