Realizzare un sito web per mobile: Parte 3

Questo di oggi è la terza ed ultima parte del tutorial “Realizzare  un sito per il mobile“.
Nella prima parte di questo tutorial “Come realizzare un sito per il mobile: Parte 1″ abbiamo visto quali presupposti ci spingo a realizzare un sito per il mobile e quali scelte fare fin dall’inizio per impostare il nostro progetto.

Nella Parte 2 del tutorial invece siamo entrati nel vivo del tutorial prendendo in esame le scelte di design fondamentali da non trascurare riguardanti il layout, la navigazione, un corretto utilizzo dei link, come gestire i font e come ottimizzare le dimensione della pagina.

Non ci rimane a questo punto che considerare la parte di indicizzazione e SEO, più alcuni ottimi strumenti di testing, ma non solo.
Partiamo subito.

1) SEO per il mobile

Partiamo quindi dalle attività di indicizazione e SEO per la realizzazione di un sito per il mobile e precisamente con la Sitemap, ottimo strumento di integrazione ai metodi di scansione del web, fornisce ai motori di ricerca la struttura delle pagine di un sito tramite fine XML (http://www.xml-sitemaps.com/). La sitemap per telefonini estende il protocollo della Sitemap standard, che però sembra essere supportata per il momento solo da Google, in aggiunta a quella standard quella per mobile ha l’attributo xmlns:mobile nella dichiarazione e il tag <mobile:mobile/> per ogni url presente. La sua segnalazione avviene con gli stessi strumenti di segnalazione di sitemap, attraverso la sezione Strumenti per i webmaster di Google ad esempio. Google, in questo caso, riconosce in automatico la sitemap per mobile.

Per quanto riguarda invece la sua indicizzazione sul web, la prima domanda che solitamente ci facciamo è come verrà indicizzato, soprattutto pensando alla duplicazione dei contenuti. Nessun problema! Perchè Google riconosce se per un sito esiste una versione mobile, praticamente vengono create 2 Serp, una per il mobile e una per i siti standard. Google quindi non penalizza la presenzsa di contenuti doppi se uno dei 2 siti riporta il meta tag che contraddistingue il sito per mobile., ma

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />

un altro aspetto che bisogna tenere presente è il tipo di ricerca che l’utente svolge sul telefonini, generalmente monto veloce, più di come fa di solito, perchè i luoghi e i momenti in cui si cerca sui motori di ricerca un sito sono generalemente molto diversi da quando si sta a casa davanti al proprio pc. Per questo motivo il consiglio che vi do è di ottimizzare il sito per un massimo di 2 keywords, un altra spiegazione di questa scelta è sicuramente la quantità di contenuti presenti nel sito mobile, solitamente inferiore ad un normale sito.

2) Testing e strumenti utili

Quelli che vi segnali quì di seguito sono strumenti utili per fare testing di funzionamento del sito realizzato per il mobile.

Moby ready: inserendo l’url del sito vi fornisce una relazione con tanto di punteggio (1-5) e un’ analisi approfondita delle pagine per determinare quanto il vostro sito è ottimizzato per il mobile.

User Agent switcher: si tratta di un Add per Firefox, l’estensione aggiunge un menu e un pulsante nella barra degli strumenti per cambiare lo user agent del browser.

Magari siete tra quelli che hanno un blog è vogliono realizzare la versione per mobile per iPhone, se il blog è realizzato con la piattaforma WordPress, allora che il plug-in giusto per farlo e si chiama IWphone.

Ma se volete andare al di la dell’iPhone allora vi consiglio WP Mobile Pack, va bene per le versioni di WordPress a partire dalla 2.5.1 fino alla 3.0. Include  una selezione di temi cellulari,  widget aggiuntivi, l’adattamento del pannello di amministrazione per il dispositibi mobile per consentire agli utenti di modificare il sito o scrivere nuovi messaggi direttamente da cellulare.

E’ tutto. Non mi rimane che augurarvi buon lavoro.