Ordlista

Frames är en teknik som uppfanns under 90-talet för att man på enkelt sätt skulle kunna ha många olika undersidor med samma header och meny, utan att behöva ändra varenda sida så fort man t.ex. lägger till en ny undersida. Rent praktiskt går det till så att man delar upp en sida i flera olika delar, frames eller iframes, där varje del består av varsin html-fil. På sätt kan man ha innehållet i egna html-filer och menyn i en annan html-fil. Vill man uppdatera menyn behöver man således bara uppdatera en fil.

Än så länge verkar allt vara frid och fröjd, men det är det inte. Den främsta anledningen är att frames för med sig så många fler nackdelar än fördelar. Frames skapar användbarhetsproblem då det inte är enkelt att navigera genom sidan med tangentbordet och man inte kan länka direkt till en undersida. Frames skapar tillgänglighetsproblem då alla webbläsare inte kan hantera frames. Dessutom har sökmotorer mycket svårare att förstå frames. Dels för att det blir fler html-filer att hämta och läsa. Dels för att frames oftast ger samma huvudrubrik och meta-description till alla sidor, vilket inte uppskattas av sökmotorerna.

En annan orsak är att det helt enkelt finns andra, bättre tekniker för att lösa problemet idag. Det räcker med att lära sig ett enda php-kommando (include) för att göra det utan frames.

Kort sagt: det finns ingen anledning alls att använda frames.

Förhoppningsvis har det med all önskvärd tydlighet framgått av mina tidigare inlägg att man aldrig någonsin ska använda tabeller till att layouta en hemsida. Det är en av de största synderna man göra inom webbdesign (den andra är frames). Att använda tabeller där de inte hör hemma är dåligt ur användbarhets-, tillgänglighets- och sökmotoroptimeringssynpunkt.

En tabell är en samling celler ordnade i rader och kolumner och används för att på ett rationellt sätt orda data. Vanligen innehåller varje kolumn en kategori och varje rad en post med data som hös samman. T.ex. skulle en lista över olika bilar kunna ha kategorierna, modell, vikt, längd och bredd, och varje rad skulle innehålla specifikationerna för respektive modell.

En tabell innehåller tabelldata.

Eftersom en tabell innehåller tabelldata ska tabeller inte användas för att sköta en hel hemsidas layout. Man använder “div-taggar” till att sköta layout, man använder img-element för att visa bilder, man använder listor för att göra listor, man använder tabeller för att visa tabelldata. Att det ändå är så vanligt beror till viss del på att man för 15 år sedan inte hade något alternativ. Men världen utvecklas. Att någon gjorde fel tidigare betyder inte att man får göra det igen.

Ta ett bord, som händelsevis råkar heta “table” på engelska. Det är en utmärkt möbel om du vill ha något att ställa tallriken på när du äter. Ett annat vanligt användningsområde är som skrivbord, för att ha en yta att arbeta med datorn på. I vardagsrummet kan man vila fötterna på ett bord. Vid sängen står ett nattduksbord. Det finns bord som går att förlänga. Det finns bord som går att vika ihop. Det finns japanska decimeterhöga bord. Det finns bord som är flera meter höga. Dom kan vara runda, fyrkantiga, triangulära, krokiga, korta, väldigt långa, svarta, genomskinliga eller vassa. Dom kan också vara fula.

Att bord är väldigt användbara betyder dock inte att man kan använda det till allt. Det går att sova på bord, de går att använda som brasved, de går till och med, om än med viss möda, att äta, men det är varken bekvämt, praktiskt eller nyttigt att göra så.

Och det är inte praktiskt att bygga ett helt hus utav bord.

Sökmotoroptimering (också känt som SEO) är konsten att få en viss hemsida att synas högt upp i sökresultatet för ett visst ord eller en viss fras. I grund och botten handlar sökmotoroptimering om att göra sidan lätt att hitta och lätt att förstå för sökmotorerna. Sökmotoroptimering har alltså ganska mycket gemensamt med en användbarhet. Det är trots allt det t.ex. google vill ge sina användare: en användbar hemsida.

Varför sökmotoroptimera?

Har man en hemsida vill man ha besökare, annars är hemsidan meningslös. Det enklaste och effektivaste sättet att få besökare som är intresserad av hemsidans ämne är att synas i sökresultaten. Alla som letar efter något kommer att “googla” det. Hittar dom då dig har du dessutom fördelen av att dom redan intresserade av ditt erbjudande.

