Banners

1. Inledning

Ordet "banner" är engelska och kan översättas med "banér" eller "fana" och i internetsammanhang med "banderoll" eller "annons". Men ofta översätter vi inte alls utan använder ordet "banner" även på svenska.

En banner gör normalt reklam eller visar information för något, vilket skiljer den från en vanlig bild. En banner är också normalt klickbar och leder vidare till en annan sida.

På den här sidan kommer jag att säga några olika saker om banners i största allmänhet. Däremot kommer jag inte att uppehålla mig så länge vid själva tillverkningen av dem. Det beror på att jag då skulle behöva beskriva hur de vanligaste ritprogrammen fungerar och det gör jag i stället på mina sidor om programkunskap. Läs mer >

Den ekonomiska aspekten av banners tas inte heller upp här. Målgruppsanalys, marknadsundersökningar och reklam är något jag försöker hålla utanför, även om jag tangerar ämnet på flera andra ställen. Läs därför mer på sektionen om e-handel. Gå dit >

2. Klassificeringar

Banners har tillverkats i många olika former och på många olika sätt sedan reklamen började göra entré på webbsidor under mitten av 90-talet. Någon enheltlig standard för banners fanns inte och det var upp till var och en som hade en sajt att själv bestämma storleken.

En slags klassificering är efter filtypen, dvs huruvida bannern är i formatet GIF, JPG, PNG eller Flash. Du kan läsa mer om filtyper på en separat sida. Gå dit >

En annan klassificering som ofta görs är mellan sådana banners som ligger fast på en sida och sådana som dyker upp då man öppnar en sida eller klickar på en länk:

Pop-up
Lägger sig över sidan du tittar på i ett nytt fönster. Försvinner då man stänger fönstret manuellt.

Pop-down
Lägger sig under sidan. Försvinner likadant som en popup, dvs då besökaren stänger dess fönster.

Interstitial
Betyder på svenska ungefär "mellanrumslig" och är en variant av popup som täcker en del eller hela skärmen under en begränsad tid.

Samtliga effekter åstadkoms med t.ex. JavaScript. Läs mer på min JavaScript-skola. Gå dit >

Under början av 2000-talet gjordes flera undersökningar av vilka bannerstorlekar som finns. Då framkom det att branschen rättat sig efter varandra och att en flera olika slags standarder informellt hade antagits.

Interactive Advertising Bureau (IAB) är en sammanslutning av företag och organisationer, som sysslar med att ta fram olika standarder för internetreklam. De har tagit fram några riktlinjer för storlekar på banners, som de kallar Interactive Marketing Units (IMU). Adressen hittar du längst ner på den här sidan.

IMU handlar alltså om storleken på olika banners. Man delar in dem i följande typer:

Rektangulära innebär att sidorna är ungefär lika långa. De kan vara av olika storlekar, men vanliga pixelmått och de beteckningar IAB satt är:

• 300 x 250 (Medium)
• 250 x 250 (Square)
• 240 x 400 (Vertical)
• 336 x 280 (Large)
• 180 x 150 (Rectangle)

Den storlek som IAB rekommenderar är 180x150.

Banners är beteckningen på sådana som är breda och inte så höga. Även de kan ha en rad olika mått. Här är de som IAB identifierar i sin IMU:

• 468 x 60 (Full)
• 234 x 60 (Half)
• 88 x 31 (Micro Bar)
• 120 x 90 (Button 1)
• 120 x 60 (Button 2)
• 120 x 240 (Vertical)
• 125 x 125 (Square Button)
• 728 x 90 (Leaderboard)

Den storlek som IAB rekommenderar är 728x90.

Skyskrapor (skyscrapers) kallas sådana som är smala och höga. Följande typer ingår i IABs IMU:

• 160 x 600 (Wide Skyscraper)
• 120 x 600 (Skyscraper)
• 300 x 600 (Half Page Ad)

IAB rekommenderar här den första, dvs 160x600.

Sedan 2002 driver IAB en särskild arbetsgrupp, kallad Ad Sizes Task Force. Dess uppdrag är att ta fram riktlinjer för hur annonsbanners skall användas, hur stora de skall vara, osv.

Syftet är att få alla att göra ungefär samma. Företag som vill annonsera slipper göra många olika annonsbanners och de som gör webbsidor vet på förhand vilka storlekar som annonserna skall ha.

