Å lage hjemmesider del 2
Innhold
Oppbygning og struktur
Finn ut hvilke undersider nettstedet ditt skal ha og sett gjerne opp en skisse
for å synliggjøre for deg selv hvordan sidene henger sammen.
Figur 1 - Skisse over et nettsted
Innhold på sidene
Du bør også sette opp en kort liste over hva slags tekst/innhold du kan tenke deg å ha på sidene og hvor du skaffer dette fra. Du trenger jo ikke å lage alle bilder og skrive all tekst hvis noen allerede har gjort det. Lager du for eksempel en nettside for en klubb/forening vil det ofte allerede finnes tekst som kan brukes. Har klubben allerede et medlemsblad trykt på papir kan det være lurt å hente elementer fra denne.
Tekst på sidene
Når man skriver tekst for nettsider må man huske på at det er mer anstrengende å lese
tekst på en PC-skjerm enn på et vanlig ark eller i en bok, skriv derfor korte
tekster. Hvis en tekst blir for lang kan du dele den opp på flere sider og
heller lage en hyperlenke mellom hver side. For å gjøre teksten mer oversiktlig
bør man også bruke punktoppsett. Du ser at det er lettere å lese
- rød
- grønn
- lilla
- gul
- svart
- hvit
enn
Andre viktige elementer
Filnavnet på hver side bør være beskrivende slik at du vet hva innholdet på filen er. Dette gjør det også enklere for søkemotorer å sende gjester som søker på noe til den riktige siden. La oss si du selger griller og grillutstyr på nettsiden din og en gjest søker på ordet grill i en søkemotor. Har du en side med oversikt over hvilke griller du har å tilby er det større sjanse for at søkemotoren viser din side over andre hvis filnavnet til siden inneholder ordet grill.
Det samme gjelder tittelen på siden din. Sørg for at alle sidene dine har en tittel,
gjerne skrevet som for eksempel:
Her vises navnet på selve nettstedet først (Geirs griller og annet grillutstyr) og deretter en beskrivelse av undersiden (Oversikt over griller i vårt sortiment).
Se også tittelen på denne siden:
I tillegg til tittelen på siden og filnavnet bruker søkemotorer ofte et annet element til å rangere nettsider i forhold til hverandre. Dette elementet kalles Metatags. Den viktigste metataggen er den som inneholder nøkkelord for siden. Mer om dette kan du lese i mitt HTML-kurs. Skriv ned noen nøkkelord for hver side du lager. Har du en side hvor du forteller om din frimerkesamling med sjeldne norske frimerker fra krigsårene kan relevante nøkkelord være
- frimerker
- sjelden
- sjeldne
- samling
- frimerkesamling
- krigen
- krigsårene
- krigsåra
- norge
- norsk
- norske
- filateli
En annen metatag er description som på norsk betyr beskrivelse og er ofte brukt av søkemotorer til å presentere en nettside etter et søk. Beskrivelsen kan rett og slette være en beskrivende setning for nettsiden.
En nettside som viser et utvalg av griller i forskjellige prisklasser kan for eksempel ha denne setningen som beskrivelse:
Etter et søk (15. desember 2004) i søkemotoren Google på griller fikk jeg 253000 resultater. De to øverste vises nedenfor
Figur 2 - Søk på griller i Google
Tittelen til sidene vises med pilene. Noe annet interessant er at det øverste treffet har søkeordet (griller) i tittelen, mens det andre har søkeordet i filnavnet. Er det spesielle søkeord du ønsker å fange opp besøk fra bør du prøve å få inn disse søkeordene i tittel, filnavnet og også i hovedteksten på sidene. Begge disse to sidene hadde ordet griller i hovedteksten noe du kan se i utdraget under tittelen til hver av sidene.
Bilder
Alle bilder på nettstedet bør ha sammenheng med innholdet ellers på sidene og må ikke ta unødvendig lang tid å laste ned gjennom internett. For å korte ned nedlastingstiden for hvert bilde bør bildene optimeres (redusere filstørrelsen) så langt det er mulig uten at kvaliteten på bildet forringes i sterk grad. Hvilket filformat som skal velges på bilder varierer. En tommelfingerregel er at små bilder, knapper osv. bør være i gif-format mens fotografier og detaljerte skisser bør være lagret i jpg-format.
Navigasjon
Alle sidene på nettstedet bør ha en felles standard for navigasjon, for eksempel en meny øverst på hver side som på denne siden, eller en meny på venstre side. Likt utseende på hver side (ikke bare navigasjonsmenyen) sikrer at gjesten skjønner at han/hun hele tiden er på det samme nettstedet og ikke blir forvirret. Du kan jo tenke deg hvordan det hadde vært om måten man navigerte mellom sidene på varierte fra side til side?
Ofte kan det bli mange sider på et nettsted, da er et sidekart (sitemap) greit å ha slik at gjesten raskt kan finne fra til det han/hun søker uten å måtte bla side opp og ned for å finne det. En annen fordel med et sidekart er at søkemotorer lett finner alle sidene dine på denne måten. Mer om akkurat dette kan du lese i HTML-kurset mitt
Fargevalg og design
Velg farger og design som gjør nettsidene dine konsekvente
og enhetlige. Sørg også for at kontrasten mellom tekst og bakgrunnsfarger
er så stor at teksten er lett leselig.
Dette blir kanskje litt
anstrengende mens
dette er veldig vanskelig å lese.
Videre til del 3 - Testing og drift av nettstedet
