Webbyråer och SEO

På senare år har det blivit vanligt att webbyråer marknadsför sig med SEO-anpassade webbplatser till sina kunder. Detta levereras såklart i några fall, men min erfarenhet säger mig att det här med SEO är en bristvara hos de flesta webbyråer. Om ett företag anlitar en webbyrå för att få en webbplats är väl det minsta man kan begära att det går att nå webbplatsen både genom domän.se och www.domän.se. Kan webbyrån sedan leverera en webbplats där besökare och sökmotorer skickas vidare (301 redirect) från domän.se till www.domän.se eller vice versa så kan de sätta en liten SEO-stämpel på sin verksamhet. För att kunna hävda att man levererar SEO-anpassade webbplatser krävs dock mer än en omdirigering. Kunden ska ges en webbplatslösning där man genom admingränssnittet kan styra allt on-page som har betydelse för sajtens sökmotoroptimering. Specialanpassade titlar fär varje separat sida, korrekta rubriker, snygga url:er, fet/kursiv stil, alt-attribut m.m. Allt detta ska sedan generera rätt HTML-kod. Det ska inte få smyga sig in en stylad p-tag som huvudrubrik eller liknande.

Jag tycker att många webbyråer slarvigt bakar in SEO i sina erbjudanden. För det första bör det finnas en webbutvecklare på byrån som har bra koll på SEO, både on-page och off-page. Hur ska man annars lyckas leverera lösninga som är så gott som felfria ur ett SEO-perspektiv?

Nästa punkt handlar om Flash. Nu vet jag att det går en rysning genom kroppen på många av er. Flash kan nog vara den SEO-ovänligaste tekniken som någonsin utvecklats. Den används också flitigt av många ”hippa” webbyråer. Javascript är förvisso även det ett problem, men Flash har blivit så flashigt i designerkretsar. Det är som ett virus som ohämmat sprider sig på webben, men det har tack och lov kommit ett motgift som heter HTML5. Jag har inget emot flashsajter rent designmässigt, det kan vara riktigt snyggt många gånger. Men precis som att vi SEO:are inte alltid kan sätta de mest optimala rubrikerna och innehållet på kundwebbplatser, så bör inte heller Flash-utvecklare tillåtas att totalkvadda kundens synlighet på Google. Det går att göra snygga designer med CSS och det går att sköta mycket SEO genom länkar. Det behöver inte vara antingen eller. Låt istället design och SEO mötas halvvägs.

Bra SEO och snygg design

Jag fick idén till detta inlägg när jag läste en tweet av John Doherty @dohertyjf

”I think all SEOs need to take a design class, an Excel course, and a psychology course.”

Det må vara sant att många sökmotoroptimerare lägger störst vikt vid de faktorer som påverkar rankingen och glömmer bort det estetiska. Det råder väl ett snarlikt förhållande mellan designers och sökmotoroptimerare, som mellan designers och programmerare. Fokus läggs på det egna expertområdet medan andra områden får stå tillbaka.

Det är dock fullt möjligt att skapa designmässigt mycket tilltalande sajter som samtidigt är mycket bra sökmotoroptimerade. CSS-teknikens utveckling har gjort att man numera kan skapa mycket trevliga designer och funktioner utan att det påverkar faktorer som laddningstider nämnvärt. Snabbare uppkopplingar har gjort att man slipper hårdkomprimera bilder vilket drar ner bildkvalitén. Dropdown-menyer och hover-funktioner kan skapas med CSS istället för Javascript.

Problemet som John Doherty upplever beror alltså inte på att snygg design är dåligt för SEO:n, utan att sökmotoroptimerare kanske i större utsträckning saknar ett öga för design. Det finns nog lika många SEO:are som hävdar att designers borde gå en kurs i sökmotoroptimering.

Det är svårt att vara expert på allting, det är därför vi människor använder samarbete för att nå nya tekniska framsteg. På så sätt skapar vi trevliga upplevelser för besökarna samtidigt som de har lätt att hitta till sajterna.

Fontens betydelse för din inlärning

Inom webbsvängen som jag förmodar att de flesta av mina läsare befinner sig i är det vanligt att enkla och lättlästa fonter förespråkas. Seriösa webbdesigners vill absolut inte bli förknippade med Comic Sans och liknande påhitt a’la 90-tal. Jag är en av dem som rättar mig i ledet och använder ”normala” fonter som Verdana, Arial och Trebuchet. När jag är riktigt busig kan jag dock använda Georgia.

Nu har forskare på amerikanska Princeton University kommit fram till en kontroversiell teori. En font som är lättläst låter läsarens hjärna slappna av, vilket gör att mindre information sätter sig i minnet. Fonter som är lite mer svårlästa gör att hjärnan arbetar hårdare. Denna extra ansträngning säger till hjärnan att informationen kan vara värd att lägga på minnet.

Vill du lära dina läsare något för livet så gör du bäst i att använda en snirklig skrivstilsfont.

Källa: Gizmodo.com

WP eller egen design till innehållssajter?

Olof ska ha cred för att han gav mig idén till detta inlägg. Här tänkte jag diskutera huruvida man bör använda sig av en färdig lösning (t.ex. WordPress) eller köra på egenkodat när man ska göra mindre innehållssajter. Några fördelar med WordPress är helt klart att det följer med ett publiceringsverktyg samt att det är smidigt att installera.