3. Vilken banner syns mest?

Hittills har jag bara talat om storleken på bannern. Hur stor yta en banner tar upp på skärmen är naturligtvis betydelsefullt för om den skall synas. Men bara för att en banner syns mest och bäst på sidan, betyder det inte nödvändigtvis att den också är effektiv!

Överskriften är alltså medvetet lite luddig. För om man tillverkar en banner som är störst och som alla verkligen ser, så innebär inte det att den blir mer attraktiv. Snarare kan det vara tvärtom, att besökaren lämnar sajten eftersom reklamen är så störande.

Man måste alltså hålla isär det att synas mest på sajten och att vara mest attraktiv för besökaren.

Man försöker ofta mäta hur effektiv en banner är genom att räkna antalet gånger besökarna klickar på den. Man får då ett mått på hur många som både sett annonsen och intresserat sig för den genom att klicka för att läsa mer.

Detta är självklart ett ytterst osäkert mått på hur många som faktiskt ser annonsen. Större företag går därför ibland ut med enkäter och frågar folk om de känner igen en viss annons, logotyp, slogan, osv.

Ytterligare ett mått är ju hur många gånger en annons visas på en sida - i praktiken hur många gånger en sida laddas - men det säger inte särskilt mycket om den ses och hur den uppfattas.

Att rangordna vad som spelar in i en banners attraktionskraft går inte. I slutändan är det ju alltid besökaren som avgör om bannern är effektiv, genom att han eller hon klickar på den. Därför skall följande lista ses som en löst hållen sammanställning, där ingen punkt är viktigare än någon annan.

Viktiga faktorer som gör en banner effektiv:

Storleken: Vill man ha en större banner så kostar det ofta mer än en liten. En stor banner placeras dessutom oftast överst eller ute i marginalen, vilket inte alls behöver betyda mer uppmärksamhet. Det kanske är bättre med många små?

Ny teknik: Här menar jag t.ex Flash-annonser. De är ofta dyrare att framställa (i särskilda program) och mindre kompatibla med besökarnas webbläsare. Så den uppmärksamhet bannern får från vissa besökare, vägs kanske upp av att andra inte kan se den?

Placeringen: Denna påverkar givetvis hur väl bannern syns. Jag tänker här på var på sidan bannern är placerad, på vilken sida den finns, samt naturligtvis också på vilken sajt den ligger.

Utseendet: Formen och designen är ganska avgörande. Det som var tillräckligt för fem år sedan räcker inte idag. Men den som försöker göra något nytt riskerar alltid att gå fel. Den som å andra sidan gör något traditionellt riskerar att drunkna i annonsdjungeln...

Innehållet: Även innehållet, alltså vad bannern gör reklam för eller informerar om, kan vara avgörande. En eftertraktad tjänst kräver kanske en tydlig eller informativ banner.

Identifikation: Hur länge har bannern eller logotypen funnits? Igenkänning kan vara det som gör att besökaren klickar på en viss banner.

Sedan finns det självklart även andra faktorer som spelar in. Hur många andra banners finns det på sidan? Finns det för många kommer besökaren inte bara att ha svårt att välja, utan förmodligen också att lämna sajten, överväldigad av för mycket information.

Många klickar kanske på en viss banner för att stödja sajten, så att den får in mer reklam. Många banners fungerar ju just så, att den som lagt upp den på sin sida får betalt efter hur många som klickar på den. Ofta fungerar det då bäst för den som äger sajten om annonsen är i GIF- eller JPG-format pga hur annonssytemen är utformade.

Vissa banners liknar vanliga felmeddelanden, t.ex varningsrutor med rutor som "Avbryt" eller "OK" på sig. Det finns många besökare som klickar på en sådan banner av misstag, i tron att det är den egna datorn som skapat rutan. Man når då kanske många kunder, men skapar också irritation (badwill) för de som klickar av misstag.

Det får inte heller vara för mycket krångel med en banner eller sajt. Allting måste laddas smärtfritt och utan problem. Den som klickar på en banner vill inte heller att det öppnas onödiga extrafönster eller att det sker sådant han eller hon inte har kontroll över.

Varför öppnas det förresten en massa popup-fönster? Jo, för att folk inte klickar på de olika reklamannonserna på själva sidan. Och klicken talar om för den som lagt ut dem att reklamen fungerar. Det räcker alltså inte med att besökaren tittar på en banner. Endast med ett klick bekräftas uppmärksamheten.

