Skapa djuplänkar i Flash med SWF Address – exempel Bonnier Baby

Läste just en intressant blogpost från Jesper Åström om SEO för webbsidor byggda i flash. Jesper skrev posten med anledning av två omdebatterade bloggposter från Walter Näslund, dels om Lowe Brindfors och dels om Forsman & Bodenfors. Även Resumé har skrivit om Walter Näslunds bloggposter.

I en kommentar på Jespers sida nämnde jag att man kan bygga flashsidor med djuplänkar, dvs att man i en och samma flash (.swf) kan få “logiska” adresser till olika delar av innehållet. Jesper bad mig lite hur jag gjorde för Bonnier Baby, en hemsida som jag tillsammans med Hallèn & Co och Manolito gjorde 2007.

Skärmavbild 2009-09-18 kl. 11.03.50

Varför man bör använda sig av SWF Address

SWF Address

För Bonnier Baby använde jag SWF Object för att publicera flashen och för själva djuplänkningen använde jag SWF Address. Fördelarna med att använda SWF Adress i en flash är att:

  • besökaren kan använda webbläsarens framåt- och bakåtknappar för att navigera (som man är van vid vid “vanliga” sidor byggda i html)
  • besökare kan bokmärka en länk till en specifik del på sajten
  • besökare kan skicka (via mail, Twitter etc) en länk till en specifik del på sajten
  • adresserna kan göras logiska så besökaren vet var i sajtens struktur man befinner sig
  • titlarna på sidan kan göras logiska och beskrivande vilket är bra ur ett SEO perspektiv

Förutom ovanstående är djuplänkar bra för att man kan skicka besökare till en specifik del på sajten. Ett av skälen till att vi använde SWF Adress på Bonnier Baby var att vi gjorde banners där besökaren valde ålder på sitt barn – klickade på bannern, hamnade på bonnierbaby.se och direkt kunde se böcker som passade för sitt barn.

Optimerade djuplänkar och sidtitlar

Forsman & Bodenfors

Jag vill inte klanka ner mer på Forsman & Bodenfors, men i denna post är de ett bra (eller snarare ett inte så bra) exempel. F&Bs hemsida använder nämligen SWF Adress för att skapa djuplänkar, men tyvärr inte logiska sådana. I en post från februari om Forsman & Bodenfors visade jag hur de hade kunnat gjort det bättre.

Sammanfattningsvis, ett case hos F&B har adressen

http://forsmanbodenfors.se/#/en/Work/254/367/

istället för till exempel det mer logiska (och ur SEO synpunkt bättre)

http://forsmanbodenfors.se/english/Work/Securitas/Aroundio-Home-Alarm

som talar om språkversion (English), vad sidan handlar om (Work), för vem Forsman & Bodenfors utfört arbetet (Securitas) och vad produkten är (Aroundio Home Alarm).

I F&Bs fall är vissa titlar bättre än andra, men i exemplet ovan är titeln på sidan: “Forsman & Bodenfors : Home Alarm : 1”. Mer optimalt ur ett SEO perspektiv hade såklart varit: “Aroundio Home Alarm : Securitas : Forsman & Bodenfors”.

Erfarenheter från Bonnier Baby

Bonnier Baby är den första (och enda) sajt jag byggt med SWF Adress. Det är en enkel sajt som är helt statisk, förutom att inköpsställen laddas in via XML. Det finns en fallback om man besöker sidan med javascript avslaget eller besöker sidan med en mobil. Dock saknas en komplett html version av sidan. Det hade varit bättre för tillgängligheten och för sökbarheten. Ett alldeles underbart exempel på en hemsida som använder SWF Address med logiska länkar, bra titlar och en nästan lika snygg html variant (besök sidan med javascript avstängt) av sidan är Volkswagen UK (se under “I want a new Volkswagen”).

Denna post fokuserade på hur du kan använda SWF Address och varför det är bra ur ett SEO perspektiv, hur du använder SWF Adress rent praktiskt i flash kan du läsa om på Gotoandlearn.comWebdesignerwall hittar du 20 andra exempel på sidor som använder SWF Address. Har du egna erfarenheter av att arbeta med SWF Address, kommentera gärna.

Forsman Bodenfors är inte ens 2.0

forsmanbodenfors
För ett par dagar sedan lanserade Forsman & Bodenfors sin nya (efterlängtade) hemsida. Inget tal om att Forsman & Bodenfors är en av Sveriges bästa, och mest belönade byråer, men deras egna hemsida andas inte webb 3.0 och tyvärr inte ens webb 2.0.

Sidan är helt byggd i flash men har en fallback i html om man skulle besöka hemsidan med javascript avstängt eller om man knappar in www.fb.se på sin mobil. Det finns dock ingen som helst redirect till en mobil version av sidan och besökare med javascript avstängt eller som besöker sidan med en mobil får hela tiden budskapet “Please click here to see our site in enhanced mode“.

Sidan domineras av en mängd thumbnails av case samt en sökfunktion. För att skapa ett djup på sidan har man använt sig av SWF adress som skapar djuplänkande adresser i stil med http://forsmanbodenfors.se/se/Work/53/147 eller http://forsmanbodenfors.se/#/en/Work/254/367/

Ur ett SEO perspektiv är förstås en adress av typen http://forsmanbodenfors.se/#/en/Work/254/367/ inte i närheten så beskrivande som tex http://forsmanbodenfors.se/english/Work/Securitas/Aroundio-Home-Alarm som talar om vad sidan handlar om (Work) och för vem Forsman & Bodenfors utfört arbetet (Securitas) och vad produkten är (Aroundio Home Alarm).

Förutom logiska adresser saknar hemsidan allt vad meta-description och meta-taggar heter och titeln på hemsidan är rätt och slätt “Forsman & Bodenfors” utan att avslöja något om vad Forsman & Bodenfors gör och för vem.

Dela ett bra och intressant case med någon annan via epost, Twitter eller Delicious? Glöm det, det finns inga sociala funktioner på Forsman & Bodenfors nya sida.

Personligen tycker jag det riktigt att trist att se en sida som denna idag som inte bara är svårnavigerad och irriterande i sitt gränssnitt utan även helt uppenbart väljer att inte utnyttja webbens möjligheter över huvudtaget. Forsman & Bodenfors hade kunnat bygga en bättre sida i WordPress, lagt på lite “lull-lull” med AJAX och fått en sida som är bättre. Jag hade till och med hellre sett en sida byggt i WordPress med Kubrick tema framför detta. Lyft casen! Nej, detta är inte webb 3.0, inte ens webb 2.0