Summary  
This chapter explains how to use HTML document head elements—such as the `<title>` tag and various `<meta>` tags—to define page metadata like the title, character encoding, description, author, language, and search engine directives.  

General domain of usage  
Search engine optimization (SEO) for web pages.

Dokumenthuvudet innehåller metadata, information för webbläsare och sökmotorer.
Dessa taggar visas inte på själva sidan, vilket är anledningen till att exemplen nedan inte ger något synligt resultat.

### Sidtitel
`<title>`-taggen styr vad som visas i webbläsarens flik. Den bör vara kort, tydlig och helst under 60 tecken.


PGh0bWwgbGFuZz0iZW4iPgogIDxoZWFkPgogICAgPCEtLSBNZXRhZGF0YSAtLT4KICAgIDx0aXRsZT5XZWIgRGV2ZWxvcG1lbnQ8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gUGFnZSBjb250ZW50IC0tPgogIDwvYm9keT4KPC9odG1sPg==

### Metadata
`<meta>`-taggen lagrar viktig teknisk information om sidan.
Den mest grundläggande är teckenkodning, vilket förhindrar trasiga tecken (mojibake): 

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDwhLS0gTWV0YWRhdGEgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4KICAgIDx0aXRsZT5XZWIgRGV2ZWxvcG1lbnQ8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDwhLS0gUGFnZSBjb250ZW50IC0tPgogIDwvYm9keT4KPC9odG1sPg==

### Betydelse av meta-taggens attribut
- `name`: beskriver typen av metadata;
- `content`: värdet för den metadata;
- `http-equiv`: simulerar HTTP-rubriker.

### Grundläggande meta-taggar för SEO-förbättring

**SEO (Sökmotoroptimering)** är processen att optimera en webbplats för att förbättra dess synlighet i sökmotorernas resultat.

Läs mer

- `<meta name="description"/>`: anger en kort beskrivning av webbsidan;
- `<meta name="author" />`: anger webbsidans författare;
- `<meta name="language"/>`: anger webbsidans språk;
- `<meta name="robots"/>`: instruerar sökmotorer om hur webbsidan ska genomsökas eller indexeras;
- `<meta name="googlebot" content="notranslate"/>`: informerar Google att inte erbjuda automatisk översättning av webbsidan;
- `<meta name="copyright" content="Copyright 2024"/>`: anger webbsidans upphovsrätt.


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

Vilket tagginnehåll visas på användarens flik?

Vad kan göras för att hjälpa webbläsaren att indexera sidan?

Lär dig grunderna i HTML (HyperText Markup Language), grunden för webbutveckling. Denna nybörjarvänliga kurs täcker taggar, attribut, element och strukturering av webbsidor. Få praktiska färdigheter i att skapa rubriker, stycken, listor, bilder, länkar, formulär och tabeller. Utforska bästa praxis, optimering och webbtillgänglighet. Börja din webbutvecklingsresa med HTML.

Utforska webben inre funktioner. Lär dig hur data färdas över nätverk, upptäck protokollens roll och lös mysterierna med IP-adresser och domännamn. Få en övergripande förståelse för hur webbläsare och servrar kommunicerar för att leverera webb-innehåll.

Upptäck kraften i taggar för att strukturera innehåll, från rubriker och stycken till listor och tabeller. Lär dig hur du förbättrar elementen med attribut.

Kärnan i HTML-dokumentstrukturen. Lär dig komponenterna i ett HTML-dokument, inklusive doctype-deklarationen, head och body. Förstå syftet med varje element och hur de bidrar till den övergripande strukturen på en webbsida.

Gör en webbsida mer tilltalande med hjälp av media som bilder, ljud och video. Arbeta med strukturerad tabulär data i form av tabeller.

Utforska mångsidigheten hos HTML-formulär. Lär dig att designa intuitiva och användarvänliga formulär genom att utnyttja viktiga koncept och tekniker. Upptäck hur formulär möjliggör användarinteraktion och dataöverföring på webbplatser.

Dokumenthuvudets Roll

Sidtitel

Metadata

Betydelse av meta-taggens attribut

Grundläggande meta-taggar för SEO-förbättring

1. Var ska `<meta>`-taggen placeras?

2. Vilket tagginnehåll visas på användarens flik?

3. Vad kan göras för att hjälpa webbläsaren att indexera sidan?