Därför försöker vissa att uppfinna nya sätt att tvinga folk att uppmärksamma just deras banner. Rutor som ligger i vägen måste stängas ner och då tittar man gärna på själva rutan också. På så vis kan man inte låta bli att se vad den gör reklam för.

Det finns sätt att komma runt sådana rutor. Vissa webbläsare gör det möjligt att stänga av vissa typer av bilder eller stänga av pop-up-fönster.

Därför blir nästa steg förmodligen finansiering av sajter på andra sätt, t.ex genom att man får betala via kontokort för en prenumeration av något slag, där ma nslipper annonser. Så har ju skett på dagstidningarnas hemsidor, bl.a på Aftonbladet.se, där man betalar en månadsavgift för att få tillgång till vissa sidor.

4. Några vanliga fel

De flesta nybörjare som prövar på att göra banners, gör i stort sett samma fel. Man kanske just har lärt sig ett ritprogram och känner sig lite berusad över alla möjligheter det erbjuder. I sin iver försöker man därför få med så mycket som möjligt, av färger och effekter. Grundregeln lyder därför: Var sparsam med effekter.

Sedan stirrar man sig oftast blind på själva bannern, snarare än vad den gör reklam för. Många försöker göra en så snygg och effektiv banner som möjligt, men glömmer bort att tänka på dess syfte. Tänk alltså på vilken funktion bannern skall ha och lite på vilken målgruppen är.

En banner gör normalt reklam för en annan sajt. Det är denna andra sajt som är det viktiga. Besökaren på sajten där bannern ligger skall bli lockad att klicka för att byta sajt. Därför måste bannern harmonisera med det ställe dit besökaren kommer. En logotyp och en enkel och informativ text kan då vara effektivare än något annat.

Skall använda animationer eller inte? Allt som rör sig drar uppmärksamheten till sig. Men om man överallt skulle se banners som hoppade och skuttade, skulle man ganska snart bli förvirrad. Därför bör man använda animationer med måtta.

5. Några tips

Jag har här försökt lista sådant jag tycker man skall tänka på:

• Tänk noga igenom vad bannern skall ha för syfte. Vad gör den reklam för?
• Hur stor skall den vara? Vad kräver den sajt där du skall annonsera?
• Hur mycket skall bannern väga? Atorleken i kilobyte är ofta begränsad när man skall annonsera.
• Fundera noga vad det skall stå på bannern och om platsen räcker till.
• Vill eller behöver du använda animationer så se till att vara återhållsam med antalet bildrutor. Då blir bannern inte så tung (i kB).
• Var också sparsam med effekterna. Två till fem färger räcker ofta långt.
• Undvik ljud.
• Försök att sätta dig in i besökarens situation. Det innebär att du skall försöka göra din banner unik, t.ex genom att skriva något roligt eller galet. Ha gärna glimten i ögat...
• ...men försök att inte reta upp besökaren med nedsättande skämt...
• ...eller popup-rutor som måste stängas, eller ännu värre, inte går att stänga av!
• Försök inte heller att lura besökaren genom banners som är falska felmeddelanden.
• Undvik alltför ny teknik. De flesta som surfar har inte de senaste läsarna.

Ett exempel på en banner som fick folk att gå i taket under 1999 var följande: En banner i form av en popup-ruta kom fram och meddelade att 400 dollar just hade dragits från besökarens bankkonto. Hade man frågor kunde man ringa det telefonnummer, som angavs i rutan. Det var bara det att inga pengar hade dragits från något konto och numret var ett amerikanskt betalnummer, motsvarande våra 071-nummer.

De personer som på detta vis tjänade en stor slant på folks irritation och rädsla, åkte sedermera fast. Men poängen med historien är ju att det finns många som gör i princip allt för att lura besökaren och få honom eller henne att göra saker som genererar pengar - utan att veta om det själva.

Sådana företag vill man ju inte bli sammankopplad med. Därför gäller det att i så hög grad som möjligt försöka sätta sig in i besökarens eller den potentielle kundens situation.

6. Länkar

Läs mer om reklam och marknadsföring på sektionen om e-handel. Gå dit >

IAB: www.iab.net

IAB Ad Sizes Task Force: www.iab.net/comm/adsizes.asp

IAB Interactive Marketing Units: www.iab.net/standards/adunits.asp