Come affrontare gli effetti collaterali di Mobilegeddon

Il tuo sito è riuscito a sopravvivere al recente Mobilegeddon? Se non ne hai ancora sentito parlare, non farti prendere dal panico, dopotutto sei ancora vivo. Mobilegeddon è iniziato il 21 aprile 2015, quando Google ha lanciato un nuovo aggiornamento dell'algoritmo di ricerca che ha aggiunto un nuovo segnale di classificazione che dà la priorità ai siti web ottimizzati per i dispositivi mobili.

Poco dopo il suo annuncio ufficiale, l'aggiornamento ha ottenuto il soprannome di Mobilegeddon, che è un portmanteau di “mobile” e “Armageddon” ci si aspettava che il nuovo algoritmo causasse un grande tumulto nel panorama delle pagine.

Un sito può essere chiamato mobile-friendly se il suo contenuto si mostra bene su dispositivi palmari. Introducendolo come una nuova priorità nei ranking dei motori di ricerca, Google si adegua all'ultima tendenza che mostra sempre più persone che usano il cellulare come dispositivo principale per accedere a Internet. Google ha recentemente confermato ufficialmente che, più ricerche su Google avvengono sui dispositivi mobili che su computer in 10 paesi tra cui Stati Uniti e Giappone.

Gli effetti del nuovo algoritmo

Qualche giorno dopo il cambiamento, apparvero articoli su Internet che sostenevano che Mobilegeddon non era poi così importante. Tuttavia, un algoritmo intelligente ha bisogno di tempo per entrare in vigore, ed è per questo che quattro mesi lungo la strada, ora possiamo vedere quanto è grande un affare Mobilegeddon di Google è davvero.

Secondo la ricerca dell'agenzia di marketing digitale Stone Temple Consulting durante il primo mese del nuovo rilascio dell'algoritmo, quasi la metà delle pagine non ottimizzate per i dispositivi mobili è caduta nelle classifiche dei motori di ricerca. Di seguito puoi dare un'occhiata alla conclusione dello studio che ha misurato l'impatto del nuovo fattore di ranking sul SEO del i primi 10 risultati delle query di prova.

Altre società con interessi commerciali nei settori dei motori di ricerca come Adobe, Searchmetrics e s360 Consulting hanno condotto anche analisi che hanno restituito risultati abbastanza simili.

I direttori di Google avevano già anticipato il significato dell'aggiornamento ben prima del suo lancio nel marzo 2015, quando hanno affermato al SMX Munich Marketing Marketing Search che l'imminente algoritmo mobile-friendly lo farebbe impatto più siti rispetto ai loro algoritmi Panda e Penguin. Anche se ci sono ancora dibattiti sul fatto che il nuovo cambiamento sia significativo quanto Panda o Penguin, guardando indietro, le aspettative di Google si sono dimostrate giuste.

Punto di vista dello Smart Designer

La facilità di utilizzo dei dispositivi mobili non è importante solo a causa del buon posizionamento nei motori di ricerca. Una buona posizione aumenta il numero di visitatori e, di conseguenza, il tasso di conversione e le entrate, ma c'è qualcosa in più che può suscitare l'interesse di un designer intelligente?

Dietro tutti i vantaggi elencati sopra, la compatibilità con i dispositivi mobili in modo significativo migliora l'esperienza dell'utente pure. Il concetto di una UX migliore è anche al centro del principio del design mobile-first.

Quando i designer progettano prima per lo schermo mobile e il desktop arriva solo dopo, hanno bisogno di farlo dare la priorità ai contenuti, ometto fluff superfluo, e concentrarsi sulle funzionalità principali. Questo approccio si traduce in una migliore UX non solo per gli utenti mobili, ma anche nella versione desktop che sarà meglio strutturata e più facile da usare.

Se le tabelle di ranking dei motori di ricerca non ispirano la tua creatività, prendi invece il seguente approccio. Dietro il nuovo aggiornamento ottimizzato per i dispositivi mobili di Google c'è un forte sforzo per migliorare l'esperienza utente del web, così come un designer non devi concentrarti su nient'altro che crearne uno straordinario.

C'è una semplice regola empirica da seguire se, impigliato in noiosi report SEO, ti capita di perdere la motivazione tutto ciò che migliora UX migliora anche la SEO. Se vuoi essere un designer saggio per SEO, il meglio che puoi fare è diventare un designer che crea pagine web con una UX che irrompe.

Metti alla prova i tuoi siti