Fördelarna med den egenkodade sajten är att man har från början har full kontroll på hur man vill använda de olika taggarna som gynnar SEO:n. Detta går givetvis att ordna till även i en WordPress-lösning, men jag tycker det är mycket krångligare att pilla i någon annans kod. Den statiska ssidan har även fördelen att ofta vara snabbare vid laddning än den dynamiska med flera databasanrop. Svarstiden för sajten är en inte helt obetydlig del av SEO:n. Det är även en stor fördel att redan från början ha full kontroll över kod/text-ration på din sajt, ju mer text i förhållande till kod destå bättre. Även när det gäller annonsplacering ser jag större fördelar med den egenkodade sajten, här kan du enkelt slänga in ett annonselement (Adsense-enhet/banner) var som helst utan större problem. Håller man på mycket med affiliatelänkar direkt i texten borde det dock inte spela någon större roll. Gör man dessutom några mallar att utgå  ifrån behöver inte kodningsbiten ta allt för lång tid. Glöm inte heller att testa olika typer av designer och annonsplaceringar för att hitta den perfekta lösningen. Design och annonsplacering påverkar i hög grad hur mycket det klickas på annonser.

Jag vill poängtera att jag har mycket mer erfarenhet av de egenkodade sajterna än att köra WordPress. Därför kan min bild vara kraftigt vinklad, men jag hoppas på kommentarer som ställar  allt till rätta i så fall.

Småföretagare dåliga på webben

Jag tycker man jämt och ständigt stöter på företagswebbplatser som rent ut sagt ser förjävliga ut. Detta tycker jag främst gäller små företag. Tanken till detta inlägg fick jag då jag återigen besökte 7stera.se, sajten som marknadsför och beskriver Draknästetuppfinningen med samma namn. Jag tycker att det är lite känsligt att krisisera dessa sajter eftersom det i vissa fall ligger en form av stolthet bakom skapelserna. All respekt åt dem som gjort sig mödan att lära sig grundläggande HTML för att kunna snickra ihop en egen sajt. En del av den personliga utvecklingen består dock i att bli bedömd av andra och få konstruktiv kritik.

Kort analys av 7stera.se
Vid första anblick ser webbplatsen ut att härstamma från 1998. Jag försöker lista ut hur den är uppbyggd och märker att vänsterdelen och högerdelen med logga ändrar position när man zoomar in resp. ut. Sajten är uppbyggd av tabeller som på gamla dagar. Rent utseendemässigt behöver det inte alls vara fel att använda tabeller, men ser man till SEO och kod så är det en katastrof. Sajten använder sig inte heller av någon extern CSS-fil för att separera innehållet från den visuella presentationen. Längst upp syns också VB-kod som ren text.

Eftersom webbplatsen idag enbart fungerar som presentation av företaget och produkten skulle det inte kosta många tusenlappar att låta ett proffs göra en ny design. Jag rekommenderar starkt en sådan investering!

Kort analys av Ruda Golf
Här har vi en webbplats som jag nämnt tidigare. Då gjorde jag en helt ny sida, och erbjöd dem att köpa den för en mycket liten summa. Jag fick aldrig något svar. Ruda.nu består enbart av en startsida, som inte är alls tilltalande. Här skulle jag rekommendera att skrota den nuvarande färgsättningen, blå text på grön  bakgrund är ingen hit. Sajten skulle enkelt kunna fräschas upp genom att fixa en interaktiv karta med Google Maps. Bilderna borde ligga som klickabara  miniatyrer i ett bildarkiv med en förstoringseffekt från exempelvis Highslide.

Kort analys av Högströms Tekniska
Presentationen av Högströms Tekniska lyder: ”Högströms Tekniska hjälper dig som privatperson men även små och medelstora företag med tekniska installationer, datasupport och utveckling av hemsidor. Högströms Tekniska kommer ut och fixar dina datorer samt installation av hemnätverk”.

Han må vara en hejare på den tekniska biten, men att ge sig på att utveckla hemsidor bör han nog inte göra. Den egna webbplatsen marknadsför ju inte den tjänsten särskilt bra. En ordentlig omgörning av hela webbplatsen skulle vara på sin plats.

Anpassning till olika webbläsare

Nu har jag spenderat någon timma på att anpassa designerna till resesajterna till Firefox och Internet Explorer. Jag uppmärksammades på detta problem av en vänlig läsare och attackerade problemet direkt. När det däller dessa designer har jag slarvat en aning och struntat i att kontrollera hur de ser ut i andra webbläsare än Opera.

Ett problem återstår dock, jag får inte bakgrundsfärgerna att bli rätt i Firefox. Body-bakgrunden ska vara grå, men innehållsdelens bakgrund ska vara vit. Trots att jag gett div:en ”content” background: #FFFFFF; så funkar det inte. Body-bakgrunden används på hela sidan.

De andra felen i Firefox som bestod av felpositionerade div:ar löstes lätt i CSS:en, och påverkade inte heller designens utseende i Opera. När det kommer till fel i Internet Explorer tvingas man (ta mig fan) alltid skapa en <!–[if IE 7]> där man får ge div:arna helt ny bredd, marginal, padding m.m. Fel som uppstår i Firefox och Opera beror ofta på att man slarvat med att ange olika mått. Rättar man till, så funkar det sedan ofta i båda webbläsarna.

Dessa jobbiga snapshots

Det verkas som att många webmasters och bloggar gillar snapshot-funktioner för bilder. Ni har säkert stött på dem. De gör så att det dyker upp en liten pratbubbla när man rör musen över en länk eller en liten bild. Ofta är dessa så snabba på att reagera på musen, att de dyker upp så fort man råkar röra musen snabbt över dem. Fruktansvärt irriterande, undvik dessa onödiga ”service” till dina besökare.