Controlla la versione mobile in Yandex. Controllo ottimizzazione mobile. Console di ricerca di Google. Gli elementi interattivi sono troppo vicini

C'è una cosa del genere, Google presto (secondo indiscrezioni - dal 21 aprile 2015) inizierà a classificare molto male i siti che non hanno superato il controllo in Google Webmasters per facilità di visualizzazione su dispositivi mobili Oh.

Non è chiaro esattamente, il sito avrà problemi solo se viene mostrato agli utenti mobile, o anche a chi ha effettuato l'accesso da PC, cioè ci sarà un problema a parte?

In sostanza, questo quasi non cambia per i siti che hanno la metà o una parte significativa del traffico mobile. Pertanto, è meglio superare il test il più rapidamente possibile.

Ti dirò come fare questo:

Prima	A seguito di

Il primo pezzo, che ha aiutato a risolvere il problema senza ulteriori gesti.

In robots.txt aggiungi la riga:
Consenti: /wp-content/themes/ Template_Name/style.css

(Se il file con gli stili si trova a un indirizzo diverso, scrivilo. Se ci sono più file con gli stili, inserisci le righe per ogni file.)

Secondo momento se vediamo il messaggio "Gli elementi interattivi sono troppo vicini tra loro". Mostrato su google.com/webmasters/tools/mobile-friendly.
È solo che negli stili la classe richiesta prescrive più rientri per collegamenti e pulsanti. Afferra il margine o il riempimento di 5px o più.
A volte il blocco di Adsense può creare un problema del genere. Forse devi inserire un blocco più grande o con un carattere più grande.

P.S. Inizialmente, mi aspetto che il primario sia stato fatto da te.

Le versioni del sito non sono solo un possibile capriccio degli sviluppatori, un'ulteriore voce di spesa (o guadagno, se parliamo di appaltatori) e una manifestazione di preoccupazione per i visitatori della risorsa. Secondo le ultime dichiarazioni dei rappresentanti di Google, i siti che non soddisfano i requisiti del responsive design saranno pessimizzati nelle ricerche mobile. Il motore di ricerca nazionale Yandex ha anche emesso raccomandazioni "Quanto è importante essere mobili" e ha assicurato che, agendo per la comodità degli utenti di dispositivi mobili, segnerà le versioni mobili nei risultati di ricerca e darà la preferenza alle pagine adattive.

Quindi, gli sviluppatori devono necessariamente adattare i siti per gli smartphone e verificare la funzionalità della visualizzazione delle risorse. Altrimenti, nel prossimo futuro puoi aspettarti la perdita di una parte significativa del traffico, e quindi dei potenziali clienti, perché i nuovi algoritmi di lavoro di Google e Yandex sono già in vigore. Puoi controllare la versione mobile del sito diversi modi: cambiando il browser quando si passa alla modalità sviluppatore, utilizzando emulatori di dispositivi mobili o servizi web.

Compatibilità del sito web per i dispositivi mobili

L'adattabilità ai dispositivi mobili viene valutata in base a vari parametri. È importante verificare la versione mobile del sito non solo in termini di corretta visualizzazione, vale la pena considerare altri fattori:

mancanza di animazione, design e immagini "pesanti";
velocità di caricamento delle risorse (dovrebbe essere minima);
non c'è bisogno di scorrimento orizzontale;
mancanza di plugin Silverlight e applet Java;
navigazione semplice del sito;
il codice contiene il meta tag viewport.

Se le condizioni di cui sopra sono soddisfatte, gli algoritmi dei più comuni motori di ricerca riconoscono la pagina web come adatta ai dispositivi mobili e aumentano la posizione del sito nei risultati di ricerca in relazione alle risorse non adatte.

Veri test su dispositivi mobili

Il modo più conveniente è testare la versione mobile del sito su veri smartphone. Questo metodo consentirà di eseguire test in condizioni reali. Idealmente, è meglio controllare una risorsa web su più dispositivi, ma se il budget del progetto non include i costi per l'acquisto di più smartphone dei modelli più popolari, sarà sufficiente un dispositivo Android o Apple.

Ridimensionamento della finestra del browser

