DDS.Lab.Work – Ideas and solutions for Your Web Project. Un sito completamente sviluppato in Flash può essere visibile senza trucchi e senza una doppia versione in html? Scopri come la logica del BioRanking può massimizzare la visibilità di una pagina web completamente sviluppata in Flash. Il caso Pochi giorni dopo aver iniziato il corso di BioRanking di Luca Catania, mi viene rivolta la seguente domanda: “è possibile posizionare un sito completamente sviluppato in Flash?”. Concluso il corso, applicando i principi del BioRanking, rispondo che è possibile rendere visibile un sito, anche se completamente sviluppato in Flash, purché si provveda a: 1. Realizzare ottimi contenuti 2. Diffonderli con tecniche bio nel web 3. Ovviare alle limitazioni, in termini di accessibilità ed usabilità, del linguaggio di programmazione scelto. Immaginiamo questi occhi come il nostro ottimo contenuto, capace di risolvere in modo unico il problema di uno specifico target. Ipotizziamo di volerlo veicolare attraverso un sito completamente in Flash. Immaginiamo, infine, di disporre di un blog, attraverso cui provvedere ad “aggiornamenti” frequenti a beneficio degli utenti e della nostra visibilità. Cosa vedrebbe Google di questi ottimi contenuti in Flash? Questo o certamente, non il contenuto nella sua completezza. Gg è oggi in grado di scovare url e testi in file swf, quando siano adeguatamente implementati, e le sue capacità di leggere Flash sono in continuo aumento, sia perché sa che gli utenti sono interessanti ai loro contenuti, sia perché è costretto a confrontarsi con questa tecnologia molto diffusa (forse abusata) per lo sviluppo multimediale. Diego Di Salvo ©2008 - Tutti i diritti riservati BioRanking è un prodotto di Luca Catania - Tutti i marchi appartengono ai rispettivi titolari. Pg 1 DDS.Lab.Work – Ideas and solutions for Your Web Project. Gli aspetti tecnici Un oggetto Flash, per poter essere letto dai browser, ha bisogno di un “contenitore” html. Per l’inclusione di un file swf in una pagina html esistono diverse tecniche. Concentriamo la nostra attenzione su SWFobject 2.0, un progetto open source di Geoff Stearns, Michael Williams e Bobby van der Sluis, precedentemente noto con il nome di SWFFix, che consente di richiamare un file swf utilizzando una combinazione di standard di marcatura e javascript (non intrusivo). Questo metodo restituisce ottimi risultati in termini di compatibilità con browser e sistemi operativi, tanto da lasciarsi preferire alle stesse tecniche di inclusione offerte da Adobe (l’azienda proprietaria del marchio Flash). In passato, l’esigenza di rendere visibile un sito completamente in Flash, seguendo le direttive di una pagina html relegata a mero contenitore, sterilizzata per non insistere sulla resa grafica del progetto, ha fatto si che, oltre a massimizzare il rendimento del poco codice html fisiologicamente presente (interventi su titolo della pagina, descrizione ed altri meta tag), si diffondesse il ricorso a tecniche di “mascheramento del testo”. La tendenza è stata, cioè, a separare ciò che deve essere visto dagli utenti da ciò che invece deve essere dato in pasto a GG. Ma qual è la posizione di GG rispetto a testi nascosti per colore, dimensione o posizione? Possiamo affermare con certezza che non è di favore!!! La soluzione raccomandata (anche dai guru SEO) per garantire visibilità ad un sito flash, passa per la creazione di un sito in HTML da affiancare al primo, ovvero per un sito misto dove l’immagine sia affidata a Flash ed il contenuto testuale stipato in html (con l’inconveniente in questo ultimo caso di dover creare un’animazione per ciascuna pagina e di attenderne il caricamento). Possiamo dunque immaginare diversi modi per lavorare sulle parti o sulle pagine in html, che comunque andranno realizzate. Ma se decidessimo di creare un doppio sito, dedicandoci unicamente all’ottimizzazione della sua versione in html, che ne sarebbe dei nostri ottimi contenuti in Flash? Non è forse la soluzione raccomandata una risposta “evasiva” alla domanda di visibilità ricevuta? Diego Di Salvo ©2008 - Tutti i diritti riservati BioRanking è un prodotto di Luca Catania - Tutti i marchi appartengono ai rispettivi titolari. Pg 2 DDS.Lab.Work – Ideas and solutions for Your Web Project. L’approccio “biologico” Ritorniamo a questa immagine Abbiamo compreso che GG non vede solo un contenitore vuoto quando gli si propone una pagina interamente sviluppata in Flash. Un utente senza plugin flash o con lo stesso disabilitato vedrebbe, invece, proprio questo! Come BioRancker la nostra missione è sviluppare ottimi contenuti a beneficio degli utenti. Questo vuol dire che, anche se la nostra scelta è stata un doppio sito, non possiamo esporci al rischio di lasciare un nostro utente solo, dinanzi a quello che sembra un oggetto rotto! Ecco che lo stesso SWFobject ci fornisce la soluzione… un testo e un’immagine di cortesia che non lascino disorientato il nostro visitatore “senza Flash” e che lo invitino a scaricare o attivare il player per godere pienamente dei nostri ottimi contenuti. Ma se l’utente non fosse capace, non volesse, o non avesse banda per permettersi di vedere il sito Flash? Il messaggio di cortesia può trasformarsi, allora, in una vera e propria “pagina sostitutiva”, una pagina cioè perfettamente letta da GG e proposta al nostro utente automaticamente dallo script java quando non viene rilevata la presenza di plugin Flash. Non possiamo certo dire di aver raggirato GG con testo nascosto! Abbiamo invece Diego Di Salvo ©2008 - Tutti i diritti riservati BioRanking è un prodotto di Luca Catania - Tutti i marchi appartengono ai rispettivi titolari. Pg 3 DDS.Lab.Work – Ideas and solutions for Your Web Project. aumentato l’accessibilità al nostro ricco contenuto, tutto rigorosamente in linea con la “deontologia bio”. La pagina sostitutiva è una pagina html a tutti gli effetti… ospitata nello stesso “contenitore” dal quale viene richiamato l’oggetto swf. Possiamo ottimizzare questa pagina per i motori e curarne a fondo grafica e testi, rendendo pienamente gli ottimi contenuti, in armonia e a completamento della versione Flash. La tecnica è simpatica a GG tant’è che, nell’Official weblog about Google development projects, <swfobject> è recensito e considerato come “standards-friendly metods to embed Flash content”. >> Raccomandazioni << E’ inutile precisare che occorre giudizio: valgono sempre le regole conosciute circa spam e key stuffing. La stessa giusta lunghezza del testo è in discussione, mentre è vivamente consigliato conservare aderenza tra pagina sostitutiva e contenuto del filmato Flash. La visibilità di una pagina ottimizzata tecnologicamente non è una garanzia ma una possibilità che vive solo nell’immediato. Un lavoro costante e di qualità, con aggiornamenti continui pensati per il nostro target, è il segreto del successo per qualunque progetto web, anche se, “coraggiosamente”, si decida di arrivare a destinazione percorrendo una via poco battuta. Approfondimenti • Informazioni tecniche dettagliate su SWFobject 2.0 (Traduzione italiana) • Vedi la pagina di cortesia test realizzata da DDS.Lab.Work, DoctorGg & pgraphics su tecnoimpiantisimeone.com • Guida promossa da BioRanking, naturalmente primi. n.b. per visualizzare la pagina di cortesia ti basterà disabilitare momentaneamente il plugin Flash Questa guida è ripubblicabile gratuitamente! Questa guida può essere liberamente copiata e ripubblicata sul tuo sito web o blog a patto di non modificare in alcun modo i contenuti, il copyright ed i links in essa presenti. Puoi invece modificare la grafica ed il layout come preferisci, per integrarla al meglio nel tuo template. Diego Di Salvo ©2008 - Tutti i diritti riservati BioRanking è un prodotto di Luca Catania - Tutti i marchi appartengono ai rispettivi titolari. Pg 4