ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK Denne rapport indeholder en primær analyse af webstedet www.bilforhandler.dk. Vi har kigget på: Det vigtige førstehåndsindtryk af webstedet Brugervenlighed Anvendte teknologier Hastighed Søgemaskineoptimering Links Konklusionen er, at på trods af mange gode elementer, indeholder webstedet en del svagheder, der: kan få brugere til hurtigt at søge væk fra siden kan få brugere til aldrig at komme ind på siden betyder, at borgere/samarbejdspartere ikke får indfriet deres forventninger til webstedet. En mere uddybende rapport vil kunne komme med en række anbefalinger til, hvordan webstedet kan gøres bedre. Rapporten er udarbejdet af systemdesigner Petra Husum, SCR Web, juni 2007 SCR Web Ny Østergade 5, 2. Tlf.: +45 7023 4134 Web: scrconsulting.dk DK-1101 København K E-mail: mail@scrconsulting.dk Fax: +45 7023 4034
GRUNDOPLYSNINGER Firma Bilforhandler Webadresse www.bilforhandler.dk Første indtryk af forsiden (homepage) Pænt, enkelt design, der matcher målgruppen. Webstedet afspejler troværdighed og seriøsitet. De væsentligste oplysninger er umiddelbart tilgængelige. BRUGERVENLIGHED Er de allermest nødvendige forudsætninger for brugervenlighed opfyldt? Kan brugere med små skærme (600x800 pixel) se al væsentlig information. Er skriftstørrelser skalerbare? Hvis webstedet ikke er optimeret til små skærme (800x600) kan ca. 20 % af brugerne ikke se al væsentlig information og de skal scrolle meget. Se nedenstående tabel: 2006 Højere 1024x768 800x600 640x480 Ukendt Januar 17 % 57 % 20 % 0 % 6 % Kilde: w3schools.org Kommentar: Et kontaktlink i hovedmenuen ville være godt Skriftstørrelser kan i stylesheet et angives til at kunne skaleres op og ned, så folk med dårligt syn kan indstille bogstavernes størrelse efter behov. (CTRL + rulle) Kommentar: Nej, og det nedsætter anvendeligheden for brugere med nedsat syn. Umotiveret brug af kørende tekster, animerede giffer, flashanimationer. Kan virke irriterende og forstyrre det egentlige budskab på webstedet. Kan ligeledes give indtryk uprofessionalisme Kommentar: Findes ikke på webstedet Primær analyse af www.bilforhandler.dk - SCR Web. Juni 2007 side 2
Er kontrasten mellem tekst og baggrund tydelig? Bedst er hvid baggrund og sort skrift (765), men andre konstellationer er acceptable. Anbefalet grænseværdi = 500. Kommentar: Forskellen mellem farven på almindelig tekst (#5C5C5C) og baggrunden (hvid) er i dette tilfælde 489. Forskellen i menulinien (ikke-aktive links) er 232 Er det tydeligt at se forskel på brødtekst og links? Konventionen er at links er blå og understregede, så det må anbefales. Væsentligst er det dog, at links kan skelnes fra den øvrige tekst. Kommentar: Ja, links er i dette tilfælde turkise, og nemme at skelne. Er alle besøgte links i en anden farve? Konventionen er at besøgte links er violette, så det må anbefales, men væsentligst er det, at besøgte links adskiller sig fra ikke-besøgte. Kommentar: Nej, besøgte links adskiller sig ikke fra ikke-besøgte. Er der anvendt sigende og meningsfyldte link-tekster? Har alle billeder har en mouseover tekst? F.eks: Læs mere om jobmuligheder. i stedet for Jobmuligheder. Læs her Kommentar: Ja, i store træk, bortset fra nogle steder, hvor linkteksten Læs mere ere brugt Mouseover -tekst bevirker, at brugere, der har slået grafik fra eller som benytter en skærmlæser kan få oplyst, hvad billedet viser, og således aflæse billedets funktion. Kommentar: Nej. Se på bilag 1 hvilken betydning det kan have. Bemærk f.eks. søgefunktionen. Primær analyse af www.bilforhandler.dk - SCR Web. Juni 2007 side 3
ANVENDTE TEKNOLOGIER Er webstedet fremtidssikret og overholder den gængse retningsliner for god programmering. Anvendes frames? Brugen af frames er en teknik man helst skal undgå, da den giver en række problemer, f.eks.: 1. Brugere, der besøger webstedet via søgemaskiner, kommer sjældent ind via index-siden, da der ikke findes relevant indhold her. Derfor mangler f.eks. navigation og link til forsiden ofte. 2. Det er vanskeligt at bogmærke enkelte websider, da den enkelte side ikke har egen adresse, når man bruger frames. 3. Websteder med frames indekseres ikke altid ordentligt af søgemaskinerne. Kommentar: Der anvendes frames. Ikke så godt! Anvendes tabeller til layout? Denne brug af tabeller er ikke korrekt, tidssvarende xhtml-kode, og vil betyde begrænsninger for anvendelse af webstedets indhold, søgemaskineoptimeringen og brugervenligheden. Kommentar: Ja se tabelstrukturen i bilag 2 Styres formatering med stylesheet? Moderne webdesign bruger stylesheets. Brug af formateringskoden inde i html-koden er utidssvarende og uhensigtsmæssig. Kommentar: Som nævnt styres selv layoutet ikke med stylesheets, men det meste af formateringen sker via stylesheets. Er der <font>-tags i kildekoden? Benytter webstedet overskriftelementer (h1, h2 osv.) til strukturering af indhold? Brug af formateringskoder, så som <font>-tags, inde i html-koden er utidssvarende og uhensigtsmæssig. Kommentar: Selv om det meste af formateringen sker via stylesheets, er der dog enkelte <font>-tags inde i kildekoden hist og her. Overskriftselementer skal bruges til at videregive information om dokumentets struktur, og ikke for at opnå en bestemt formatering (f.eks. anvendes h2 til at angive et underafsnit til h1). Brug af overskriftelementer bevirker, at sidernes indhold struktureres til gavn for genanvendelse af data, brugernes overblik, søgemaskinernes indeksering og anvendelse af data for blinde eller brugere, der benytter en skærmlæser. Kommentar: Nej, tilsyneladende bruges der overhovedet ikke overskriftelementer. Primær analyse af www.bilforhandler.dk - SCR Web. Juni 2007 side 4
Kan webstedet bruges når JavaScripts, appletter eller andre programmerede objekter er slået fra eller ikke understøttes? HTML validering Opfylder siden vedtagne standarder for brug af html-kode. CSS validering Opfylder siden vedtagne standarder for brug af stylesheet. Nogle brugere slår af sikkerhedshensyn muligheden for at køre eksempelvis JavaScripts fra, eller også har de ikke installeret de fornødne ressourcer. Kommentar: Nej, f.eks. er både hovedmenuen, login-funktionen og søgefunktionen sat ud af kraft, når Javascripts er slået fra/ikke installeret. Validering af hhv. html-kode og css-kode sker på W3C (officielle standarder). Det er mange væsentlige grunde til at følge standarderne. Nogle af dem er: Siderne vises korrekt i alle browsere, der understøtter standarden. De sider, der følger specifikationerne, får bedre placeringer i søgemaskiner. Korrekte sider kan bruges af andre medier end browsere, fx tv eller pda. Korrekte sider er nemmere at konvertere til andre (og måske fremtidige) formater såsom Word, databaser eller XHTML. Korrekt kode betyder altså, at webstedet kan opleves af flest mulige brugere samtidigt med, at det fremtidssikres. Hvis den meget væsentlige DOCTYPE-deklaration mangler, kan webstedet ikke validere og kan aldrig blive standardkompatibelt. Kommentar: Validering af html-kode på forsiden giver 57 fejl. Fejlene omfatter f.eks. manglende/forkerte attributter, brug af forældede elementer, forkert indkapsling af elementer m.v. Validering af css-kode på forsiden giver 5 fejl, og en lang række advarsler ( warnings ). Primær analyse af www.bilforhandler.dk - SCR Web. Juni 2007 side 5
HASTIGHED, SØGEMASKINE, LINKANALYSE Hvor hurtigt kommer siden frem, kan den findes i søgemaskiner og der link ind og ud - og virker de? Vises websiden inden for 8 sekunder med et 56KB-modem? Undersøgelser viser, at brugere ikke venter mere end 8 sekunder på at en webside bliver downloadet. Afhængig af målgruppen skal man tage udgangspunkt i at de svageste brugere har et 56KB-modem. 2005 Telefonmodem/ISDN ADSL Anden bredbånd UMTS Danskere med adgang til internet i 31 % 40 % 28 % 1 % hjemmet Kilde: Danmarks Statistik Download-tider for forsiden: Båndbredde Download-tid 14.4K 132.77 sekunder 28.8K 66.38 sekunder 33.6K 56.90 sekunder 56K 34.14 sekunder ISDN 128K 10.46 sekunder T1 1.44Mbps 0.91 sekunder Kommentar: Websiden fylder 171 Kb heraf er de 133 Kb billeder. 1. Det totale antal af eksterne objekter på denne side er 17 primært billeder. Overvej at reducere antallet f.eks. ved at erstatte grafiske menuer og roll-overs med css og billeder med farver i stylesheet et. 2. Sidens totale størrelse er 171 kb, som vil loade på 34 sekunder med et 56Kbps modem. Overvej at reducere siden til mindre end 30 kb, f.eks. ved at intensivere bruges af stylesheets og/eller ved at være omhyggelig med komprimering af anvendte billeder. F.eks. kan billedet af Jaguaren (se overfor) meget let komprimeres fra 49KB til 6KB. Primær analyse af www.bilforhandler.dk - SCR Web. Juni 2007 side 6
Bliver webstedet vist som nr. 1, når firmanavnet anvendes? Sådan bliver jeres websted vist på Google: Søgeterm: Bilforhandler Som nummer 1: Bliver webstedet fundet blandt de 10 første søgeresultater på www.google.com, når de 3 hovedsøgeord anvendes? Disse søgeord brugt: Købaf bil: Ikke blandt de 10 første Firmabil: Ikke blandt de 10 første Bilpark: Ikke blandt de 10 første Primær analyse af www.bilforhandler.dk - SCR Web. Juni 2007 side 7
Er der andre websteder der linker til jeres? Jo flere steder webstedet optræder på internettet, jo nemmere er det i sig selv at finde. Det kan være placeringer i forskellige indeks, brancheorganisationer m.v. Og jo flere der linker til webstedet, jo bedre placering i søgemaskinerne. Antallet af websteder, der linker til jeres: 4 = 6 = 13 Primær analyse af www.bilforhandler.dk - SCR Web. Juni 2007 side 8