En bra logotyp ska fylla många behov. Varumärket ska fyllas med ett värde som bland annat anknyter till företagets verksamhet, visa företagets historia eller bakgrund samt uttrycka dess värderingar. Samtidigt måste en bra logotyp vara särskiljande från konkurrenter inom samma bransch samt inte inkräkta på andra varumärken. En kombination av en symbol (ett äpple) och en text (Apple) är vanlig och antingen används symbolen och texten var för sig eller förekommer tillsammans.

För en designer finns det några saker att tänka på tekniskt när man tar fram en logga, en kort checklista som är ganska allmän och som kan kompletteras:

1. Den ska fungera i stort och i smått, på en banderoll såväl som på en penna
2. Den ska finns i ett vektoriserat original så den kan skalas upp och ner utan att tappa i kvalitet
3. Den ska fungera såväl som i fyrfärg för tryck (CMYK), digitalt (RGB) och i svartvitt

Till detta vill jag lägga till ytterligare en punkt. Ett krav eller åtminstone ett övervägande - den bör fungera i ett fyrkantigt kvadratiskt format.

Det fyrkantiga kvadratiska formatet anses som lite besvärligt att jobba med. Ett fyrkantigt kvadratiskt foto brukar anses som ”dött” och svårt att skapa liv i men för logotyper används det numera mer och mer framförallt i avatarer, dvs minatyrbilder som symboliserar personen/företaget. Avatarer används på olika sociala sajter som Flickr, Twitter, Facebook, LinkedIn, Foursquare, Gowalla etc etc.

En fyrkantig kvadratisk bild, som dessutom är jätteliten (16×16 pixlar) används även till favicons, dvs uppe i adressfältet på en sida, och som även används i bokmärkesfältet eller ibland i RSS-läsare, tex Google Reader. I iPhone används fyrkantiga kvadratiska bilder (57×57 pixlar) till både programikoner och som bokmärken på hemmaskärmen.

Privatpersoner kan använda sig av en Gravatar för att tex en minatyrbild av sig själva när de kommenterar på bloggar.

Nu skulle jag ha några riktigt dåliga exempel på loggor som inte fungerar i fyrkantigt kvadratiskt format. Eller ännu hellre där loggan får en annan betydelse när den autobeskärs till en fyrkant kvadrat.

Det har jag inte, men däremot ett riktigt bra, Viking Lines logotyp som ”finns” i en fyrkantig kvadratisk version av den vanlig logotypen. Bakgrunden till Viking Lines ”NG LI” logotyp ska vara intressant, men tyvärr hittar jag ingen källa på det. Kanske stämmer det att någon på byrån tittade ut genom ett fönster när en båt från Viking Line passerade förbi, såg de röda bokstäverna ”NG LI” och insåg att det räcker för att identifiera den som en färja från Viking Line.

Edit: Det var tydligen Rönnberg & Co som i mitten på 80-talet skapade den berömda ”NG LI” loggan. Dessutom menar jag kvadratiskt format, inte fyrkantigt, rättat posten. Tack till @menskoppen

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.

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

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?

Viktigt är att den specifika länken du skapar  är unik och att den inte skapar en errorsida, dvs att användaren inte möts av meddelandet ”404 Sidan saknas”. För Wordpress kan du enkelt lägga till /?ref=unikt_id till adressen, dvs adressen kommer bli http://www.galveston.se/?ref=twitter Du kan egentligen skriva vad du vill efter frågetecknet (som /?blahahaha) men det gör det lättare i Google Analytics att övervaka alla inkommande länkar om de är uppbyggda efter samma form. Som du ser nedan använder till exempel Wordpress formen /?s=sökord vid sökningar på din sida.

Enligt detta sätt har jag skapat unika länkar till galveston.se både på twitter.com och på Collected.at Ett annat tips är att lägga till en specifik länk till din mailsignatur för att se om du får några besökare den vägen, tex www.galveston.se/?ref=signatur

På Collected.at kan du samla ihop feeds/flöden från olika källor för att visa dem i ett gemensamt flöde. Som Yahoo Pipes för er som har erfarenhet av den, jag har det tyvärr inte själv.

På Collected.at kan du samla alla källor som publicerar sitt innehåll som RSS, det innebär att källorna kan vara nyheter, bloggar, tweets från Twitter och andra micro-bloggar, blider från Flickr etc etc. Perfekt om du vill bevaka ett nyhetsområde eller använda för att övervaka ditt varumärke/företag. Det samlade flödet av nyheter/bloggar/tweets publiceras i sin tur som en RSS som du kan prenumerera på i din RSS-läsare. Du kan välja att göra ditt flöde anonymt och att det inte listas, men om du vet/chansar på adressen så hittar du den ändå (bugg?)

Collected.at är en enkel, bra och fungerande tjänst, men som möjliga utvecklingar ser jag till exempel:

• realtidsuppdatering – som jag inte tror finns idag
• möjligheter till flera administratörer för en collection
• möjlighet att föreslå ett flöde
• göra något (övervaka) med sina egna favorit collections

Testade att sätta ihop en personlig collection på galveston.collected.at, en som samlar nyheter om surfing på surfing.collected.at och en som samlar nyheter om mobilmarknadsföring på mobilemarketing.collected.at

Collected.at är framtaget av Great Works och Geekboys.

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.

Varför man bör använda sig av 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

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.com På Webdesignerwall 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.

