Forside / Guides /

Hvad er metatags?

Meta tags bliver brugt på hjemmesider til at give struktureret metadata om websiden. Søgemaskiner bruger dataene til at forstå hjemmesiden, og sociale medier kan bruge metadataene til at vise et preview.

Metatitel → Open Graph
// titel

Metatitel

Metatitlen er en overskrift for en specifik webside på din hjemmeside, dvs. din hjemmeside gerne skal have en unik metatitel for hver side. Laver man en søgning på f.eks. Google, vil metatitlen være overskriften på søgeresultaterne.

Metatitlen bliver også vist som fanenavn i toppen af din browser, og når man deler links på sociale medier, vil det også være titlen, der hentes ind. Titlen bliver altså vist flere forskellige steder, og det giver god mening at lave en beskrivende overskrift.

Hovedregel: Hold dig under 55 tegn i metatitlen for at sikre, at den vises korrekt i søgeresultaterne.

// beskrivelse

Metabeskrivelse

Metabeskrivelsen er en beskrivelse af, hvad den pågældende side på hjemmesiden indeholder. Det anbefales, at metabeskrivelsen er mellem 50 og 160 karakterer lang.

synlighed

Vist i søgeresultater

Ligesom metatitlen bliver metabeskrivelsen også vist i søgeresultaterne. Derfor er det vigtigt, at metabeskrivelsen er fangende og giver værdi for den besøgende.

bemærk

Google kan omskrive dem

Google kan lejlighedsvis vælge at omskrive både din metatitel og metabeskrivelse, hvis de mener, de ikke er særligt gode, eller hvis de ikke passer til søgeforespørgslen.

// social

Open Graph

Open Graph protokollen er et sæt af regler, som hjemmesider kan følge, så sociale medier såsom Facebook, Twitter osv. kan lave et lækkert preview af siden, når der deles et link. Man definerer typisk overskriften, en beskrivelse og et billede.

Man kan bruge Facebook’s sharing debugger til at se, hvordan Facebook kigger på din hjemmeside og hvad man kan forbedre.

// og:image

OG Image

Open Graph Image er det billede, der vil blive vist i forbindelse med deling af links til din hjemmeside. Man kan benytte et standardbillede på tværs af hele hjemmesiden, men det giver også god mening at skræddersy billedet til de forskellige sider.

Anbefalet størrelse: 1200 × 630 px — billedeformat 1.91:1

// kode

Sådan ser metatags ud i HTML

Metatags placeres i <head>-sektionen af din HTML.

$ cat index.html
<head>
  <title>Din sidetitel</title>
  <meta name="description"
    content="Din metabeskrivelse">
  <meta property="og:title"
    content="Open Graph titel">
  <meta property="og:description"
    content="Open Graph beskrivelse">
  <meta property="og:image"
    content="https://example.dk/billede.jpg">
</head>
// gratis

Har du brug for hjælp til metatags?

Vi tager gerne et uforpligtende kig på din hjemmeside. Bestil et gratis kvalitetstjek af din hjemmeside for at få det fulde overblik over, om du har styr på dine metadata.

Rapporten giver et komplet overblik over, hvor du kan forbedre din hjemmeside — hastighed, brugervenlighed, metadata og meget mere. Mange af anbefalingerne vil du sagtens selv kunne gå i gang med, men vi sidder også klar til at hjælpe jer i mål.

Bestil et kvalitetstjek →
// kontakt

Kan vi hjælpe dig?

Har du brug for hjælp med SEO, metatags eller andre tekniske forbedringer af din hjemmeside? Vi står klar til at hjælpe.

tel: 50 30 88 70 mail: hej@webudvikleren.dk book: 30 min. gratis samtale ↗
Philip Sørensen
Philip Sørensen
Full-stack webudvikler

Vi vender tilbage inden for 24 timer.