Hur sökmotoroptimerar man?

Vanligtvis brukar man dela in sökmotoroptimering i två delar: On page och “Off page”. On Page-optimering är den del som sker på själva hemsidan. Det handlar om hur sidans url ser ut, hur strukturen på hemsidan är uppbyggd och hur väl sökmotorn kan tolka innehållet. Generellt sett ska man optimera en enda sida per sökord/fras. Försöker man optimera en sida för flera olika termer kommer man inte placera bra på någon av termerna och sökmotoroptimerar man flera undersidor på samma term kommer de konkurrera med varandra.

Hur ofta och var ett sökord nämns är bland det viktigaste på en enskild sida. Att ordet nämns ofta har viss betydelse, men både google och besökare tröttnar på dig om du spammar ut sökfraser bara för att. De absolut viktigaste elementen som bör innehålla sökordet är sidans title och sidans huvudrubrik (h1). Dessa element är de som har störst betydelse både för sökmotorer och besökare eftersom de säger vad sidan handlar om. Alltså är det viktigt att man använder html-element korrekt. Använder man tabeller och frames kommer google få mycket svårare att förstå vad sidan handlar om och såldes kommer man inte hamna lika högt upp i sökresultaten.

Den sökmotoroptimering som inte sker på din egen hemsida handlar huvudsakligen om länkar. Länkar används som ett mått på hur populär och omtyckt din sida är. Det är ju ganska rimligt att många länkar till din hemsida om den är bra. Det finns gott om exempel som bara genom att ha extremt annorlunda, bra och lättförståeligt innehåll lyckats få tusentals länkar den första dagen efter lansering.

Orkar man inte vänta tills folk hittar ens hemsida och länkar den finns det andra metoder. Länkbyte samt köpta länkar är två vanliga metoder som anses vara tillåtna. Länkbyte går helt enkelt till som så att du hittar en annan hemsida som du tror skulle vilja länka till dig, kontaktar ägaren och föreslår att du länkar till den hemsidan mot en länk tillbaka. Köpta länkar brukar antingen betalas för per månad, som en annons, eller köpas som en engångslänk i t.ex. ett inlägg.

Självklart finns det mycket mer ingående information, tekniker och aspekter av sökmotoroptimering. Detta var mest en kort introduktion för dem som inte satt sig in i hur sökmotoroptimering används.

Användbarhet är ett begrepp inom webbdesign som är lika diffust och svårdefinierat som det är viktigt. Många använder det som om det vore synonymt med användarvänlighet, men det är inte riktigt sant. Användbarhet består av flera olika begrepp, där användarvänlighet är ett av dem, och tillgänglighet är ett annat.

Tillgänglighet är en term för hur stor del av en hemsidas funktionalitet som är tillgänglig för hur många. Att göra en hemsida i flash t.ex. minskar tillgängligheten då många (personer med gamla webbläsare, blockering av flash, iPhone/iPad etc) inte kan använda sig av sådana hemsidor. Lika fel är det dock att använda frames eller inte ange alt-attribut för bilder då även det utesluter vissa besökare (personer med gamla webbläsare, skärmläsare, som surfar på mobilen etc).

Användarvänlighet är helt enkelt ett mått på hur enkel en hemsida är att använda för besökarna. Eller för att vara mer specifik, hur enkelt det är att utföra en viss uppgift. Att göra komplexa strukturer, mångtydiga knappar eller använda bekanta objekt för ovanliga uppgifter gör det svårare för användaren medan tydliga instruktioner och en överskådlig navigering gör det lättare.

Ovanstående begrepp är visserligen jätteviktiga, men de räcker inte till för att göra en hemsida användbar. En hemsida kanske är tillgänglig för alla och jättelätt att använda men om allt den gör är att skriva “hej” när du klickar på en knapp medan du vill att den ska skriva “tja” så är hemsidan meningslös. Nytta är alltså den sista ingrediensen som krävs. En hemsida måste utföra det man tänkt utföra för att den ska vara meningsfull.

Så för att sammanfatta det till en enda mening, användbarhet är att göra det så enkelt som möjligt för så många som möjligt att nå sitt uppsatta mål.