För alla ni gör-det-själv där ute finns det ett SEO-vänligt sätt att utveckla en community-relaterad webbplats byggd med AJAX (aka asynkron JavaScript och XML). Detta alternativ använder AJAX i stor utsträckning men lyckas lösa många av problemen som orsakas av sökmotorer och användarproblem. Även om det fortfarande pågår, erbjuder det lösningar som gynnar sökmotoroptimering och marknadsföring.
Sökmotorrobotar är kända för att ignorera JavaScript. JavaScript-omdirigeringar har ofta missbrukats, vilket inte har hjälpt saken. Förutom att vara “ovänlig” mot sökroboten, i fallet med AJAX, är andra funktioner som påverkar användaren ofta också hämmade. (till exempel användningen av bakåtknappen). Det här är ett par problem man möter när man använder JavaScript på en webbplats.
En AJAX-baserad lösning för sociala medier som förblir både användar- och sökmotorvänlig är nu tillgänglig. Lösningen med öppen källkod som syftar till att lösa många av de användarproblem och problem som påverkar sökmotoroptimering och användarupplevelse är känd som Orca.
Orca Interactive Forum Script utvecklat av BoonEx är en AJAX-lösning som har löst problemen med att ha en fungerande bakåtknapp, användningen av permalänkar, en sökmotorvänlig struktur och bokmärkbara sidor. Skriptet utvecklas också för att inkludera unika sidtiteltaggar och lättanvända webbadresser. Utöver Orcas interaktiva forumskript kommer det också att finnas skript tillgängliga för kataloger, wikis och bloggar.
För de mer tekniskt avancerade är det så här en del av problemen löses.
Det eliminerar behovet av flera varianter av en kod. En lösning som många utvecklare har använt tidigare har varit att skapa en sida för användaren och en annan för sökmotorerna. I det här fallet används XSL Transformation (XSLT) för att skapa webbplatsinnehåll och lösa problemet. Eftersom XSLT kan göras på klientsidan (i webbläsaren) eller på serversidan (dvs PHP), finns det inget behov av att skapa två webbplatser. Du kan använda en kod för användaren och sökmotorn.
Om du till exempel tittar på Orca-forumets URL:
Orca installation
När en användare klickar på den här webbadressen, kör webbläsaren onclick-händelsen och om return f.selectForum(5, 0)-satsen returnerar false, kommer webbläsaren att exekvera onclick-koden och inte följa länken i href-attributet. I det här fallet exekveras en XSL-transformation på klientsidan (bra för serverns prestanda eftersom xsl-transformationen utförs på klientdatorn).
När en sökmotor “klickar” på denna URL, ser den bara href-delen av URL:en och öppnar en sida med en normal URL med samma sidinnehåll. I det här fallet görs XSL-transformationen på serversidan och denna URL genererar en normal html-sida.
Och för att lösa problemet med en dysfunktionell bakåtknapp är det här lösningen de tillhandahåller. Bakåtknappen i Orca är baserad på #-symbolen efter URL:en. JavaScript kan läsa och ändra värdet i URL-adressen efter #-symbolen utan att ladda om sidan, men en webbläsare lagrar denna URL (med annan text efter #-symbolen) i webbläsarhistoriken.
Sekvensen (som i Orca):
- Användare öppnar ett forum via AJAX
- JavaScript laddar om målområdet på sidan och lagrar information om denna åtgärd i webbadressen (exempel: #action=goto&forum_id=5)
- Webbläsaren lagrar denna URL i historiken
- Användaren klickar på bakåtknappen
JavaScript ser att #-delen av webbadressen har ändrats, tar den nya texten efter #-symbolen, analyserar den och anropar JavaScript för att ladda om målområdet på sidan (exempel: #action=goto&forum_id=3 skulle öppna ämnen i forumet med id =3)
Mozilla och IE hanterar dessa webbadresser (med modifierad text efter #-symbolen) på olika sätt. Så JavaScript-koden för dem är annorlunda, men algoritmen är densamma.
Observera att xsl-transformationen är mycket strikt: du måste skriva xsl-mallar mycket noggrant, men i slutet av dagen kommer du att ha en perfekt giltig HTML-kod.
Fontän
Är det någon som har erfarenhet av att använda någon av dessa lösningar? Hur har det påverkat din SEO? Dela gärna med dig av dina erfarenheter eller tankar.
