ANALYSE AF WEBSTEDET

Størrelse: px
Starte visningen fra side:

Download "ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK"

Transkript

1 ANALYSE AF WEBSTEDET Denne rapport indeholder en primær analyse af webstedet 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.: Web: scrconsulting.dk DK-1101 København K [email protected] Fax:

2 GRUNDOPLYSNINGER Firma Bilforhandler Webadresse 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 1024x x x480 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 - SCR Web. Juni 2007 side 2

3 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 - SCR Web. Juni 2007 side 3

4 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 - SCR Web. Juni 2007 side 4

5 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 - SCR Web. Juni 2007 side 5

6 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 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 sekunder 28.8K sekunder 33.6K sekunder 56K sekunder ISDN 128K 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 - SCR Web. Juni 2007 side 6

7 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å 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 - SCR Web. Juni 2007 side 7

8 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 - SCR Web. Juni 2007 side 8

Gitte Smed, Styrelsen for biblioteker og medier. Midtvejstest af tilgængeligheden til nyt netsted

Gitte Smed, Styrelsen for biblioteker og medier. Midtvejstest af tilgængeligheden til nyt netsted Sensus ApS Langesvej 34 DK-3400 Hillerød Telefon: +45 48 22 10 03 Telefax: +45 48 22 10 04 www.sensus.dk [email protected] Til: To: Kopi: Copy: Fra: From: Dato: Date: Emne: Subject: Gitte Smed, Styrelsen

Læs mere

Sensus. Grafisk design og tilgængelighed

Sensus. Grafisk design og tilgængelighed Grafisk design og tilgængelighed Mange tilgængelighedsproblemer bliver skabt allerede i forbindelse med udviklingen af netstedets grafiske udtryk. Tilgængelige netsteder er ikke nødvendigvis ensbetydende

Læs mere

Webside score simmi.it

Webside score simmi.it Webside score simmi.it Genereret August 01 2015 12:13 PM Scoren er 45/100 SEO Indhold Titel SIMMI - TORINO - Bomboniere, Sacchettini, Tipografia, Accessori, Confettate, Fardamè, per le Nozze, Længde :

Læs mere

PageSpeed Insights. Fjern gengivelsesblokerende JavaScript og CSS fra indholdet over skillelinjen

PageSpeed Insights. Fjern gengivelsesblokerende JavaScript og CSS fra indholdet over skillelinjen PageSpeed Insights Mobil 77 / 100 Hastighed Du bør løse: Fjern gengivelsesblokerende JavaScript og CSS fra indholdet over skillelinjen Din side har 5 blokerende script-ressourcer og 9 blokerende CSS-ressourcer.

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

PageSpeed Insights. https://seo.groovy.mx/theme/simplex/css/animate.css (udløbsdato er ikke specificeret)

PageSpeed Insights. https://seo.groovy.mx/theme/simplex/css/animate.css (udløbsdato er ikke specificeret) PageSpeed Insights Mobil 47 / 100 Hastighed Du bør løse: Udnyt cachelagring i browser Fastsættelse af en udløbsdato eller en maksimal alder i HTTP-overskrifter til statiske ressourcer instruerer browseren

Læs mere

PageSpeed Insights. Komprimering af ressourcer med gzip eller deflate kan reducere antallet af bytes, der sendes over netværket.

PageSpeed Insights. Komprimering af ressourcer med gzip eller deflate kan reducere antallet af bytes, der sendes over netværket. PageSpeed Insights Mobil 47 / 100 Hastighed Du bør løse: Aktiver komprimering Komprimering af ressourcer med gzip eller deflate kan reducere antallet af bytes, der sendes over netværket. Aktivér komprimering

Læs mere

Indholdsfortegnelse. Forord

Indholdsfortegnelse. Forord Indholdsfortegnelse Forord i Indholdsfortegnelse iii Indledning ix 1. Introduktion til HTML 1 Websider laves med HTML 2 Websider læses med en browser 2 Browserspecifikke markører 3 HTML-dokumentet 4 Hvad

Læs mere

Vejledning til Google Analytics rapporter

Vejledning til Google Analytics rapporter Vejledning til Google Analytics rapporter Internet statistik kan godt være svært at forstå specielt hvis man ikke er vant til at arbejde med sådanne ting. For at gøre det nemmere for vores kunder at forstå

Læs mere

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Det vigtigste Hjemmeside i FrontPageExpress Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Lav en mappe til din hjemmeside. Find først din mappe på skolens netværk,

Læs mere

Webside score dictionary.com

Webside score dictionary.com Webside score dictionary.com Genereret September 09 2016 21:42 PM Scoren er 33/100 SEO Indhold Titel Dictionary.com Meanings and Definitions of Words at Dictionary.com Længde : 68 Perfekt, din titel indeholder

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

Hjemmesidens layout. Sitecore Foundry maj Version 1.2

Hjemmesidens layout. Sitecore Foundry maj Version 1.2 Sitecore Foundry 3.0 Hjemmesidens layout 31. maj 2012 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: [email protected] Indholdsfortegnelse Indledning...

