Analyse

Ny skreddersydd skytjeneste for det norske energimarkedet skytjeneste. skytjeneste for det norske. Ny skreddersydd, energimarkedet skytjeneste.

Les mer

Gjennomføring analyse av denne nettstedet

Analyse

I denne artikkel så skal jeg gjennomfør en analyse av denne nettstedet, altså vurdering av UU og SEO som er søkemotoroptimalisering og universell utformining.

Hjemme siden

Det er en validering av hjemme side, og valideringen viser at siden har null feil, og null kontrast feil

analyse av hjemme siden

CMS siden

Det er en validering av CMS side, og valideringen viser at siden har null feil, og null kontrast feil

analyse av cms siden

Analyse siden

Det er en validering av Analyse side, og valideringen viser at siden har null feil, og null kontrast feil

analyse av Analyse siden

UU vs SEO siden

Det er en validering av UU vs SEO side, og valideringen viser at siden har null feil, og null kontrast feil

analyse av uu vs seo siden

Kontakt siden

Det er en validering av kontakt oss side, og valideringen viser at siden har null feil, og null kontrast feil

analyse av kontakt oss siden

Verktøy som er brukt under utviklingen

Det ble brukt flere verktøyer for å analysere/validere denne nettsiden verktøyene ble brukt til å finne feil som oppstår i nettsiden og gjøre den universell utformet og disse verktøyene er

Wbaim.org

Jeg brukte Webaim.org for å kjekke siden og se om det er noen feil eller Errors som oppstår i siden, det som er fint med denne siden er at man kan se om siden er universelt utformet gjennom å validere fargene som står på nettsiden og applikasjonen vil vise fram de dårlige fargene som er i nettsiden som trenges endringer.

Color Contrast Checker

Brukte også en Googel utvidelse som heter Color Contrast Checker som kjekker om fargene som jeg har på nettsiden er universelt utformet, hvis ikke så skal man kunne i utvidelsen endre på fargen for å få den AAA-krav.

validator.w3.org

Validator.w3.org er veldig bra nettsted som viser feil som oppstår i nettsiden og deretter gir validator.w3.org anbefalinger som kan gjøres til å fikse den feilen som oppstår i nettstedet. Denne nettstedet er veldig viktig og nyttig å bruke, siden det er veldig lett å falle under små feil mens man koder. Denne siden er også anbefalt av Hiof høgskolen og ble oppgitt i undervisningene på skolen.

Lighthouse

bilden inneholder hav med fjel

Lighthouse er veldig nyttig og viktig verktøy å bruke mens man jobber under et nettsted. Denne er favoritt verktøye for meg siden den er lever og lagd av Google. verktøyet gir deg mulighet til å forbedre Performance, Accessibility, best Practices og SEO. Verktøyet viser også hvorfor fikk du 83 og viser feilene som hindrer at man ikke får 100 som er full scor. Så det er bare å validere, se på feilene som oppstår, går tilbake til nettstedet og fikse på feilene som hindrer deg til å få full scoret.

Når man bruker Fontawesome så sliper man å ha bilder. Når du har et bilde så vil det være mere jobb med å endre bildens størrelse i en editor slik at bilden ikke tar så mye plass og trege sidens. Jo mindre bilder man har jo beder hastighet du vil få, og når hastigheten til siden er bra så vil du rankere opp i SEO.

.

Lighthouse analyse tabell

Tabellen under inneholder før og etter resultater av statusen til de ulike delene i lighthouse (Desktop versjon)

Legg merke til at hvis du kjører lighthouse flere ganger på nettsiden så vil det komme høyere scor, noen ganger får jeg full score i hjemme siden på alt

Side

Før

Etter

Endring

Hjem

Før:

før endring hjemme side

Etter

etter endring hjemme side

Endring:

Endringene var at jeg måtte legge meta author, meta description, meta keywords og endre sizen til logoen. Deretter fikk jeg disse resultatene.

CMS

Før:

før endring CMS side

Etter:

etter endring cms side

Endring:

Jeg har brukt Sharethis API for å kunne legge til delings knaper i nettsiden, men så har jeg oppdage at det gjør siden tregg og da har jeg byttet dem med eget kode.

Analyse

Før:

før endring analyse side

Etter:

etter endring analyse side

Endring:

Det ble oppført samme endringer som er nevnet i innehold sidene, det med kontraste farger, og linjene som er under h tagene er fjernet osv.

UU vs SEO

Før:

før endring uu vs SEO side

Etter:

før endring uu vs SEO side

Endring:

Jeg hadde linjer under texten til h tag-en, har endret fargene som er ikke universel utformet og måtte ta med area label for a tagene som ikke har noen text. andre endringer er det samme endringer som ble gjort på hjem, cms og analyse.

Kontakt

Før:

før endring konyakt side

Etter:

etter endring konyakt side

Endring:

Lighthouse ber meg om å slette ifreame til mapen for å få bedre resulterer. jeg valgte å ikke gjøre dette, men sinden kontakt har høy scor på SEO så og universel utfoming så tror jeg at det vil gå greit med å la det være. bildene også er resizet.

Tilgjengelighetserklæring

Tilgjengelighetserklæring er representert i form av en tabell med de 12 retningslinjene som finnes. Les mer..