Come verificare la versione mobile del sito? Modi per testare i siti mobili

Lo sviluppo di una versione mobile del sito non è soloun possibile capriccio di sviluppatori, una voce aggiuntiva di spese (o guadagni, se parliamo di imprenditori) e la manifestazione di cura per i visitatori della risorsa. Secondo le ultime dichiarazioni dei rappresentanti di Google, i siti che non soddisfano i requisiti del design adattivo saranno pessimizzati nella ricerca, effettuata da dispositivi mobili. Il motore di ricerca nazionale Yandex ha anche emesso raccomandazioni "Quanto è importante essere mobili" e ha assicurato che, agendo per comodità degli utenti di dispositivi mobili, segnerà le versioni mobili nei risultati di ricerca e preferirà le pagine adattive.

Quindi, gli sviluppatori sono obbligatoriÈ necessario adattare i siti per gli smartphone e verificare la praticabilità della visualizzazione delle risorse. In caso contrario, presto ci si può aspettare una significativa perdita di traffico e, pertanto, i potenziali clienti, poiché i nuovi algoritmi funzionano da Google e "Yandex", sono già in vigore. Puoi controllare la versione mobile del sito in vari modi: ridimensionando la finestra del browser quando passi alla modalità sviluppatore, utilizzando emulatori di dispositivi mobili o servizi web.

La compatibilità del sito con i dispositivi mobili

L'adattabilità ai dispositivi mobili è stimata da vari parametri. È importante controllare la versione mobile del sito non solo in termini di visualizzazione corretta, ma vale la pena considerare altri fattori:

• mancanza di animazione, design "pesante" e immagini;
• velocità di caricamento delle risorse (dovrebbe essere minima);
• nessuna necessità di scorrimento orizzontale;
• mancanza di plug-in Silverlight e applet Java;
• semplice navigazione del sito;
• il viewport del meta-tag è registrato nel codice.

Se le condizioni di cui sopra sono soddisfatte, gli algoritmii motori di ricerca più comuni riconoscono la pagina web come ottimizzata per i dispositivi mobili e aumentano l'esposizione del sito a risorse non adattate.

Test reali su dispositivi mobili

Il modo più comodo per testare la versione mobilesito su smartphone reali. Questo metodo permetterà di effettuare test in condizioni reali. Idealmente, controllare una risorsa Web è meglio su più dispositivi, ma se il budget del progetto non comporta il costo dell'acquisizione di diversi smartphone dai modelli più popolari, sarà sufficiente disporre di dispositivi Android o Apple.

Ridimensionamento della finestra del browser

Il più semplice, ma non ottimale in termini dicheck è ridimensionare la finestra del browser. Se la pagina viene creata utilizzando la tecnologia di progettazione adattiva, puoi controllare la versione mobile del sito in questo modo. Ma in quei casi in cui viene applicato un disegno separato, la risorsa deve indicare chiaramente che l'utente proviene da uno smartphone, tablet o altro dispositivo mobile. Quindi, questo metodo ti consente di verificare se esiste una versione mobile del sito. Ma è improbabile che venga valutata la correttezza della mappatura (in termini tecnici).

Passa alla modalità sviluppatore nel browser

Un modo migliore per testare il cellulareversione del sito (Google o "Yandex", come fanno altri motori di ricerca emettono adattabilità nella lista dei fattori più importanti che influenzano la classifica) - è quello di entrare in modalità sviluppatore nel browser. Il metodo funziona in modo simile con più browser:

• Mozilla: Puoi passare alla modalità sviluppatore selezionando l'opzione "Progettazione adattiva" nel menu "Sviluppo"; premendo la combinazione Ctrl + Shift + M; facendo clic sul pulsante "Modalità di progettazione adattiva" sulla barra degli strumenti di sviluppo Web;
• Chrome: vai in modalità mobile premendo il tasto funzione F12, quindi seleziona l'icona della versione mobile (smartphone nell'angolo in alto a sinistra della finestra che appare).

In Opera, vai alla modalità sviluppatore per la verificala versione mobile viene eseguita premendo la combinazione Ctrl + Shift + i, ma c'è un altro modo. Una versione speciale del browser - Opera Mobile Classic Emulator - consente di differenziare la progettazione mobile. Le versioni del programma esistono per i principali sistemi operativi.

Emulatori per dispositivi mobili: Android Studio e Apple Xcode

Puoi controllare la versione mobile del sito ("Yandex" e Google) utilizzando emulatori di dispositivi mobili, che per Android e Apple sono rispettivamente Android Studio o Apple Xcode.

Strumenti simili si riproducono in modo abbastanza accuratosito nella forma in cui apparirà sui dispositivi mobili: i programmi preinstallano le versioni più comuni dei browser per dispositivi mobili. Tuttavia, gli emulatori non tengono conto della velocità di download e di altre sfumature che possono essere osservate in condizioni reali.

Per verificare è sufficiente installare uno dei programmi sopra riportati sul computer e aprire il sito dall'emulatore.

Servizi Web Testing Mobile Design

Ci sono anche modi più semplici per controllareversione mobile del sito. Ad esempio, il servizio online Responsinator consente di valutare la correttezza della visualizzazione delle risorse sui dispositivi mobili e la comodità di utilizzare il sito dal lato dell'utente. La risorsa visualizza il sito come apparirebbe su sei diversi dispositivi Android o basati su Apple e in diversi orientamenti.

Verifica dell'ottimizzazione della pagina web per dispositivi mobili

Altre risorse per verificare il cellulareversione del sito, valutare ulteriormente l'adattabilità e non solo mostrare come il sito dovrebbe apparire su diversi dispositivi. I servizi più autorevoli: Google Mobile Friendly e "Yandex WebMaster" (controllo delle pagine Web). Valutare l'ottimizzazione del sito per i dispositivi mobili è anche un modo per controllare Bing o, ad esempio, Mobile Checker da W3C.

Tutto ciò che è richiesto dal webmaster durante la valutazioneversioni del sito per dispositivi mobili che utilizzano servizi online, quindi inserisci l'indirizzo della risorsa e attendi che l'analisi finisca. La maggior parte dei servizi di cui sopra controlla l'ottimizzazione delle impostazioni di amicizia per i dispositivi mobili, che sono stati elencati sopra.

Quindi, per valutare l'adattabilità di una risorsa web, puoi farloin diversi modi: a partire dai test su smartphone, tablet o altri dispositivi mobili reali o ridimensionando la finestra del browser, controllando gli emulatori o nella modalità di sviluppo del browser e terminando con l'utilizzo dei servizi da "Yandex" e "Google". Controlla la versione mobile del sito è molto semplice e questo permetterà di apportare le modifiche necessarie e migliorare la posizione del sito nei risultati di ricerca.