Læs mere

Adwords i praksis annoncer på Google

Adwords i praksis annoncer på Google 3 timers kursus hos jer, hos Nielsens Bureau eller over internettet: Adwords i praksis annoncer på Google Adwords-annoncerne fra Google er en nem, hurtig og effektiv måde at gøre jeres produkter og ydelser

Læs mere

Vejledning til opbygning af hjemmesider

Vejledning til opbygning af hjemmesider Side 1 af 9 Vejledning til opbygning af hjemmesider Hvis du er inde på din klubs hjemmeside, fx på forsiden, kan du nu gå i gang med at redigere. For at få redigeringsværktøjet frem, skal du klikke på

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Af Henrik Bro og Martin T. Hansen I har måske allerede en flot, og informativ hjemmeside. Og alle jeres kursister

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Kenn Römer-Bruhn. WordPress. - gør dig synlig på nettet

Kenn Römer-Bruhn. WordPress. - gør dig synlig på nettet Kenn Römer-Bruhn WordPress - gør dig synlig på nettet version 1.3 2. september 2013 Lidt om hvem Kenn er Arbejdsområder i dag: Forfatter, skribent, redaktør, forlægger, fotojournalist, blogger, grafisk

Læs mere

Multimediedesigner. Vedvarende. energi

Multimediedesigner. Vedvarende. energi Multimediedesigner Vedvarende energi Eksamensprojekt 2. sem. maj. 2014 - jun. 2014 Problemstilling Vedvarende energi er en samlebetegnelse for bioenergi, vindenergi, solenergi og andre teknologier, der

Læs mere

Gør hjemmesiden synlig på søgemaskinerne

Gør hjemmesiden synlig på søgemaskinerne Gør hjemmesiden synlig på søgemaskinerne Der er mange måder at gøre jeres hjemmeside synlig i søgemaskinerne på. På dette kursus kommer vi omkring de fleste med fokus på, hvad I selv kan gøre for at komme

Læs mere

PageSpeed Insights. (udløbsdato er ikke specificeret)

PageSpeed Insights.  (udløbsdato er ikke specificeret) PageSpeed Insights Mobil 68 / 100 Hastighed Du bør løse: Udnyt cachelagring i browser Fastsættelse af en udløbsdato eller en maksimal alder i HTTP-overskrifter til statiske ressourcer instruerer browseren

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

Læs mere

10 Vigtigste SEO Ranking Faktorer

10 Vigtigste SEO Ranking Faktorer 10 Vigtigste SEO Ranking Faktorer Indledning 10 Vigtigste Ranking Faktorer Agilitor Der findes en lang række faktorer, der har indflydelse på din websites position i Google på forskellige søgeord. Faktisk

Læs mere

Søgemaskineoptimering. Sådan kommer du til tops i Google af Dansk Internet Erhverv

Søgemaskineoptimering. Sådan kommer du til tops i Google af Dansk Internet Erhverv Søgemaskineoptimering Sådan kommer du til tops i Google af Dansk Internet Erhverv Agenda: Kl. 9.00 - kl. 9.10 Velkomst ved salgschef Kim Thrane Kl. 9.10 - kl. 9.40 Præsentation af CMS ved Kim Thrane Kl.

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs mere

Elevvejledning til SkoleKomNet - Min egen hjemmeside

Elevvejledning til SkoleKomNet - Min egen hjemmeside Indledning...1 Sådan får du adgang...2 Dit KlasseWeb skrivebord Overblik...2 Dit arbejdsområde...3 Din hjemmeside på nettet...3 Sådan laver du en hjemmeside i 4 trin...3 Trin 1 Dit personlige billede på

Læs mere

PROGRAM FOR KURSET : Sådan skriver du gode webtekster : Pause : Sådan laver du SEO på tekster og billeder. 11.

PROGRAM FOR KURSET : Sådan skriver du gode webtekster : Pause : Sådan laver du SEO på tekster og billeder. 11. PROGRAM FOR KURSET 10-11: Sådan skriver du gode webtekster 11-11.15: Pause 11.15: Sådan laver du SEO på tekster og billeder 11.45: Spørgsmål 1 EN HJEMMESIDE DER SÆLGER: 1 Kundeemne søger på Google efter

Læs mere

Online annoncespecifikationer

Online annoncespecifikationer ClickTAG Streaming video Brugeraktiveret lyd Standardmål 728x90 15 sekunders animation Opdateret 24. juli 2008 Annoncering på BilBasen Fakta om BilBasen ApS Bilbasen.dk er Danmarks største bilsite med

Læs mere

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

Læs mere

Tilgængelighedsmanual til CMS et for Københavns Kommunes hjemmeside

Tilgængelighedsmanual til CMS et for Københavns Kommunes hjemmeside Sensus ApS Torvet 3-5, 2.tv. DK-3400 Hillerød Telefon: +45 48 22 10 03 CVR nr.: DK11130976 www.sensus.dk [email protected] Tilgængelighedsmanual til CMS et for Københavns Kommunes hjemmeside Version 1.2

Læs mere