Site-ul dumneavoastră web arată bine pe un telefon?

Majoritatea vizitatorilor vă vizualizează site-ul pe un telefon. Google face același lucru: Google utilizează versiunea mobilă a paginilor dumneavoastră pentru a le indexa și clasifica. Ceea ce nu apare pe pagină atunci când o vizualizați pe telefon, Google de asemenea nu vede. În acest articol citiți cum puteți verifica dumneavoastră înșivă dacă site-ul dumneavoastră funcționează bine pe un ecran mic.

Regula viewport

Un telefon nu știe automat că pagina dumneavoastră a fost concepută pentru un ecran mic. Fără instrucțiuni, browserul se comportă ca și cum ecranul ar fi mult mai lat și micșorează întreaga pagină. Astfel ajungeți la un text minuscul în care trebuie să măriți imaginea. Soluția constă într-o singură linie în <head> a fiecărei pagini:

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

• Nicio lățime fixă precum width=1024: astfel telefonul se va comporta din nou ca și cum ecranul ar fi lat.
• Nu blocați zoomul: omiteți user-scalable=no și maximum-scale=1. Persoanele cu deficiențe de vedere trebuie să poată mări textul.

AI Bouwer, temele WordPress și majoritatea celorlalte constructoare de site-uri introduc automat această linie în fiecare pagină. În cazul unui site realizat manual sau mai vechi, merită să verificați: deschideți o pagină, faceți clic dreapta, alegeți Vizualizare sursă pagină (sau Ctrl+U) și căutați cu Ctrl+F termenul viewport.

Testați dumneavoastră înșivă

1. Deschideți site-ul dumneavoastră pe propriul telefon și parcurgeți paginile cele mai importante.
2. Sau pe calculator: deschideți site-ul dumneavoastră în Chrome sau Firefox, apăsați F12 și faceți clic pe pictograma unui telefon și a unei tablete. Alegeți un dispozitiv îngust.
3. Fiți atenți la text care iese din cadru, o pagină pe care trebuie să o derulați lateral, butoane prea mici sau care se suprapun, și secțiuni care lipsesc pe versiunea mobilă.
4. Testați apoi în PageSpeed Insights în fila Mobil. Modul în care citiți acel raport este explicat în Citirea PageSpeed Insights: Core Web Vitals explicate pe înțelesul tuturor.

Testul separat de compatibilitate mobilă al Google și raportul privind utilizabilitatea pe mobil din Search Console nu mai există din 1 decembrie 2023. Dacă le întâlniți într-un articol mai vechi, utilizați acum pașii de mai sus.

Același conținut pe mobil și pe desktop

În cazul unui site responsive (o singură adresă și o singură pagină care se adaptează la lățimea ecranului), conținutul este automat identic. Google recomandă această abordare. Dacă aveți un site mobil separat, precum m.example.com, sau un sistem care trimite telefoanelor pagini diferite, verificați:

• același text, chiar dacă pe mobil acesta se află într-un bloc extensibil;
• același titlu și aceeași descriere;
• aceleași imagini cu aceleași texte alternative;
• niciun conținut care se încarcă abia după ce vizitatorul glisează, face clic sau tastează: Google nu face acest lucru.

Lectură suplimentară

• Google: bune practici recomandate pentru indexarea mobile-first (în limba engleză)
• MDN: regula viewport (în limba engleză)