Per ottenere questa soluzione UX, per prima cosa devi testare la facilità di utilizzo dei tuoi siti sui dispositivi mobili. Puoi valutare facilmente il modo in cui i tuoi siti soddisfano i nuovi requisiti eseguendo il Test di ottimizzazione dei dispositivi mobili di Google.

Se vuoi un'analisi più dettagliata, puoi controllare se ce n'è errori di usabilità su dispositivi mobili sul tuo sito con l'aiuto del rapporto sull'usabilità dei dispositivi mobili di Google. Per utilizzare questo pratico strumento devi accedere al tuo account Google Webmaster (puoi crearne uno qui se non ne hai ancora uno).

È importante controlla tutte le varianti del sito che hai aggiunto al tuo account Google Webmaster in quanto possono esserci differenze minori tra di loro: se hai aggiunto il tuo sito con e senza il sottodominio www, o con e senza il protocollo HTTPS, dovrai controllare entrambi.

Suggerimenti di progettazione per un sito ottimizzato per i dispositivi mobili

Ci sono alcune cose che puoi fare per creare un sito ottimizzato per i dispositivi mobili:

1. Rendi il tuo sito reattivo

Il design reattivo è la soluzione più comoda se si desidera ottenere risultati rapidi. È particolarmente conveniente per quelli di voi che usano sistemi di gestione dei contenuti come WordPress, Drupal, Joomla, ecc. Tutto quello che dovete fare è trova e installa un modello di sito reattivo.

I siti reattivi si adattano dinamicamente (rispondono) alle viewport di diversi dispositivi come telefoni cellulari, tablet, notebook, monitor desktop, ecc. Design reattivo serve lo stesso HTML a tutti i dispositivi e aggiunge diverse regole di stile al CSS file (s) per determinare il layout appropriato che cambia in base alle dimensioni dello schermo e all'orientamento del dispositivo.

2. Utilizzare un tema secondario per dispositivi mobili

Ci sono molti casi in cui non puoi permetterti un design completamente nuovo del sito, cosa che può accadere anche quando lavori per un cliente testardo. Quando ti trovi in ​​una situazione del genere, a il design mobile secondario può essere una buona soluzione.

I temi secondari per dispositivi mobili sono l'alternativa del design reattivo. In questo caso il tuo sito Web avrà due versioni: una per desktop, una per utenti mobili. Questa soluzione significa anche avere URL separati per il desktop e le versioni mobili ad esempio www.anything.com e m.anything.com.

Se hai un sito WordPress, ci sono alcuni ottimi plugin là fuori rilevare se l'utente proviene da un browser mobile e se sì caricano un tema mobile secondario. Se sei interessato a questa soluzione, vale la pena dare un'occhiata a tutti i plug-in Any Mobile Theme Switcher, WP Mobile Edition o WPtouch Mobile.

3. Rendi indicizzabile la tua app per Android

Sai che se i tuoi visitatori mobili hanno installata la tua app Android sui loro telefoni e inseriscono una query di ricerca nella barra di ricerca di Google, il motore di ricerca restituisce anche i risultati dei contenuti della tua app?

Per abilitare questa funzione, è necessario rendi la tua app indicizzabile di aggiunta del supporto per l'indicizzazione delle app. In questo modo puoi aumentare il ranking dei motori di ricerca per dispositivi mobili del tuo sito. Leggi la guida di Google su come impostare l'indicizzazione delle app. Se non hai ancora un'applicazione per Android, forse è il momento giusto per pensare a crearne una.

4. Know How Design per il mobile

Sul cellulare, le persone consumano i contenuti in modo diverso. Di solito hanno meno tempo, e su schermi più piccoli, lo è più difficile da esaminare attraverso il contenuto. Per questo motivo, la tipografia e la spaziatura conta più che altrove.

Se vuoi mantenere i tuoi visitatori sul tuo schermo mobile con contenuti accattivanti, vale la pena pensarci scrivere titoli più brevi e paragrafi più brevi e usare più sottotitoli. È anche una buona idea lasciare più spazio tra i collegamenti in modo che gli utenti possano farlo toccarli facilmente.

Infine, non dimenticare la cosa più importante: scegli i caratteri leggibili. Se si mantengono i caratteri tipografici semplici, difficilmente si può sbagliare. Scegliere la giusta dimensione del font richiede anche qualche considerazione seria: la regola generale è da usare 30-40 caratteri per riga per cellulare.

Se volete vedere un buon esempio, date un'occhiata al design delle app e del sito Web di The Washington Post per dispositivi mobili.