Mobile: la pagina sta su uno smartphone? Mobile
L'icona del telefono apre la pagina alla vera larghezza di uno smartphone. Vedi subito se qualcosa sporge dal bordo o è troppo piccolo.
1Che cos'è?
Il controllo mobile apre la pagina corrente in una finestra larga 360, 390 o 430 pixel e misura se il contenuto è più largo della finestra. In più il tag viewport e la dimensione minima del carattere.
2Perché è importante
Google valuta la versione mobile della pagina. Una tabella che esce a destra o un'immagine senza max-width rende scomoda tutta la pagina, e sul desktop non si vede.
3Cosa controlla TagSpion
| Controllo | Valutazione |
|---|---|
| Tag viewport | rosso se manca o ha user-scalable=no |
| Scorrimento orizzontale | rosso se la pagina è più larga della finestra, con l'elemento che lo causa |
| Carattere più piccolo | giallo sotto i 12 pixel |
4Come risolvere
- Imposta il tag viewport, limita immagini e tabelle con max-width: 100 %, metti le tabelle in un contenitore scorrevole.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img, video, table { max-width: 100%; height: auto; }
.table-wrap { overflow-x: auto; } /* <div class="table-wrap"><table>…</table></div> */
</style>5Domande frequenti
Sostituisce i dispositivi reali?
No, ma è un primo test rapido. La finestra ha la larghezza, non l'uso touch di uno smartphone.