Introduzione
L'ottimizzazione per i dispositivi mobili è la tecnica per garantire che i visitatori che entrano nel vostro sito provenendo da telefoni cellulari incontrino un sito web ottimizzato per il loro dispositivo.
Ogni anno le persone dedicano un numero crescente di ore giornaliere all'uso del cellulare. Molti siti non sono sviluppati tenendo conto delle varie dimensioni dello schermo e dei tempi di caricamento. Il Mobile SEO esamina normalmente il layout del sito web, la sua composizione, la velocità di caricamento delle pagine web e cerca di uniformare il tutto per garantire che il vostro design non allontani i lettori mobili.
Tattiche SEO Top: Ottimizzazione mobile
Se il vostro sito web è ben ottimizzato per i motori di ricerca come Yahoo, ci sono solo alcuni altri elementi a cui dovrete pensare per l'ottimizzazione per i dispositivi mobili.
Velocità della pagina web
A causa dei componenti e delle difficoltà di connettività online, la velocità delle pagine è ancora più essenziale per i clienti mobili rispetto agli utenti desktop. Oltre all'ottimizzazione delle fotografie, è necessario minificare il codice, gestire la cache del browser web e ridurre il numero di reindirizzamenti. .
CSS, JavaScript o immagini per dispositivi mobili
Alcuni anni fa, molti telefoni cellulari non supportavano questi tipi di componenti. Pertanto, i web designer bloccavano determinati elementi. Questo non è più vero, ma la tecnologia degli smartphone, come GoogleBot, desidera visualizzare e coinvolgere i contenuti per classificarli in un formato simile a quello degli utenti. Questi elementi aiutano Google a capire il vostro sito e se è reattivo o meno. .
Design reattivo
I siti CSS3 utilizzano il responsive per servire i contenuti sia ai dispositivi mobili che ai desktop. I design responsive offrono una varietà di ricerche multimediali in modo che gli utenti su schermi mobili e tablet possano visualizzare il sito come è stato concepito. .
Design e stile del sito Internet per i cellulari
La tecnologia dei telefoni cellulari sembra semplificare e rivoluzionare le tecniche di realizzazione dei siti web, e idee come "above the fold" non hanno più alcun significato. I siti devono avere un design flessibile che utilizzi le media queries e avere un design reattivo che si adatti agli schermi degli utenti. Per esempio: I CSS permettono ai browser di visualizzare i contenuti su uno schermo di 420 o meno pixel di larghezza.
@media screen and (max-width: 420px) { .class { [styles class here] } }
Per aggiungere altre direttive a questo codice o foglio di stile, seguite il codice sottostante:
<link href="mobile.css" type="text/css" media="screen and (max-device-width: 480px)" rel="stylesheet" />
Non usare Flash
Il plugin potrebbe non essere disponibile su tutti i telefoni degli utenti, quindi potreste progettare informazioni di cui non potranno usufruire. Per sviluppare effetti collaterali speciali, utilizzate invece HTML5.
Evitare spesso i pop-up
Potrebbe essere difficile e fastidioso cercare di eliminare questi spazi da un'unità portatile più piccola. Questo potrebbe innescare un'alta frequenza di rimbalzo.
Schema per la mano grassa in eccesso
La navigazione su touchscreen può causare clic casuali del mouse se i pulsanti tendono a essere troppo grandi, troppo piccoli o all'interno del percorso di una pagina in fase di scorrimento.
Titoli e meta-descrizioni ottimizzati
Non dimenticate che ogni volta che una persona effettua una ricerca con un dispositivo cellulare, lo spazio sullo schermo è molto più ridotto. Per dimostrare il vostro lavoro migliore nelle SERP, siate il più brevi possibile (senza diminuire la qualità delle informazioni) quando create titoli, indirizzi Web e meta-descrizioni.
Utilizzate i dati Schema.org
Grazie allo spazio di visualizzazione ridotto, qualsiasi risultato di ricerca con rich snippet sarà quasi certamente più evidente rispetto a un desktop.
Ottimizzare gli strumenti di ricerca locale
Se la vostra organizzazione ha un fattore locale, assicuratevi di ottimizzare le vostre informazioni mobili per includere le opportunità di ricerca locale. Dovrete standardizzare l'indirizzo e il nome, assicurandovi di includere città e stato.
Costruzione del sito cellulare
Una delle decisioni essenziali da prendere quando si avvia un sito web ottimizzato per i dispositivi mobili è la scelta del tipo di configurazione. Entrambe le opzioni presentano vantaggi e svantaggi. I siti web progettati in modo reattivo funzionano con le media queries CSS3 per offrire contenuti uguali o simili sia agli utenti dei cellulari che a quelli dei desktop.
URL mobile separato
La costruzione di un sito mobile indipendente è un'alternativa all'ottimizzazione del sito desktop per gli utenti mobili. La costruzione di questo sito aggiuntivo consente all'azienda di creare un'esperienza separata e completamente diversa per gli utenti mobili. I siti mobili hanno anche un sottodominio denotato dalla lettera "m" nell'URL. I siti paralleli dovrebbero limitare la confusione dovuta alla presenza di più piattaforme, ma i visitatori possono comunque finire nel posto sbagliato.
Offerta attiva
Se non disponete di risorse particolari per un aggiornamento completo del sito Internet, ma volete mostrare siti separati per gli utenti di cellulari e per quelli di desktop, selezionate un URL che mostri modelli diversi di HTML e CSS in base al tipo di unità che l'ospite sta utilizzando (anche detto user agent rivelatore).
Che ne dite di utilizzare una richiesta?
Lo sviluppo di un'applicazione telefonica è un buon modo per personalizzare questo aspetto per gli ospiti mobili. Tuttavia, la pagina web interstiziale può essere utilizzata come avviso per gli utenti mobili. Può anche funzionare come blocco per trovare gli spider delle SERP.