Il più semplice, ma non ottimale in termini di convalida, è ridimensionare la finestra del browser. Se la pagina è realizzata utilizzando la tecnologia, puoi controllare la versione mobile del sito in questo modo. Ma nei casi in cui viene applicato un design separato, la risorsa necessita di una chiara indicazione che l'utente provenga da uno smartphone, tablet o altro dispositivo mobile. Così, Da questa parte consente di verificare la disponibilità di una versione mobile del sito. Ma è improbabile che la correttezza del display (in termini tecnici) venga valutata.

Passaggio alla modalità sviluppatore in un browser

Un modo più ottimale per controllare la versione mobile del sito (Google o Yandex, così come altri motori di ricerca evidenziare l'adattabilità nell'elenco dei fattori più importanti che influenzano la classifica) - questo è per passare alla modalità sviluppatore nel browser. Il metodo funziona in modo simile con più browser:

Mozilla: puoi passare alla modalità sviluppatore selezionando l'opzione "Responsive Design" dal menu "Sviluppo"; premendo la combinazione Ctrl+ Maiusc + M; cliccando sul pulsante "Responsive Design Mode" sulla barra degli strumenti dello sviluppatore web;
Chrome: passa alla modalità mobile premendo F12, quindi seleziona l'icona della versione mobile (smartphone nell'angolo in alto a sinistra della finestra che compare).

In Opera, puoi passare alla modalità sviluppatore per controllare la versione mobile premendo Ctrl + Maiusc + i, ma c'è un altro modo. Una versione speciale del browser - Opera Mobile Classic Emulator - consente di valutare il design mobile in molti modi. Esistono versioni del programma per i principali sistemi operativi.

Emulatori di dispositivi mobili: Android Studio e Apple Xcode

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

Tali strumenti riproducono in modo abbastanza accurato il sito come apparirà sui dispositivi mobili: i programmi sono preinstallati con le versioni più comuni dei browser per dispositivi mobili. Tuttavia, gli emulatori non tengono conto della velocità di download e di alcune altre sfumature che possono essere osservate in condizioni reali.

Per verificarlo, basta installare uno dei programmi di cui sopra sul tuo computer e aprire il sito dall'emulatore.

Servizi web di convalida del design mobile

Ci sono più modi semplici controlla la versione mobile del sito. Ad esempio, il servizio online Responsinator consente di valutare la correttezza della visualizzazione della risorsa sui dispositivi mobili e la comodità di utilizzo del sito da parte dell'utente. La risorsa mostra il sito come apparirebbe in sei diversi dispositivi basato su Android o Apple e con più orientamenti.

Verifica dell'ottimizzazione delle pagine web per i dispositivi mobili

Altre risorse che consentono di verificare la versione mobile del sito valutano inoltre l'adattabilità e non solo mostrano come apparirebbe il sito su dispositivi diversi. I servizi più affidabili sono Google Mobile Friendly e Yandex WebMaster (controllo delle pagine web). Anche il controllore di Bing, o il controllore mobile del W3C, sta valutando l'ottimizzazione del sito per i dispositivi mobili.

Tutto ciò che viene richiesto al webmaster quando si valuta la versione del sito per dispositivi mobili che utilizzano i servizi online è inserire l'indirizzo della risorsa e attendere il completamento dell'analisi. La maggior parte dei servizi di cui sopra verifica le ottimizzazioni per i parametri di ottimizzazione per dispositivi mobili sopra elencati.

Quindi, puoi valutare l'adattabilità di una risorsa web in diversi modi: dal test su smartphone, tablet o altri dispositivi mobili reali o modificando le dimensioni della finestra del browser web, controllando gli emulatori o nella modalità sviluppatore del browser web e terminando con l'utilizzo servizi di Yandex e Google. È molto facile controllare la versione mobile del sito in modo completo e questo ti consentirà di apportare le modifiche necessarie e migliorare la posizione del sito nei risultati di ricerca.

Saluti, cari amici!

I gadget mobili hanno conquistato il mondo. Oggi non vanno nemmeno a prendere il pane senza telefono.

Al giorno d'oggi, Internet si sta sviluppando rapidamente. Rapida crescita del mercato Internet mobile costringe i creatori di risorse web ad adattare i propri siti a questo tipo di dispositivo.

Il mio punto è che se vuoi che il tuo sito abbia successo e sia popolare, allora dovresti pensare a come renderlo facile da visualizzare su tutti i tipi di gadget.

In questo articolo ti dirò come controllare un sito su dispositivi mobili utilizzando servizi speciali. Li ho suddivisi grosso modo in due gruppi: gratuiti ea pagamento.

