Oggi è importante avere un sito amichevole per i dispositivi mobili

Alla fine dello scorso mese il web è stato scosso da un importante cambiamento negli algoritmi di ricerca e “valorizzazione” utilizzati da Google per mostrare i risultati di una ricerca. Si è parlato addirittura di MobileGeddon …

In questo articolo ci occuperemo di vedere cosa comporta, e come può organizzarsi, un utente della piattaforma WordPress.com.

1. Come posso verificare che il mio sito sia mobile-friendly?

Rispondere a questo quesito è semplicissimo. Google ha messo a disposizione un’apposita pagina di test per verificare l’amichevolezza per dispositivi mobili del tuo sito. Qui basterà inserire l’URL completa del tuo sito web (ad esempio https://usare.wordpress.com nel nostro caso), premere invio ed attendere il responso di Google.

Hai superato il test? Grande, complimenti !!!

2. Cosa posso fare se il mio sito NON è mobile-friendly?

Se il test preparato da Google ha dato risultato negativo molto probabilmente starai utilizzando un vecchio tema grafico, predisposto quando i temi adattivi erano ancora di la a venire o non così importanti. Un tema adattivo (responsive come si dice in gergo tecnico) è un sito che risponde alle diverse dimensioni dello schermo dichiarate dal browser che stai utilizzando per visitare un sito. Gli elementi grafici che lo compongono si riposizionano e/o modificano graficamente in maniera automatica adattandosi alla larghezza del display… per fare un esperimento prova a stringere in larghezza la dimensione del browser che stai usando per leggere questo articolo…

Goran è un esempio di tema responsive disponibile su WordPress.com … l’immagine qui sotto riporta come un sito equipaggiato con esso si comporta a seconda che sia visitato da un normale browser su dektop, su tablet o smartphone:

Come utenti di WordPress.com abbiamo due importantissime armi nel nostro “arsenale” per fronteggiare questa nuova esigenza:

1. Modificare il template scelto, selezionando un tema adattivo. Farlo è semplice, basterà eseguire una ricerca nella pagina dei temi selezionando tra i criteri di ricerca quello di essere un tema responsive e qui scegliere quello che più ci piace (a pagamento o meno);
2. Se nessun tema responsive è di vostro gradimento, si può scegliere l’opzione di visualizzare il nostro sito in maniera diversa a chi ci viene a visitare con un tablet o uno smartphone. In passato ne abbiamo parlato ampiamente (fanno fede tutti i post dedicati al mondo mobile) … dovremo attivare un apposita funzione all’interno della nostra bacheca seguendo il percorso  My Site(s) → WP Admin → Appearance (Aspetto) → Mobile. Qui dovremo cliccare su Yes (Si) nel bottone di scelta per abilitare il template mobile-friendly (unico per tutti i siti che lo adottano) e quindi cliccare sul tasto Update (Aggiorna) per completarne l’attivazione.

Spero sia tutto chiaro, in caso contrario i commenti sono sempre aperti!

la Bacheca di WordPress.com ed il lifting di giugno 2013

Una delle cose che i meno assidui della piattaforma non realizzano è la quantità di piccoli grandi cambiamenti che ogni giorno avvengono sulla piattaforma. Visto l’elevatissimo numero di blog ospitati quel font un po’ più grande, quel tono di grigio diverso, quell’apparire o sparire di tasti nella barra di amministazione che durano qualche decina di minuti spesso non vengono percepiti dalla massa critica degli utenti.

Eppure avvengono. Questo perchè gli sviluppatori della piattaforma non si siedono sugli allori ma spingono costantemente il piede sull’acceleratore dell’innovazione e dell’introduzione o miglioramento delle funzionalità presenti.

Oggi, invece, il cambiamento è percepibile perchè diffuso e ben presente nella gestione quotidiana del nostro blog. Arriva una nuova e (migliorata? la sto provando man mano che traduco e personalizzo questo post con l’annuncio ufficiale) Bacheca. I punti salienti della nuova interfaccia sono migliori contrasti tra le varie componenti grafiche e l’adozione della font Open Sans.

Lo scorso aprile erano stati diffusi gli obiettivi del redesign della bacheca:

• doveva avere un design semplice, non soffocato da mille elementi grafici e focalizzato nella stesura dei nuovi articoli;
• doveva utilizzare dei webfont per garantire una perfetta – e più che piacevole – visione su ogni tipo di schermo e di browser;
• doveva rispettare i principi del responsive design;
• e tutto questo senza tradire il “look and feel” storico della Bacheca che milioni di utenti utilizzano ogni giorno.

Come si può vedere le icone sono state completamente ridisegnate, c’è una maggiore spaziatura tra i vari elementi, si è deciso per l’uso della font Open Sans come default ed aumentato il contrasto grafico tra gli elementi costituenti l’interfaccia e le aree di notifica che appaiono in seguito alle operazioni (ad esempio il salvataggio di una bozza, o il contatore colorato dei commenti nella barra laterale):

Richiedi la tua Bacheca ‘reattiva’

Sulla questione dell’avere una Bacheca responsive, adatta quindi ai più vari dispositivi, si sta lavorando ed al momento la funzionalità è disponibile solo agli utenti che ne facciano precisa richiesta. Per far ciò dovremo andare nel nostro Profilo e cliccare sulla casella con la dicitura: Enable experimental responsive design (MP6). Se in precedenza si era segnata la casella di spunta in merito all’utilizzo di feature sperimentali probabilmente la nuova visualizzazione sarà già stata attivata.

Per tutti gli altri sarà disponibile da fine anno.

Il team di Automattic spera che il design piaccia ai suoi utenti e ringrazia tutti quelli che in questi mesi hanno contribuito con il loro lavoro, i loro commenti, il lavoro di bug hunting che ha portato al rilascio di questa nuova versione della Bacheca.

Buon bloggin’ a tutti !

Sei un albergatore? Valorizza la tua proprietà con WordPress.com

Se hai un (piccolo) hotel, una locanda, un bed & breakfast e ne vuoi valorizzare il sito web, con foto accattivanti, uno stile personale e funzionale, che sia visualizzato splendidamente su dispositivi mobili, e la cui fruizione su di essi non sia frustante beh … da oggi WordPress.com può venirti incontro con la sua nuova sezione WordPress.com/hotels.

Una dimora per la tua dimora

Scopo di Automattic è stato quello di valorizzare e semplificare la gestione della presenza online di ciascuna attività di albergazione, a complemento finale di tutto il lavoro fatto da ciascun albergatore nel rendere il più comfortevole possibile l’esperienza nella “dimora fuori casa” costruita per i propri clienti.

Come Stay with us

“Vieni a stare con noi” … questo è stato il tema ispiratore per la realizzazione del nuovo tema Stay (questa la sua vetrina su Theme WordPress.com). Il tema è stato realizzato sulle specifiche esigenze, proprie di un’attività di albergazione, permettendo di mettere in evidenza tutte le caratteristiche e le attrazioni a disposizione della struttura dando ampio respiro alle immagini e corredando il tutto con una serie di funzionalità specifiche che andiamo ora ad esaminare.

Ad esempio, è presente la gestione delle stanze in un apposito menù della Bacheca, dove potremo andare ad inserirne la descrizione, le testimonianze degli utenti che vi hanno risieduto, ed i prezzi di ciascuna di esse; il tutto in pochi e semplici passaggi. Sarà poi possibile anche visualizzare ciascuna di esse in una apposita Pagina del tema.

Ovviamente è stato implementato un meccanismo di gestione delle prenotazioni delle stanze, in modo che il visitatore possa sapere immediatamente se la stanza da lui richiesta è disponibile per la data della sua permanenza.

Possiamo personalizzare Stay inserendo il logo della nostra attività, scegliendo un’immagine o colore di sfondo o con un’attento uso delle varie zone dove possiamo inserire widget (ben otto) o attraverso l’uso di menù personalizzati. Come sempre, poi, è possibile spingersi più in la acquistando una (o più) delle funzionalità Premium messe a disposizione di WordPress.com, come l’uso di colori personalizzati, l’attivazione della modifica dei CSS attraverso il Custom Design upgrade.

Stay è un tema completamente adattivo (responsive, come si dice in gergo tecnico), perfetto per la visualizzazione su qualunque schermo, di qualunque dispositivo. Se il nostro prossimo cliente è già per strada, non avrà quindi problemi a trovarci, senza dover essere costretto ad una scrivania…

Sarai in buona compagnia

Sono già cominciate ad essere presenti alcune attività commerciali che hanno sfruttato questa nuova funzionalità della piattaforma WordPress.com E ad essere pubblicizzate nella directory WordPress.com/hotels, quali:

☞ The Lake Crest Inn

☞ Long House Bed & Breakfast

☞ Yellow Inn

Considerazioni finali

Le pagine WordPress.com/hotels e quella del tema Stay vanno lette attentamente, poiché ben enfatizzano i vari punti di forza di questa offerta commerciale resa disponibile gratuitamente dalla piattaforma. Il passaggio all’acquisto delle funzionalità Premium, infatti, è del tutto opzionale e può subentrare senza problema alcuno nei casi in cui, ad esempio, si parta con la propria attività e forte dei successi raccolti si voglia continuare ad investire sulla propria presenza web (senza passare da Facebook o simili).

Credo anche che questo sia l’inizio di un nuovo tipo di business per Automattic, offrendosi come un’alternativa a siti quali l’italianissimo http://www.1and1.it molto pubblicizzato in questi mesi in TV, ma la cui qualità tecnica e grafica han lasciato perplessi più d’uno…

---

WordPress.com diventa adattivo

Ciao a tutti,
dopo un piccolo periodo di pausa cerchiamo di rimetterci in carreggiata illustrando le ultime novità di casa WordPress.com.

Iniziamo dalla più eclatante, da oggi 17 gennaio 2013 il layout del sito WordPress.com diventa completamente `adattivo` o, per dirla come gli inglesi responsive.

Vediamo assieme il comunicato ufficiale (tradotto).

Dalla scorsa settimana hanno cominciato ad apparire agli utenti alcuni cambiamenti gratifi per la home page WordPress.com e per  il WordPress.com Reader. Il lavoro si è concentato in due aree: rendere la navigazione di WordPress.com nella sua interezza un’ottima esperienza sul tuo dispositivo mobile e far si che come piattaforma venisse fatto tutto il possibile per mettere in evidenza tutte le bellissime foto ed i bellissimi video che vengono caricati dagli utenti.

Usare WordPress.com ovunque

Con oltre un miliardo di smartphone attivi nel mondo è stato appurato che renderlo una piattaforma esteticamente piacevole da navigare con qualunque dispositivo. Se effettuiamo l’accesso potremo verificare come è tutto cambiato, in funzione di questo obiettivo progettuale.

Controllare le nostre statistiche, scrivere un nuovo articolo, leggere le ultime novità nella sezione Freshly Pressed, o controllare la pagina delle notifiche attraverso il nostro web browser è ora un’esperienza d’uso molto più piacevole che in passato, specialmente su smartphone e tablet.

Beautiful Media

I cambiamenti più importanti, avrete notato, hanno coinvolto sopratutto la pagina del WordPress.com Reader. Foto sempre più belle e curate vengono pubblicate dagli utenti della piattaforma ed i ragazzi di Automattic volevano fare un lavoro migliore che in passato per far si che i lettori dei vostri blog potessero visualizzarle nel miglior modo possibile. Se nel nostro articolo inseriremo un’immagine in evidenza (detta anche `<tt>featured image</tt>`),  o un’immagine larga almeno 595px, questa verrò posta in evidenza in cima al titolo ed al contenuto del post all’interno della pagina Reader di ciascun utente.

uno screenshot della nuova visualizzazione delle immagini su WordPress.com

Usare immagini dalla forte personalità riuscirà a porre un accento particolare al vostro articolo, in mezzo a tutti gli altri. Il team Automattic ha apprezzato molto poter godere visivamente di queste immagini così messe in risalto, e sperano di incontrare il favore del pubblico.

Se invece utilizzeremo immagini dalla risoluzione inferiore queste non verranno poste “in testa” all’articolo nel Reader, ma correttamente riportate all’interno dello stesso, così come da noi deciso al momento della scrittura dello stesso. Nessun contenuto viene perso.

Lo stesso principio si applica, a grandi linee, per i video e le gallery. Nel secondo caso verrà messo in evidenza ai lettori che la gallery è composta da un ‘tot’ di immagini ed un link per la sua migliore visualizzazione.

Nei prossimi due mesi sono programmate le apparizioni di diverse nuove funzionalità nel Reader, quindi prestate attenzione ai piccoli e grandi cambiamenti e non mancate di segnalare le vostre impressioni al team di sviluppo!