Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
SEO
Perché il mio sito web è così piccolo visualizzato su smartphone?
Un sito web visualizzato in modo microscopico su smartphone ha di solito una sola causa: la specifica viewport manca dal codice sorgente. Questa singola riga comunica al dispositivo che la pagina deve essere adattata alla larghezza dello schermo dello smartphone. Se manca, il dispositivo visualizza la vista desktop larga ridotta — leggibile solo se il visitatore ingrandisce costantemente e scorre lateralmente.
La specifica viewport adatta la pagina allo schermo
Lo schermo di uno smartphone è molto più stretto di un monitor. Affinché un sito web sia ben leggibile, il dispositivo deve sapere: adatta la visualizzazione alla larghezza effettiva dello schermo. Esattamente questo dice la specifica viewport — una singola riga nel codice sorgente che ogni pagina dovrebbe avere. Con essa il contenuto si adatta alla larghezza stretta: i testi vanno a capo, le colonne si dispongono l'una sotto l'altra, i pulsanti rimangono abbastanza grandi da toccare. Senza la riga il dispositivo presume che debba visualizzare una larga pagina desktop e la riduce finché l'intera larghezza non rientra nello schermo.
Senza la specifica perdete i visitatori mobile
La maggior parte delle ricerche presso un'azienda regionale provengono dallo smartphone — ad esempio quando qualcuno sta cercando un artigiano, un locale o un orario di apertura. Se questo visitatore incontra una visualizzazione delle dimensioni di un francobollo, deve ingrandire, scorrere lateralmente e toccare con il pollice piccoli elementi di menu. La maggior parte rinuncia dopo pochi secondi e sceglie il risultato successivo. Anche Google presta attenzione alla compatibilità mobile dei siti; la specifica viewport mancante toglie questo segnale fondamentale alla pagina. La nostra verifica segnala la specifica mancante come un difetto di gravità media — risolvibile con una sola riga.
- Aprite il vostro sito web sul vostro smartphone e controllate se il testo è leggibile senza ingrandire.
- Prestate attenzione se dovete scorrere lateralmente per vedere il contenuto — è un chiaro segnale di avvertimento.
- Chiedete alla vostra agenzia di aggiungere la specifica viewport su tutte le pagine se manca.
- Dopo la correzione provate di nuovo su smartphone se i testi vanno a capo e i pulsanti sono ben toccabili.