Funzionano quasi tutti sullo stesso principio:

vai al sito web dello sviluppatore di questo o quel servizio
scarica il software che ti serve
eseguire l'applicazione
e dopo un po' la versione mobile del tuo sito web è davanti a te!

Ci sono servizi che possono testare il tuo sito online.

La scelta, come sempre, è tua!

Gratuito

Mobile friendly... Questa applicazione è stata creata da Google appositamente per verificare se una risorsa web è ottimizzata per smartphone e altri gadget.

Responsabile... Grazie a questa applicazione, puoi vedere facilmente come appare il sito su Kindle, iPad, Android, iPhone.

sbirciatina su ipad... Uno dei più popolari strumenti gratuiti testing, con cui puoi vedere la visualizzazione del tuo sito web su iPhone e iPad.

Opera Mini Simulatore... L'emulatore di Opera contiene un database molto grande gadget mobili... Il suo unico inconveniente può essere considerato la mancanza di una modalità online, ovvero, per testare la tua risorsa, dovrai scaricare e installare il software necessario.

Gomez... Valuta la compatibilità della tua risorsa con i dispositivi mobili in base a 30 parametri, il che ti consente di ottenere la valutazione più completa. Per l'utilizzo gratuito, è necessario inserire le informazioni di contatto.

MobiReady... Un ottimo strumento di test che misura la reattività di un progetto. La verifica si basa sui migliori standard W3C (World Wide Web Consortium).

Emulatore di telefoni cellulari e Screenfly... Servizi simili che consentono anche di visualizzare lo stato di una risorsa web sugli schermi di eventuali gadget.

Pagato

CrossBrowserTest... Controlli su 130 browser diversi e 25 sistemi operativi, tra cui: Blackberry, Android, iPad, iPhone. Per usarlo, dovrai pagare $ 29,95 al mese.

BrowserStack... Fornisce un rapido accesso a un enorme database. Costa fino a $ 19 per un mese, ma esiste anche una versione gratuita.

sopracciglio... Progettato per la rimozione da Android, iPad, iPhone. Dovrai pagare $ 1 per cinque screenshot.

Perfetto mobile... Dà accesso al database di tablet e telefono cellulare, che ti consente di vedere l'efficacia dell'ottimizzazione su ciascun tipo di dispositivo. Per il suo utilizzo è necessario pagare fino a $ 15 al giorno.

Visualizzatore multi-browser... Un'applicazione cross-browser contenente emulatori mobili e browser per i test in qualsiasi formato. Costa fino a $ 140 e c'è anche una versione demo gratuita.

DeviceAnywhere... Un ottimo strumento che permette di verificare in modo puntuale i contenuti web testando una risorsa in tempo reale. Può essere a pagamento ($ 100 al mese) o gratuito.

Come puoi vedere, ci sono molti programmi e servizi, scegli l'opzione più conveniente e usala per la tua salute.

Versione mobile per motori di ricerca

A volte il sito viene visualizzato correttamente su tutti i dispositivi mobili, ma motori di ricerca google e Yandex non ne riconosce la portabilità. È solo che Yandex e Google hanno requisiti aggiuntivi per la versione mobile.

Puoi verificare l'adattamento della versione mobile per Google utilizzando il servizio Mobile Friendly. L'ho già menzionato nell'elenco degli strumenti gratuiti.

E per Yandex esiste uno strumento simile nella versione attualmente testata dell'ufficio del webmaster (https://beta.webmaster.yandex.ru/).

Iscriviti alle notizie del blog e imparerai molte cose interessanti e utili. Nel frattempo vi saluto, ci vediamo con un nuovo articolo!

Cordiali saluti! Abdullin Ruslan

In questo articolo parleremo di come viene verificata la versione mobile del sito, della sua praticità, leggibilità e corretta visualizzazione.

Puoi controllare l'usabilità del tuo sito web su dispositivi mobili utilizzando vari servizi web. In particolare, questo servizio di Google ti consente di valutare adeguatamente l'alfabetizzazione del tuo layout mobile.

Google ha recentemente annunciato che i siti che non soddisfano i requisiti di layout mobile pessimizzeranno le ricerche mobili. Questo algoritmo è già funzionante e alcuni siti che non si sono preoccupati di essere visualizzati su piattaforme mobili sono stati effettivamente inseriti nelle SERP per dispositivi mobili.

