Creare una landing page per cellulari

Scritto da Fortunecat in Mobile SEO

Un saluto a tutti i lettori di Fortunecat.it. Oggi parliamo di landing page per cellulari, argomento molto attuale dato che AdWords ha di recente introdotto le funzioni di advanced mobile targeting.

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.

Se l'articolo ti sembra interessante puoi ritwittarlo o condividerlo su Facebook...

Ti potrebbe interessare anche:

1. 3 Plugin di Firefox per condurre test su dispositivi mobile
2. Tutorial: creare una versione mobile del proprio blog
3. Condividere vs Creare
4. Velocizza WordPress e i CMS in 4 mosse
5. Velocità: ecco i consigli di Google

Ti trovi in:

Blog » SEO » Mobile SEO » Creare una landing page per cellulari

Ehi, perché non ti abboni al Feed RSS?
Abbonandoti al Feed puoi ricevere tutti gli aggiornamenti e le notizie
dal mondo del web marketing e dei motori di ricerca!