Utilizzare tecnologie client side quali Flash, Flex, Ajax all’interno di un website pu√≤ aumentare l’usabilit√† del sito stesso, pu√≤ rendere pi√π gradevole l’interfaccia, pi√π intuitiva la navigazione, ma rende decisamente pi√π difficile ed impervia l’ottimizzazione per i motori di ricerca (SEO).

Uno dei metodi utilizzati per il posizionamento di siti fortemente aggrappati alle tecnologie client √® creare delle “landing pages” che rimandino in qualche modo al sito flash \ ajax \ flex \ ecc.. ma il buon esito non √® certo assicurato, anzi.

SEO con Flash e Ajax


Da come ho impostato l’inizio dell’articolo sembra quasi che voglia vendervi un rimedio miracoloso per il seo su siti “client” :)
invece no, tutto gratuito, ed oltre tutto open source! :D In Bulgaria c’√® un’aziendina, la “asual“, che si √® inventata l’ SWFAddress, ossia un sistema basato su javascript e fortemente legato a SWFObject che permette il deep linking con flash, ajax e le altre tecnologie lato client.

Come si usa e come è stato fatto
La logica √® quella dell’url rewriting e dei permalink, ma questi vengono creati runtime dagli script residenti sul client.

Le classi per Actionscript 2 e 3 di SWFAddress forniscono delle API al player per interagire con l’oggetto “asual” nella libreria javascript che si andr√† ad includere nella pagina.

Nel codice html della pagina baster√† includere SWFObject e SWFAddress (ricordarsi, prima uno e poi l’altro, altrimenti non funzia)

<script src="swfobject/swfobject.js" type="text/javascript"></script>
<script src="swfaddress/swfaddress.js" type="text/javascript"></script>

Nel codice actionscript bisognerà importare ed istanziare la classe SWFAddress e definire i pattern di navigazione desiderati.
In linea di massima ogni qual volta si “cambier√† sezione” del sito baster√† aggiungere alla funzione qualcosa tipo

?View Code ACTIONSCRIPT
SWFAddress.setValue('/nomesezione/');

e nella barra del browser cambier√† l’url.
Per quanto riguarda il processo inverso (ossia forzare una sezione del sito in flash partendo da un url digitato sulla barra del browser) invece √® necessario definire gli stessi pattern all’interno del metodo

?View Code ACTIONSCRIPT
SWFAddress.onChange

in modo che venga a crearsi una reciproca corrispondenza tra funzioni flash e url nel browser.

SWFAddress per flash √® basato su “ExternalInterface” disponibile dal flash player 8 (classe dedita all’interazione tra actionscript e javascript).
L’oggetto javascript asual dichiarato nella libreria di SWFAddress definisce varie funzioni che permettono di riscrivere secondo la sintassi desiderata l’url della pagina in permanenza partendo da un url dinamico, di decodificare un URL riscritto precedentemente e addirittura di inserire gli indirizzi codificati a runtime delle pagine nella history del browser.
Il tutto √® reso possibile dalla rivalutazione del token html “#”. Il cancelletto # indica le ancore all’interno di una pagina html, cliccando su un’ancora la pagina si “sposta” focalizzando sul punto visibile pi√π vicino all’ancora ma non viene ricaricata la pagina bench√® l’URL della pagina stessa venga riscritto.

IMHO
Il difetto maggiore di SWFAddress a mio avviso √® la mancanza di link effettivi. Questo “hack delle ancore” (passatemi il termine) non risolve il problema principale in materia SEO di piattaforme RIA come Flash: l’assoluta assenza di collegamenti. Sicuramente SWFAddress √® un passo da giganti per flash, il “novello” flex, e ajax, tanto che aziende affermate come 2advanced sfruttano questo tipo di hack per la navigazione del proprio sito, tuttavia ribadisco che la mancanza di link tra le pagine √® una forte limitazione in termini di ottimizzazione per i motori di ricerca.

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Live
  • Slashdot
  • StumbleUpon
  • Technorati
  • TwitThis

Some random stuff

3 Responses to “SEO con Javascript per Actionscript Flash Flex AJAX, si chiama asual SWFAddress ed √® opensource”

  1. Bet Says:

    Questo Sub-Hack l’hai visto?

    I would like to introduce you to the most interesting feature of the upcoming SWFAddress 1.0. It enables generation of real links that expose the appropriate content to search engines. The magic happens with some interesting URL rewriting and some trivial serverside code.

    http://www.asual.com/blog/swfaddress/?permalink=seo-for-swfaddress.html

    La demo del funzionamento con Google:

    http://www.google.com/search?hl=en&q=site%3Awww.kushliving.com+kush+living&btnG=Google+Search

    E ha perfettamente indicizzato tutto.
    Vero, non è un indice diretto, ma funziona.

  2. pigiuz Says:

    molto fikkko :D
    sto già pensando ad alcune applicazioni su dei progetti che sto seguendo,
    thx bet

  3. ThanX Says:

    Heilà! Come è proseguita la ricerca?
    Ha avuto buoni esiti dal punto di vista del posizionamento l’uso di SWFaddress?
    Swfobject lo conoscevo da tempo ma √® solo ora che sento parlare di questo strumento… un bel passo avanti… anche se, come scritto sopra, manca ancora la possibilit√† di inserire link con anchor text… tocca sempre creare pagine che diano in pasto ai motori del bel codice html….
    Ma l’uso di questo swfaddress pu√≤ essere sempre un punto in pi√π…
    Che mi dite?
    Ciao

Leave a Reply