Se il tuo sito è tre volte conveniente per le piattaforme desktop, devi controllare la qualità del layout mobile, altrimenti perderai una parte impressionante del tuo traffico (la quota di piattaforme mobili nella ricerca cresce rapidamente ogni anno), il che significa che perderai i tuoi clienti Pertanto, è necessario adattare i propri siti ai dispositivi mobili e verificare la correttezza della visualizzazione dei siti nei browser mobili.

Verifica della qualità del layout mobile utilizzando Google Chrome

Per gli sviluppatori, Google ha un ottimo strumento per simulare i dispositivi mobili. Questo strumento è integrato nel browser Google Chrome... Per accedervi è necessario cliccare F12 nel browser (vai in modalità sviluppatore) e clicca sull'icona dello smartphone:

La pagina viene convertita in modalità di commutazione del dispositivo, in cui è possibile selezionare uno dei dispositivi mobili più diffusi, il tipo di rete (GPRS, 2G, 3G, 4G, ecc.), specificare parametri di visualizzazione rigorosi. Ciò consente di simulare il funzionamento del sito su specifici dispositivi mobili. Tra dispositivi disponibili include diverse versioni di iPad, Ipad mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxy e alcuni altri dispositivi popolari.

Scegliendo un dispositivo specifico, puoi controllare il sito su un dispositivo mobile. Ad esempio, visualizzando home page sito "Nubex" su iPad 3:

E sul Samsung Galaxy S4:

Qui non solo puoi vedere la visualizzazione del sito su un particolare dispositivo, ma anche lavorare completamente con il sito, come se il gadget necessario fosse di fronte a te. Indubbiamente, questo strumento è semplicemente insostituibile quando si sviluppa una versione mobile del sito, ma come verrà visualizzato il tuo sito su dispositivi reali - devi verificare su dispositivi reali. Ciò è particolarmente importante se è necessario verificare la visualizzazione del sito nei browser "nativi" (Safari - per iPad / iPhone, IE - per Windows Phone eccetera.).

Buon pomeriggio amici. Oggi mi allontanerò un po' dagli strumenti pubblicitari e aprirò una nuova rubrica sul blog. Si chiama "Webmastering" e includerà materiali utili per migliorare le prestazioni e la qualità del sito, landing page. Inizierò con una panoramica di uno strumento interessante per controllare la mobilità di un sito web.

Controllo della velocità del sito con Google

Google offre 2 strumenti per questo.

# 1 PageSpeed Insights

Penso che tu lo conosca bene. Inserisci un link al tuo sito, premi il pulsante "Analizza" e ottieni il risultato sotto forma di due schede.

La scheda "Per dispositivi mobili" include un rapporto sulla velocità di caricamento di un sito per dispositivi mobili e - importante! - valutazione di convenienza sito per smartphone La scheda "Per computer", rispettivamente, la stessa analisi per il desktop.

La parte migliore è che il servizio ti permette di scaricare ottimizzato immagini, css e script da utilizzare sul tuo sito. qui è così aiuto gratuito da google.

Come puoi vedere dallo screenshot, sto riscontrando seri problemi con la versione mobile. Come va?

# 2 Testmysite.Withgoogle

In effetti, questo è lo stesso strumento, ha solo un bellissimo involucro. Ho scoperto questo servizio l'altro giorno e sono stato corrotto dal modulo di segnalazione.

Quando inserisci un link al sito e fai clic su "Verifica", il servizio offrirà il risultato sotto forma di una vera e propria pagina di destinazione dinamica, sulla quale ti dirà in modo succinto e convincente come stanno le cose con il sito e ti offrirà scarica il rapporto completo

Naturalmente, ho chiesto un rapporto completo e l'ho ricevuto per posta in un paio di minuti. Sembra ragionevole, diverse schermate di istruzioni utili con collegamenti a materiali specifici:

È interessante notare che se si analizza lo stesso sito, le cifre per questi strumenti saranno leggermente diverse. Tuttavia, lavorano sulla stessa tecnologia.

È così che in pochi secondi puoi non solo controllare la mobilità del sito e controllare la velocità di caricamento, ma anche scaricare un rapporto completo con contenuti ottimizzati. È libero. Da google

Bene, come va con la mobilità?