In giro ho letto molti post a riguardo, ma nessuno di questi ha affrontato la questione da un punto di vista pratico. Suddividiamo l’argomento in 3 semplici punti.

Come si fa a creare una landing page per cellulari?

Il linguaggio utilizzato è l’XHTML Mobile Profile, un derivato dell’XHTML 1.1 Basic. Le differenze tra i due linguaggi sono davvero minime e pertanto se crei una pagina semplice non vi dovrebbero essere particolari problemi nella compilazione del sorgente.

Ricordati che è fondamentale la validazione del codice. A tale scopo puoi utilizzare:

• Ready.mobi che oltre alla validazione assegna un punteggio di mobile friendliness;
• W3C MobileOK Checker, il validatore “ufficiale” della W3C.

Come si fa a testare una landing page per cellulari?

Non è necessario acquistare tutti i modelli di smartphone in commercio. E’ sufficiente installare su Firefox i plugin:

• XHTML MP;
• Web Developer.

Il primo plugin aggiunge a Firefox il supporto per l’XHTML Mobile Profile. Il secondo ci consente di testare la landing su diverse risoluzioni. Vediamo come.

Dopo aver installato il plugin Web Developer verrà attivata su Firefox la corrispondente toolbar. Clicchiamo su Ridimensiona / Modifica opzioni di ridimensionamento. Apparirà la seguente finestra:

Clicchiamo su Aggiungi ed inseriamo il campo “iPhone” con dimensioni dello schermo pari a 320×480. E’ fondamentale spuntare l’opzione “Ridimensiona la parte interna”, per emulare al meglio la risoluzione dell’iPhone. Dopo aver cliccato su OK, nel menu Ridimensiona della toolbar apparirà la voce iPhone precendentemente memorizzata. Cliccando su tale voce la finestra del browser verrà ridimensionata in modo tale che la pagina sia visualizzata proprio in un riquadro 320×480.

Ovviamente con Web Developer possiamo memorizzare anche altre risoluzioni: ad esempio il Nokia n97 ha una risoluzione di 360×640, un BlackBerry Bold 9700 di 480×360 e così via.

E’ molto importante effettuare test su vari modelli. Ricorda: lo scrolling orizzontale può disorientare l’utente.

Con questo plugin possiamo testare quindi tutte le risoluzioni possibili, utilizzando semplicemente il browser Firefox.

Come creare un’interfaccia user-friendly?

Ricordati che gli utenti degli smartphone non utilizzano il mouse ma navigano le pagine con la pressione delle dita grazie al touch screen.

Proprio per questo è opportuno utilizzare dei pulsanti al posto dei semplici link testuali. Per garantire la piena usabilità dei pulsanti su touch screen è necessario seguire queste 3 regole (suggerite peraltro anche dalle linee guida per lo sviluppo di applicazioni iPhone):

• il pulsante deve avere altezza e larghezza minima di 1,27 cm;
• tra un pulsante e l’altro ci deve essere uno spazio almeno pari a 0,32 cm;
• il pulsante deve trovarsi ad almeno 8 px dal bordo dello schermo.

Inoltre cerca di ridurre quanto più possibile la complessità dei form, perché gli utenti mobile potrebbero avere difficoltà nella compilazione: 3 campi sono più che sufficienti.

Questo è tutto. Se l’articolo è stato di tuo gradimento puoi condividerlo sui social network, puoi suggerire ai tuoi amici di diventare fan di questo portale su Facebook oppure potresti anche scrivere una recensione di Fortunecat.it sul tuo sito.

Alla prossima.

Creare una landing page per cellulari
© Fortunecat.it SEO Blog

Tutto è nato da questa intervista gentilmente realizzata da Mirko, visto poi l’interesse mostrato verso questo tema ho pensato di creare una guida ad hoc.

Alla prossima.

Tutorial: creare una versione mobile del proprio blog
© Fortunecat.it SEO Blog

Colgo anche l’occasione per ringraziare tutti i relatori e i partecipanti per l’attenzione dimostrata.
A breve pubblicherò anche un resoconto dell’evento quindi restate connessi…

Uno sguardo sul mobile web
© Fortunecat.it SEO Blog

Allora oggi ti voglio segnalare tre plugin per Firefox in grado di rendere il tuo browser un po’ più “mobile”.

Per prima cosa ti occorre aggiungere il supporto dei due principali linguaggi utilizzati per creare pagine mobile-friendly:

• Wmlbrowser: aggiunge il supporto al linguaggio WML.
• XHTML Mobile Profile: aggiunge il supporto al linguaggio XHTML MP.

Bene, ora è necessario modificare lo user agent del tuo browser in modo da emulare perfettamente un dispositivo mobile. Per fare questo ti occorre:

• User Agent Switcher: ti consente di modificare lo user agent. Sono disponibili nel plugin gli user agent di Internet Explorer, dei principali bot (Googlebot, MSNBot e YahooSlurp) e dell’iPhone.

Con questi tre plugin il tuo Firefox  è quasi pronto per navigare il mobile web.

Alcuni suggerimenti

Spesso non è conveniente impostare come user agent quello dell’iPhone. Spesso infatti ti verrà richiesto di scaricare le apposite app che ovviamente non sono compatibili con Firefox. Il mio consiglio è quindi quello di settare manualmente lo user agent del BlackBerry.

Ecco come fare:

Vai su Strumenti/Default user agent/Edit user agents. Quindi clicca su New/New user agent.

