Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Rollen af Dokumenthovedet | HTML-Dokumentstruktur
Ultimativ HTML

bookRollen af Dokumenthovedet

Dokumenthovedet kan inkludere metatags, hvoraf mange er ikke synlige for brugeren i browservinduet. Derfor vil du i de kommende eksempler ikke se noget synligt indhold. Disse tags gemmer metadataoplysninger om siden.

Sidetitel

Teksten inde i <title>-tagget vises i browsertabben. Titlen bør være en kortfattet beskrivelse af siden og bør højst være 60 tegn lang.

index.html

index.html

copy

Med hjælp af denne kode kan du opnå et sådant udseende på hjemmesiden. I browsertabben vil du se den præcise tekst, der er indkapslet inden for <title>-tagget (hvid ramme i billedet).

Metadata

<meta>-tagget indeholder information til browsere og søgemaskiner: dokumentkodning, datakommunikation og meget mere. Metatags kan have mange attributter, da de alle formidler forskellig information. Den vigtigste er sidekodning. Det hjælper en browser med at vise teksten korrekt. I tilfælde af ikke at angive kodning, kan browseren vise mojibake i stedet for tegnene.

index.html

index.html

copy

Betydning af meta Tag Attributter

  • name: navnet på en egenskab kan være ethvert ord eller sætning, webbrowsere forventer generelt en værdi, som de kan genkende og bruge til at udføre en handling. Et eksempel ville være <meta name="author" content="name"> for at angive forfatteren af siden;
  • content: specificerer egenskabens værdi. Et eksempel ville være <meta name="language" content="english"> for at specificere sidens tekstsprog;
  • http-equiv: står for HTTP ækvivalent, og det bruges til at simulere HTTP-responsoverskrifter. Dette er sjældent at se. Et eksempel ville være <meta http-equiv="refresh" content="30"> for at sige til browseren at opdatere siden hvert 30. minut.

Grundlæggende meta Tags for SEO Forbedring

  • <meta name="description"/>: angiver en kort beskrivelse af websiden;
  • <meta name="author" />: angiver websidens forfatter;
  • <meta name="language"/>: angiver websidens sprog;
  • <meta name="robots"/>: fortæller søgemaskiner, hvordan de skal crawle eller indeksere websiden;
  • <meta name="googlebot" content="notranslate"/>: informerer Google om ikke at tilbyde automatiske oversættelser af websiden;
  • <meta name="copyright" content="Copyright 2024"/>: angiver websidens ophavsret.
index.html

index.html

copy

1. Hvor skal <meta>-taggen placeres?

2. Hvilket tagindhold vil blive vist på brugerfanen?

3. Hvad kan gøres for at hjælpe browseren med at indeksere siden?

question mark

Hvor skal <meta>-taggen placeres?

Select the correct answer

question mark

Hvilket tagindhold vil blive vist på brugerfanen?

Select the correct answer

question mark

Hvad kan gøres for at hjælpe browseren med at indeksere siden?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 3

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 2.56

bookRollen af Dokumenthovedet

Stryg for at vise menuen

Dokumenthovedet kan inkludere metatags, hvoraf mange er ikke synlige for brugeren i browservinduet. Derfor vil du i de kommende eksempler ikke se noget synligt indhold. Disse tags gemmer metadataoplysninger om siden.

Sidetitel

Teksten inde i <title>-tagget vises i browsertabben. Titlen bør være en kortfattet beskrivelse af siden og bør højst være 60 tegn lang.

index.html

index.html

copy

Med hjælp af denne kode kan du opnå et sådant udseende på hjemmesiden. I browsertabben vil du se den præcise tekst, der er indkapslet inden for <title>-tagget (hvid ramme i billedet).

Metadata

<meta>-tagget indeholder information til browsere og søgemaskiner: dokumentkodning, datakommunikation og meget mere. Metatags kan have mange attributter, da de alle formidler forskellig information. Den vigtigste er sidekodning. Det hjælper en browser med at vise teksten korrekt. I tilfælde af ikke at angive kodning, kan browseren vise mojibake i stedet for tegnene.

index.html

index.html

copy

Betydning af meta Tag Attributter

  • name: navnet på en egenskab kan være ethvert ord eller sætning, webbrowsere forventer generelt en værdi, som de kan genkende og bruge til at udføre en handling. Et eksempel ville være <meta name="author" content="name"> for at angive forfatteren af siden;
  • content: specificerer egenskabens værdi. Et eksempel ville være <meta name="language" content="english"> for at specificere sidens tekstsprog;
  • http-equiv: står for HTTP ækvivalent, og det bruges til at simulere HTTP-responsoverskrifter. Dette er sjældent at se. Et eksempel ville være <meta http-equiv="refresh" content="30"> for at sige til browseren at opdatere siden hvert 30. minut.

Grundlæggende meta Tags for SEO Forbedring

  • <meta name="description"/>: angiver en kort beskrivelse af websiden;
  • <meta name="author" />: angiver websidens forfatter;
  • <meta name="language"/>: angiver websidens sprog;
  • <meta name="robots"/>: fortæller søgemaskiner, hvordan de skal crawle eller indeksere websiden;
  • <meta name="googlebot" content="notranslate"/>: informerer Google om ikke at tilbyde automatiske oversættelser af websiden;
  • <meta name="copyright" content="Copyright 2024"/>: angiver websidens ophavsret.
index.html

index.html

copy

1. Hvor skal <meta>-taggen placeres?

2. Hvilket tagindhold vil blive vist på brugerfanen?

3. Hvad kan gøres for at hjælpe browseren med at indeksere siden?

question mark

Hvor skal <meta>-taggen placeres?

Select the correct answer

question mark

Hvilket tagindhold vil blive vist på brugerfanen?

Select the correct answer

question mark

Hvad kan gøres for at hjælpe browseren med at indeksere siden?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 3
some-alt