Summary
This chapter explains how to structure the HTML document head using the `<title>` and `<meta>` tags to embed metadata—such as character encoding, page description, author details, and search engine instructions—without affecting the visible page content.

General domain of usage
Web development

Dokumenthodet inneholder metadata, informasjon for nettlesere og søkemotorer.
Disse taggene vises ikke på selve siden, derfor vil ikke eksemplene nedenfor gi synlig resultat.

### Sidetittel
`<title>`-taggen styrer hva som vises i nettleserfanen. Den bør være kort, tydelig og helst under 60 tegn.


PGh0bWwgbGFuZz0iZW4iPgogIDxoZWFkPgogICAgPCEtLSBNZXRhZGF0YSAtLT4KICAgIDx0aXRsZT5XZWIgRGV2ZWxvcG1lbnQ8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gUGFnZSBjb250ZW50IC0tPgogIDwvYm9keT4KPC9odG1sPg==

### Metadata
`<meta>`-taggen lagrer viktig teknisk informasjon om siden.
Den mest essensielle er tegnkoding, som forhindrer ødelagte tegn (mojibake): 

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDwhLS0gTWV0YWRhdGEgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4KICAgIDx0aXRsZT5XZWIgRGV2ZWxvcG1lbnQ8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gUGFnZSBjb250ZW50IC0tPgogIDwvYm9keT4KPC9odG1sPg==

### Betydning av meta-tag-attributter
- `name`: beskriver typen metadata;
- `content`: verdien til denne metadataen;
- `http-equiv`: simulerer HTTP-headere.

### Grunnleggende meta-tagger for SEO-forbedring

**SEO (søkemotoroptimalisering)** er prosessen med å optimalisere et nettsted for å forbedre synligheten i søkeresultater.

Les mer

- `<meta name="description"/>`: angir en kort beskrivelse av nettsiden;
- `<meta name="author" />`: angir forfatteren av nettsiden;
- `<meta name="language"/>`: angir nettsidens språk;
- `<meta name="robots"/>`: forteller søkemotorer hvordan de skal indeksere eller gjennomgå nettsiden;
- `<meta name="googlebot" content="notranslate"/>`: informerer Google om å ikke tilby automatisk oversettelse av nettsiden;
- `<meta name="copyright" content="Copyright 2024"/>`: angir opphavsretten til nettsiden.


PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDwhLS0gTWV0YWRhdGEgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4KICAgIDxtZXRhIG5hbWU9ImRlc2NyaXB0aW9uIiBjb250ZW50PSJFeHBsb3JlIHRoZSB3ZWIgZGV2ZWxvcG1lbnQgcHJvY2Vzcy4iIC8+CiAgICA8bWV0YSBuYW1lPSJhdXRob3IiIGNvbnRlbnQ9Ikplbm5pZmVyIFNoaWtpIiAvPgogICAgPG1ldGEgbmFtZT0ibGFuZ3VhZ2UiIGNvbnRlbnQ9IkVuZ2xpc2giIC8+CiAgICA8bWV0YSBuYW1lPSJyb2JvdHMiIGNvbnRlbnQ9ImluZGV4LCBmb2xsb3ciIC8+CiAgICA8bWV0YSBuYW1lPSJnb29nbGVib3QiIGNvbnRlbnQ9InRyYW5zbGF0ZSIgLz4KICAgIDxtZXRhIG5hbWU9ImNvcHlyaWdodCIgY29udGVudD0iQ29weXJpZ2h0IDIwMjQgSmVubmlmZXIgU2hpa2kiIC8+CiAgICA8dGl0bGU+V2ViIERldmVsb3BtZW50IEd1aWRlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8IS0tIFBhZ2UgY29udGVudCAtLT4KICA8L2JvZHk+CjwvaHRtbD4=

Hvilket tag-innhold vises på brukerens fane?

Hva kan gjøres for å hjelpe nettleseren med å indeksere siden?

Lær det grunnleggende i HTML (HyperText Markup Language), grunnlaget for webutvikling. Dette nybegynnervennlige kurset dekker tags, attributter, elementer og strukturering av nettsider. Få praktiske ferdigheter i å lage overskrifter, avsnitt, lister, bilder, lenker, skjemaer og tabeller. Utforsk beste praksis, optimalisering og webtilgjengelighet. Start din webutviklingsreise med HTML.

Utforsk allsidigheten til HTML-skjemaer. Lær å designe intuitive og brukervennlige skjemaer ved å utnytte nøkkelkonsepter og teknikker. Oppdag hvordan skjemaer muliggjør brukerinteraksjon og datasending på nettsteder.

Rollen til dokumenthodet

Sidetittel

Metadata

Betydning av meta-tag-attributter

Grunnleggende meta-tagger for SEO-forbedring

1. Hvor skal `<meta>`-taggen plasseres?

2. Hvilket tag-innhold vises på brukerens fane?

3. Hva kan gjøres for å hjelpe nettleseren med å indeksere siden?