Nel campo description scrivi BlackBerry e nel campo user agent:

BlackBerry8330/4.3.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/105

Tutti gli altri campi è bene lasciarli vuoti. Nota: questo è lo user agent di un modello qualsiasi di BlackBerry, su internet sicuramente troverai anche modelli differenti ma il risultato è lo stesso.

Bene, ora il tuo browser è pronto. Vai su Strumenti/Default user agent e scegli BlackBerry, quindi cancella la cronologia.

Cerca anche di non utilizzare Google dalla barra di Firefox, digita a mano l’indirizzo google.it.

Alla prossima.

3 Plugin di Firefox per condurre test su dispositivi mobile
© Fortunecat.it SEO Blog

Ma come funziona esattamente la Mobile Search di Google?

Facciamo riferimento al brevetto “Blending Mobile Search Results” del 31 Luglio 2008. Le SERP restituite da mobile search sono una miscela (da qui il termine blending) di siti “normali” e siti mobile. Nella figura possiamo osservare lo schema di funzionamento (cliccare per ingrandire l’immagine).

Spieghiamo in sintesi il processo:

• Vengono create due SERP indipendenti: una contenente solo siti mobile e una solo siti per desktop user.
• Il ranking dei siti desktop viene effettuato utilizzando i criteri che tutti conosciamo, calcolando un “generic search quality score”. Invece i siti mobile vengono classificati utilizzando un “mobile search quality score“. Questo valore è ottenuto con un algoritmo differente rispetto a quello usato per le pagine generiche.
• Le due serp vengono quindi unite (blended) in modo da presentare insieme risorse generiche e risorse mobile. Per fare ciò gli scores calcolati vengono modificati in modo da renderli comparabili fra loro.
• La serp così ottenuta viene filtrata dai contenuti duplicati generati dal blending e presentata all’utente finale.

Ci sono vari aspetti molto interessanti:

• Per risorsa mobile si fa riferimento ad una generica risorsa mobile-friendly. Il brevetto recita anche: “in alcune applicazioni, una delle proprietà considerate è il fatto di aver utilizzato o meno il linguaggio WML”.
• Se il numero di siti mobile disponibile nella serp è troppo basso, non viene effettuato alcun blending e vengono mostrate solo le risorse generiche, perchè mostrare un numero insufficiente di risorse mobile inficerebbe la rilevanza dei risultati ottenuti.
• Se invece la query è prettamente “mobile” viene dato peso maggiore alle risorse mobile (quindi viene aumentato il mobile search quality score con un coefficiente moltiplicativo maggiore di 1). Per capire se una query è “mobile” vengono analizzati i termini all’interno della query stessa (un termine è ritenuto “mobile” in funzione del risultato di opportune statistiche). Ad esempio: se cercassi ad esempio la parola “ringtones” (suonerie) verrebbe ovviamente data la priorità ai siti fruibili da dispositivi mobile.
• Se nel mixaggio dei risultati sono presenti più pagine, generiche e mobile appartenenti allo stesso dominio, viene dato maggior peso a quelle mobile.
• Le pagine che contengono contenuti scaricabili dagli utenti mobile (es.: sfondi, suonerie, ecc…) subiscono un incremento del mobile search quality score perchè gli utenti considerano di maggiore qualità le pagine con possibilità di download.
• Il blending può avvenire anche fra i risultati di più motori di ricerca distinti. Possono ad esempio essere utilizzati local listings, motori di ricerca per immagini, news, ecc…  a seconda della query dell’utente.

Come vengono eliminati i duplicati dal blending?

Vengono elencate due modalità:

1. Se vengono individuate una risorsa generica ed una risorsa mobile aventi lo stesso URL, la risorsa generica viene trascurata e viene mostrata solo la versione mobile del sito. Facciamo un esempio: ho un blog che dispone di versione sia  desktop che mobile. Cosa accade se nella SERP non ancora filtrata dai duplicati il mio sito desktop risulta 5° mentre il sito mobile 17°?  Verrà eliminato il sito desktop dalla SERP e il sito mobile verrà spostato in 5° posizione. Tra le due versioni viene cioè conservato il ranking migliore.
2. E se vengono individuate due risorse, una generica ed una mobile con URL differente ma corrispondenti a due versioni della stessa pagina? Viene applicato il medesimo ragionamento: viene soppresso il sito desktop e tra le versioni generica e mobile viene conservato il ranking migliore.

Fonti: Blending Mobile Search Results (Google Patent)

Altre informazioni utili:

Il Redirect alla versione mobile del tuo sito costituisce cloacking?

Riportiamo quanto affermato da Matt Cutts:  avere uno script che reindirizza automaticamente gli utenti mobile alla versione mobile del proprio sito non costituisce cloacking. Questo perché il cloacking altro non è che il tentativo di mostrare contenuti diversi all’utente e a Googlebot.

Ma il bot di Google si comporta esattamente come il comune utente e un comune utente ovviamente naviga il sito con un desktop browser e non con un mobile browser. Il Googlebot è pertanto “insensibile” a questo tipo di redirect.

In linea di massima fintanto che Googlebot viene “trattato” come fosse un comune utente (in questo caso l’utente comune è il desktop user) non c’è alcun rischio di ricadere nel cloacking.

Se il post è stato di vostro gradimento potete lasciarmi un commento, o ringraziarmi seguendomi su twitter…

Alla prossima.

Mobile SEO: facciamo il punto della situazione
© Fortunecat.it SEO Blog