Stefano Dindo Web & Technology Life Style

Mobile SEO prime riflessioni

Dopo otto mesi di post è giunto il momento di fermarsi un attimo a riflettere sui dati statistici raccolti in questo primo periodo di attività. Da una prima analisi, è emerso un dato interessante che riguarda l'aumento dei visitatori che utilizzano dispositivi mobili per accedere ai contenuti del blog. Questo risultato conferma, nel mio piccolo, la tendenza generale del cambiamento delle abitudini degli utenti, i quali accedono sempre più ai contenuti del web in mobilità tramite i loro smartphone ( iPhone, Android ecc).

Lo scopo di questo post è quello di condividere con voi alcune informazioni che ho raccolto in questi giorni in merito al Mobile SEO. Come ben sapete i motori di ricerca cercano di premiare i siti i cui contenuti e "forme" sono sviluppate pensando agli utenti quindi, un buon inizio, per una corretta fruizione dei contenuti di un sito, tramite dispositivi mobili, è applicare le regole basilari del mobile SEO che cercherò di riassumere nel seguito dell'articolo.

Mobile SEO: che cosa bisogna Sapere

Forse per molti la cosa sembrerà strana ma i motori di ricerca mobili usano Crawler e Algoritmi diversi dai tradizionali motori di ricerca in quanto le esigenze sono diverse. In primo luogo, i crawler e algoritmi per dispositivi mobili valutano il modo in cui il sito viene renderizzato dai browser mobili e per la catalogazione e il ranking di questi siti ricorrono ad approcci classici quali l'utilizzo di keywords, tag che rappresentano metodologie adottate dai motori di ricerca classici agli inizi dell'era internet.
Le nozioni in questo ambito sono sempre in crescita e cambiano rapidamente ma cercherò di riassumere, in modo semplice, i punti fondamentali per iniziare con il piede giusto le prime attività di mobile SEO sul vostro sito. Passiamo alla prima delle due soluzioni:

1° Soluzione

L'approccio che richiede un minore sforzo lavorativo è quello di creare un secondo foglio di stile chiamato "handheld.css" con il quale ottimizzare le pagine esistenti per ottenere una corretta renderizzazione sui vari smartphone evitando quindi di creare una sezione mobile per i contenuti del sito. L'utilizzo del foglio di stile handheld.css è molto importante in quanto è riconosciuto dalla maggior parte dei dispositivi mobili di utlima generazione tranne che per l'iPhone, il quale richiede l'utilizzo di un foglio di stile apposito chiamato "iPhone.css".

I vantaggi principali di questa soluzione sono due:

• si evita il rischio di essere penalizzati per la presenza di contenuti duplicati
• il valore del sito tradizionale (inteso come punteggio di ranking) viene trasferito nei motori di ricerca mobili.

2° Soluzione

Questa soluzione è consigliata per "convertire" siti complessi che contengono file di grosse dimensioni, file multimediali, Javascript complessi non facili da interpretare su dispositivi mobili e per siti in flash che non sono visualizabili in alcuni smartphone per esempio l'iPhone (vedi ultima la battaglia tra Apple e Adobe).

In questi casi è necessario creare un sito dedicato ai dispositivi mobili in sottodomini (mobile.nomesito.com) oppure attraverso delle sottodirectory del proprio dominio (www.miosito.com/m). Quando si adotta la strategia di un doppio sito, uno per i classici personal computer e un'altro per i dispositivi mobili, è di fondamentale importanza inserire nelle pagine dei due siti degli script capaci di reindirizzare l'utente al sito adeguato in base al dispositivo in uso.

Nel caso non si utilizzino questi reindirizzamente è fortemente consigliato inserire nella parte alta sinistra del sito tradizionale un link (o un'immagine raffigurante un cellulare) che punti alla versione mobile; in questo modo chi accede alla homepage del vostro website, tramite browser mobile, potrà decidere se continuare a visualizzare i contenuti sul sito standard oppure entrare nell'area dedicata al mondo mobile.
Le versioni mobile di un sito devono essere sviluppate utilizzando html5 oppure xhtml e riducendo il più possibile l'impiego di filmati flash (formato non supportato da alcuni smartphone e soprattutto perchè ancora poco funzionale per dispositivi multitouch),  sostituendoli con filmanti in formato html5.

Il rischio principale del doppio sito è quello di essere penalizzati per la presenza di contenuti duplicati, è quindi  di fondamentale importanza l'impiego e la corretta configurazione dei file robot.txt all'intero della directory radice di entrambi i siti (mobile e classico). Una corretta impostazione del file robot.txt consente di bloccare la scansione del sito tradizionale da parte dei crawler mobili e di  bloccare la scansione del sito mobile da parte dei crawler tradizionali. In questo modo sarà possibile massimizzare l'attività di indicizzazione e fruizione dei contenuti in base al dispositivo di accesso e soprattutto impedirà la penalizzazione sul ranking del vostro sito a causa di contenuti duplicati.

Come detto all'inizio del post i motori di ricerca mobili utilizzano una metodologia di indicizzazione e ranking diversa da quella dei tradizionali search engine quindi è molto importante nella propria attività di ottimizzazione del sito distinguere in maniera netta la modalità di access ai contenuti in base al dispositivo. Così facendo, i principali beneficiari di questa distinzione saranno gli utenti che potranno accedere ai contenuti in maniera facile e veloce indipendentemente dal dispositivo utilizzato. In secondo luogo ne guadagnerà il vostro sito perchè sarà strutturato in modo tale da essere facilmente catalogato e posizionato tra i risultati di ricerca indipendentemente che siano classici search engine oppure mobili.

Concludo dicendo che il mio prossimo passo sarà quello di realizzare una versione mobile del mio blog... molto probabilmente creando un sottodominio così da "toccare con mano" tutte le problematiche relative all'attività di ottimizzazione per il mondo mobile... quindi rimanete connessi...

Vi lascio con alcuni link utili per iniziare ad ottimizzare il vostro sito/blog per il mondo mobile:

- WPTouch: plugin che in base alla richiesta di connessione al blog wordpress restituisce il vostro sito in formato naturale se la richiesta proviene da un PC altrimenti restituisce una forma ottimizzata per i browser mobili.

- robot.txt: guida al corretto utilizzo del file robot.txt necessario per indicare chi e quali contenuti o parti del sito sono indicizzabili.

- Lista user Agent (link a wikipedia per definizione di user agent)

- Come selezionare il foglio di stile in base al browser utilizzato tramite Javascript oppure tramite PHP

- Questions & answers relativa all'ottimizzazione di motori di ricerca tradizionali.

Voi quali strategie per ottimizzare il vostro sito per il mondo mobile utilizzate?

Bookmark It