1. B y g g  s i d a n  h e l t  i  f l a s h  u t a n  f a l l b a c k  i  h t m l.  S o m  e x e m p e l  F o r s m a n  &  B o d e n f o r s  e g n a  s i d a  o c h  S v e n s k a  K y r k a n s  n y a  k a m p a n j s i d a (ä v e n  d e n  f r å n  F & B).
2. P o s t  i  f o r m  a v  e n  b i l d.  H a r  t y v ä r r  i n g e t  b r a  e x e m p e l  m e n  t . e x.  h a r U s t w o h e l a  s i n  ”p r o g r a m f ö r k l a r i n g”  s o m  e n  b i l d.
3. A n d r a  k r e a t i v a  l ö s n i n g a r.  S o m  i  d e n n a  p o s t  s o m  e n l i g t  G o o g l e  b  a r a  i n n e h å l l e r  e n  m a s s a  b o k s t ä v e r  o c h  i n g a  o r d.

Efter mitt inlägg om Svenska banker i mobilen – en uppdatering hittade jag en inlänk dit från en sida som heter sagtom.syrupsthlm.com/swedbank vilket visade sig vara en enkel och trevlig sammanfattning om vad som sägs om Syrups kund Swedbank i de sociala medierna.

Sidan sammanfattar kort när, i detta fall Swedbank, nämns på Google Blog Search, Twingly, Knuff, YouTube och Flickr. Perfekt för en enklare bevakning om hur ”snacket går” kring Swedbank och för att kunna bemöta kritik och svara på frågor. Kanske skulle man kunna lägga till Backtweets för att se tweetar till exempelvis www.swedbank.se

Syrup har även gjort liknande sidor för övriga kunder som Atava, Casall, Newsmill, Stadium och Trygg-Hansa.

Däremot hittar jag ingen bevakning på varken /syrup, /syrupsthlm eller /syrupstockholm. Får se om denna post hamnar i någon på Syrups bevakningslista och så fall får ni gärna kommentera syftet, tankarna och idéerna runt sidorna.

Det var A Source Of Inspiration som hittade beta.cpbgroup.com och tog lite skärmdumpar på sidan innan den hann försvinna. Han konstaterar att CPB:s nya sida kommer samla kommuniktionen om och kring byrån genom att samla de anställdas flöden på Twitter, bilder från Flickr, fakta från Wikipedia och såklart massor av klientfilmer från YouTube. Det som framför allt slog mig var ett citat på sidan:

Nothing really groundbreaking, kind like PopUrls, but a reminder that the days of “immersive” Flash experiences are almost ending, at least in digital agencies land (see also Barbarian, Juxt Interactive, EVB and Big Spaceship). It’s all about multiple digital touchpoints and real time, these days.

Utan att sparka in öppna dörrar så kom jag och tänka på Forsman&Bodenfors nya sida lanserad i februari år och som jag dissade rejält i en tidigare post. Känner i sig inte till de byråer han refererar till, men visst är det så en hemsida till en modern webbyrå anno 2009 ska se ut? Får se om de står sig ända in i 2010.

Den globala surfindustrin är enorm, 2007 omsatte den ca $7,48 miljarder jämfört med tex golfindustrin som omsatte drygt $6 miljarder. Den påverkas dock också av lågkonjukturen, amerikanska Quiksilvers intäkter första kvartalet 2009 minskade tex med 11% till $443 miljoner.

Nu ska dock denna post inte handla om surfmärkenas ekonomi utan om deras webb.

Sedan många år har de satsat mycket resurser på att skapa designade, utmanande (både tekniskt och designmässigt) och inspirerande sidor. Ofta med mycket foton och video. Framförallt så byter de utseende ofta, det känns som de stora märkena Quiksilver, Billabong och Rusty byter design helt och hållet ett par gånger om året.

Förutom deras ”corporatesida” skapar de kampanjsidor till nya events och tävlingar. Ofta med mycket avanserad teknik, troligtvis framtvingad av att många surftävlingar på ASP avgörs långt ifrån den intresserade publiken.

Bara för ett par dagar sedan avslutades Billabong Pro Teahupoo där man i realtid streamade video från tävlingen. Ute från vågorna. Från Tahiti. Från Teahupoo.

Sociala medier? Check, kolla tex in @billabong1973 och @aspworldtour och så vill jag tipsa om Jamie O’Brian (@whoisjob) som inte är din vanliga twittrare. Mycket attityd.

Några märken till att kolla in är Reef, Gravis, Volcom, O’Neill, RipCurl eller varför inte svenska Encore.

Jag har dessutom samlat en hel dröse skärmdumpar på Flickr om du inte orkar besöka alla.

DN.se har fått en ny design idag. Tänker inte skriva en djup recension av sidan men kan konstatera att sidan känns mer tom än innan. Inte mer luft utan tom. Spontant tycker jag nog att SVDs sida känns mer fyllig och modern men å andra sidan läser jag aldrig SVD på nätet.

Bara för att det är kul testade jag att skärmdumpa den nya sidan med Screengrab och numer är DN.se ca 6300 px hög jämfört med ca 7800 px innan. Se skärmdumpen av hela DN på Flickr och läs mer om utvecklingsarbetet på DN:s blogg.

Även om man inte kan spanska så kan det vara värt att kolla in El Pais på nätet. Upptäckte den redan för något år sedan och imponerades av hur modern den kändes. Det finns massor att läsa och de var tidigt ute med en massa funktioner och möjligheter. Bland annat kan man läsa nyheter med koppling till olika länder, bland annat Sverige på http://www.elpais.com/todo-sobre/pais/Suecia/SWE/