Sökmotoroptimera WordPress på 10 minuter

WordPress är ett publiceringssystem som har blivit väldigt populärt under senaste året och används även av många byråer som till exempel Great Works, Farfar, More Mobile Relations, Daytona med flera. Anledningen är såklart att det är gratis, enkelt att bygga på och vidare med, det finns massor av färdiga plugins etc. En annan styrka med WordPress är att det är bra byggt för sökmotorer. Trots detta finns sidor där man inte utnyttjat detta till fullo eller krånglat till det, som till exempel för Jung Von Matt’s nya sajt och problemet med permalänkar. Just hur Jung Von Matt kan förbättra sin sajt ur ett -perspektiv har Walter Näslund tagit upp i en utmärkt post.

Så, detta är ingen djuplodande post om SEO och hur du jobbar med det löpande, utan hur du anpassar en grundinstallation av WordPress så att du har en bra SEO-grund att stå på. Dessutom går de snabbt att fixa.

Anpassa grunden i ditt tema

Det första steget i att SEO-optimera din sajt är hur ditt tema är byggt. Oavsett om du bygger ditt tema från grunden eller bygger vidare på ett existerande så ska du se till att titlarna på dina poster är satta som <h1> då dessa “viktas som mest intressanta och relevanta” av tex Google.

Använd dig av “snygga” rubriker

Att använda sig av “snygga” rubriker och logiska adresser i WordPress är väldigt enkelt men något som många missar. Som förval har en adress till en post formatet http://www.doman.se/?p=123 men den adressen är varken beskrivande för besökaren eller bra för SEO eftersom den inte säger vad posten handlar om. På min sida har jag valt att ändra till http://www.doman.se/2009/10/19/namnet-pa-din-post men du kan välja en annan struktur bara namnet på posten skrivs ut i klartext (minus tecken som inte är webbsäkra som å, ä, ö, ” etc.

Permalänkar

Vissa webhotell tillåter inte att du byter struktur för permalänkarna (tex Surftown) så där måste du manuellt ladda upp en så kallad .htaccess fil. Läs mer om hur du gör på WordPress supportsidor.

Ett litet tips. Ladda ner och installera pluginet Top Level Categories så får du bort ordet /categories/ i adressen för dina poster. Så adressen till dina kategorier blir tex http://www.galveston.se/webb/ istället för http://www.galveston.se/category/webb/ Snyggare enligt mig.

Ett tips till. Byt till snygga adresser direkt! Det blir mycket krångligare att byta/ändra senare (se nedan).

Ladda ner och installera pluginet All In One SEO pack

SEO

I grundinstallationen har inte WordPress optimerad meta för dina poster som beskrivning (description) och nyckelord (key words). Å andra sidan säger Google nu själva att de inte använder sig av just keywords, men titlar är fortfarande intressant. Som tur var kan du enkelt fixa det genom att ladda ner och installera All In One SEO pack. Låt alla grundinställningar vara, det fungerar bra. Fyll en lämplig beskrivning på din sida.

Om du har en gammal sida – ta hand om gamla inlänkar

Om du byter från ett annat publiceringssystem (eller om du byter strukturen på permalänkarna) så bör du verkligen se till att alla nuvarande inkommande länkar leder till din nya sida. Det kan du göra på många olika sätt, och olika avancerat. Allt från att alla gamla länkar leder till din nuvarande startsida eller att respektive unik inkommande länk leder till den postens ny adresse (förutsatt att du flyttar med ditt gamla innehåll till din nya sida byggd i WordPress). Här kan du läsa lite mer om hur du löser detta med .htaccess.

Sådär, nu har 10 minuter gått (om du inte måste ändra alla inkommande länkar manuellt…) och du har sökmotoranpassat din sida i WordPress med några enkla knep. Resten är upp till dig och innehållet på din sida.

Vad har du själv för tips för att sökmotoroptimera din WordPressajt?

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