Hvad er metatags? Metadata, metatekst og anden header data

Synonymer:
Metadata, Meta data, Meta, Metatags, Metatag, Meta-tags, Meta Title, Meta Description, Meta Keywords, Metaord, Meta-ord, Metakoder, Meta-koder, metatekst

Metatags i praksis

Hvis du ikke har arbejdet med metatags før, kan det være en smule overvældende. Men i virkeligheden er det ganske simpelt at implementere de grundlæggende tags som meta description, meta title, og meta robots. Her er nogle eksempler på, hvordan disse metatags ser ud i kodeform:

Meta-Description (meta beskrivelse)

Meta-Description (meta beskrivelse)

Meta-beskrivelsen er en af de vigtigste elementer, der vises under din side i søgeresultater. Selvom den ikke direkte påvirker rangeringen, kan den have stor betydning for din klikrate (CTR). En engagerende og informativ metabeskrivelse øger sandsynligheden for, at brugere klikker på din side frem for konkurrenternes.

<meta name="description" content="Denne side giver en dybdegående forklaring af, hvad metatags er, og hvordan de bruges til SEO-optimering." />

Eksempel: Hvis du har en blog, der handler om webudvikling, kunne en effektiv metabeskrivelse være:

“Lær alt om metatags og deres betydning for SEO-optimering. En komplet guide til webudviklere, der ønsker bedre synlighed på nettet.”

Meta-keywords (Søgeord)

Meta keywords var tidligere en vigtig faktor for SEO, men de har mistet deres betydning i dag. Google og andre store søgemaskiner har siden 2009 valgt at ignorere meta keywords, da mange begyndte at misbruge dem ved at fylde dem med irrelevante søgeord. De fleste moderne CMS-systemer tillader ikke længere brug af meta keywords, men du kan stadig bruge værktøjer som SEO plugins (f.eks. Yoast eller RankMath) til at vælge fokusord, der hjælper med at optimere indholdet til bestemte søgeord.

 <meta name="keywords" content="metatags, SEO, metadata, metabeskrivelse, webudvikling" />

Meta-søgeord bruges ikke af Google mere og er ikke blevet brugt i mere end 10 år nu, De fleste systemer i dag, tilbyder ikke engang at kunne udfylde dette mere. SEO plugins tilbyder dog fokusord, som er en måde hvorpå SEO plugins kan analyserer indholdet og resultater på nettet, for muligheder.

Metadata generelt

Udover de mest kendte metatags som meta description og meta title (Meta title bruges egentlig ikke, det er i stedet Title tagget du skal se på), findes der mange andre typer metadata, der bruges af forskellige formål. Nogle metadata er nødvendige for SEO, mens andre har betydning for deling på sociale medier og struktureret data.

Open Graph (OG) tags

Open Graph tags bruges til at styre, hvordan en webside ser ud, når den deles på sociale medier som Facebook og LinkedIn. Open Graph tags definerer elementer som titel, billede og beskrivelse, der vises, når nogen deler din side.

<meta property="og:title" content="Hvad er metatags? En komplet guide til SEO" />
<meta property="og:description" content="Denne guide forklarer alt, hvad du behøver at vide om metatags, deres betydning og deres brug i SEO." />
<meta property="og:image" content="https://example.com/images/metatags-guide.png" />

Twitter Cards

Twitter Cards fungerer på samme måde som Open Graph tags, men er optimeret til Twitter-deling. Hvis du ønsker at kontrollere, hvordan din side ser ud på Twitter, skal du bruge Twitter Cards metadata.

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Forstå metatags og optimer din SEO" />
<meta name="twitter:description" content="En dybdegående guide om metatags og deres betydning for din hjemmesides synlighed." />
<meta name="twitter:image" content="https://example.com/images/metatags-guide-twitter.png" />

Disse tags hjælper med at sikre, at din side præsenteres optimalt, når den deles, hvilket kan forbedre din synlighed og trafik.

Hvad er title tag?

Synonymer: title, Google overskrift, title tag, meta title

Title tag er en af de mest essentielle komponenter i SEO. Det angiver titlen på din side og er den første tekst, der vises i søgeresultaterne, samt den tekst, der vises i browserfanen. En korrekt optimeret title tag hjælper både søgemaskiner og brugere med at forstå sidens emne og relevans.

Eksempel på title tag:

 <title>Hvad er metatags? Lær hvordan de forbedrer SEO - Kim Tetzlaff</title>

• Unik for hver side: Hver side skal have en unik title tag, der nøjagtigt beskriver dens indhold.
• Maksimal længde: Title tags bør ikke overstige 60 tegn, da Google vil afkorte dem, hvis de er for lange.
• Vigtige søgeord først: Title tags bør indeholde dine vigtigste søgeord tidligt i sætningen.
• Sælgende og informativ: Title tags skal være både informerende og tiltrækkende, så brugeren får lyst til at klikke på linket.

Alt for mange glemmer at dette tag har virkelig stor indflydelse på din hjemmesides SEO. Ikke nok med at den er med til direkte at rangere din side på forskellige søgeord og fraser, men den er også med til indirekte at rangerer din side og få flere til at klikke på den i søgeresultaterne. Derfor er den en yderst vigtig del af din hjemmesides SEO.

et lille tip, selvom det ikke anbefales af de fleste er: Selvom mange anbefaler at man kun skriver 60 tegn inklusiv mellemrum, så er det bevist gang på gang, at Google faktisk læser betydeligt mere end de 60 tegn. Det der dog sker er at Google kan afkorte din title så den lidt bliver ulæselig. Men du kan rangere på flere ord og fraser hvis du udnytter det. Det er en balancegang du må vurderer.

Meta Robots Tag

Meta robots er et vigtigt metatag, der instruerer søgemaskiner om, hvordan de skal crawle og indeksere din side. Med dette tag kan du styre, om søgemaskiner skal indeksere siden og følge links på den.

Eksempel:

Hvis du vil sikre, at en side ikke bliver indekseret af søgemaskiner, kan du bruge noindex:

<meta name="robots" content="noindex, nofollow" />

Hvis du derimod ønsker, at søgemaskiner skal indeksere siden og følge links, bruger du index, follow:

<meta name="robots" content="index, follow" />

Dette tag er især nyttigt på sider som login-sider, duplikatindhold, eller hvis du ikke ønsker, at en bestemt side skal vises i søgeresultaterne.

Struktureret data (Schema.org)

Struktureret data er en type metadata, der hjælper søgemaskiner med bedre at forstå indholdet på din side. Ved at implementere schema.org-data kan du forbedre, hvordan din side præsenteres i søgeresultater (f.eks. via rich snippets).

Eksempel på struktureret data for en artikel:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Hvad er metatags? En guide til SEO",
  "author": "Kim Tetzlaff",
  "datePublished": "2024-10-10",
  "publisher": {
    "@type": "Organization",
    "name": "Kim Tetzlaff APS",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  }
}
</script>

Dette hjælper søgemaskiner med at forstå, at siden er en artikel, hvem der har skrevet den, og hvornår den blev udgivet, hvilket kan føre til forbedret visning i søgeresultaterne.

Fejlsøgning af Metatags

Mange begår fejl, når de arbejder med metatags, hvilket kan påvirke deres SEO negativt. Her er nogle af de mest almindelige fejl:

• Duplikerede title tags på flere sider: Dette forvirrer søgemaskiner og reducerer relevansen af siderne. Helt rationelt, kan flere sider ikke omhandle det eksakt samme emne eller produkt, hvorfor dette ikke bør kunne lade sig gøre.
• For korte title tag tekster: Dette gør at din side ikke er ret godt optimeret, og CTR vil dale. Yderligere vil Google også begynde at vælge selv hvad der skal stå i søgeresultaterne.
• Title indeholder ikke de rette søgeord og fraser: Dette kan resulterer i at Google selv vælger hvad der skal stå i overskriften på et søgeresultat.
• For lange meta descriptions, som bliver afkortet i søgeresultaterne. Hold dine meta descriptions under 160 tegn.
• Manglende Open Graph tags, hvilket kan føre til dårlige delinger på sociale medier.

Hvordan Meta Description påvirker CTR (Click Through Rate)

En velskrevet meta description kan have stor indflydelse på, hvor mange der klikker på din side i søgeresultaterne. Sørg for at skrive engagerende og informerende metabeskrivelser, der både appellerer til brugeren og indeholder de rigtige søgeord.

Alternative Metatags, som webudviklere skal kende til

Udover de mest kendte metatags som meta title, meta description, og meta robots, findes der flere andre metatags, som kan være nyttige for webudviklere at kende til. Disse tags kan spille en vigtig rolle i forhold til mobiloptimering, sprogindstillinger, indeksering og den generelle brugeroplevelse på en hjemmeside.

Her er nogle af de mest anvendte alternative metatags:

Viewport Tag

Viewport tag bruges til at styre, hvordan en webside vises på mobile enheder. Dette tag er afgørende for responsivt design, da det hjælper med at sikre, at siden tilpasser sig skærmstørrelsen korrekt.

<meta name="viewport" content="width=device-width, initial-scale=1" />

Dette tag fortæller browseren, at den skal tilpasse siden til skærmens bredde og bruge en 1:1 skala, hvilket sikrer en god brugeroplevelse på både mobil og desktop. Uden dette tag kan din side se forstørret eller formindsket ud på mobile enheder, hvilket kan skade din mobiloptimering og SEO.

Charset Tag

Charset (character set) tag definerer tegnsættet for en webside, hvilket hjælper med korrekt visning af tekst og specialtegn. Den mest almindelige indstilling er UTF-8, som understøtter næsten alle tegn, herunder specialtegn og emoji.

<meta charset="UTF-8" />

Dette er vigtigt for at sikre, at alle tegn vises korrekt på tværs af browsere og enheder. Hvis charset ikke er korrekt indstillet, kan det føre til problemer med visning af tekst og symboler.

Content-Language Tag

Content-Language tag bruges til at angive det primære sprog for en webside. Dette hjælper søgemaskiner og browsere med at forstå, hvilket sprog indholdet er skrevet på, hvilket er især nyttigt for flersprogede hjemmesider.

<meta http-equiv="Content-Language" content="da" />

Hvis din hjemmeside er flersproget, kan dette tag forbedre søgemaskiners evne til at vise det korrekte sprog til brugerne. Det er også relevant for tilgængelighed og brugere, der har indstillet specifikke sproglige præferencer i deres browser.

Refresh Tag

Refresh tag bruges til automatisk at opdatere eller omdirigere en side efter et bestemt tidsinterval. Det kan være nyttigt, hvis du har en side, der skal opdatere automatisk, eller hvis du ønsker at omdirigere en bruger efter et bestemt antal sekunder.

<meta http-equiv="refresh" content="5; url=https://ny-side.dk" />

Dette tag vil opdatere siden efter 5 sekunder og derefter omdirigere brugeren til en ny URL. Det bør dog bruges med omtanke, da overdreven brug af dette tag kan føre til en dårlig brugeroplevelse.

Author Tag

Author tag angiver forfatteren af en bestemt side eller artikel. Dette kan være nyttigt for at tilføje en yderligere lag af metadata til din side, især hvis det er vigtigt at krediteres den enkelte skribent.

<meta name="author" content="Kim Tetzlaff" />

Selvom dette tag ikke har en direkte SEO-effekt, kan det være nyttigt for organisering og sporing af indhold på større hjemmesider.

Rating Tag

Rating tag bruges til at definere, hvilken type indhold en side indeholder, specielt i forhold til alder eller sikkerhed. Dette kan være relevant, hvis du har indhold, der kun er passende for bestemte aldersgrupper.

<meta name="rating" content="general" />

Dette tag fortæller søgemaskiner, at indholdet er passende for en generel målgruppe. Hvis du arbejder med følsomt indhold, kan du overveje at bruge dette tag for at sikre, at dine sider bliver kategoriseret korrekt.

X-UA-Compatible Tag

X-UA-Compatible tag bruges til at sikre, at sider vises korrekt i ældre versioner af Internet Explorer, især når det kommer til kompatibilitetstilstande. Selvom Internet Explorer ikke længere er bredt anvendt, kan dette tag stadig være nyttigt for ældre systemer.

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Dette tag fortæller Internet Explorer, at den skal bruge den nyeste rendringstilstand, hvilket forbedrer kompatibiliteten med nyere webstandarder.

Referrer Tag

Referrer tag styrer, hvor meget referrer-information der sendes, når en bruger navigerer fra en side til en anden. Dette kan være vigtigt for sikkerhed og privatliv.

<meta name="referrer" content="no-referrer" />

Med denne indstilling sendes ingen referrer-information, hvilket kan forbedre privatlivsbeskyttelsen for brugerne. Alternativt kan du bruge indstillinger som origin eller origin-when-cross-origin afhængigt af dine behov.

Google Verification Tag

Google verification tag bruges til at bekræfte ejerskab af en webside for Google Search Console. Dette tag er nødvendigt, når du vil få adgang til GSC-data for din side.

<meta name="google-site-verification" content="din-verifikationskode-her" />

Dette tag spiller en vigtig rolle i din SEO-strategi, da det giver dig adgang til søge- og ydelsesdata for din side direkte fra Google.

Pragma/Cache-Control Tag

Pragma og Cache-Control tags bruges til at styre caching af sider. Dette er særligt vigtigt for dynamiske sider, der opdateres ofte.

<meta http-equiv="Pragma" content="no-cache" />

Dette tag instruerer browseren om ikke at cache siden, hvilket kan være nyttigt for sider, der ofte opdateres med nyt indhold.

Mange meta tags til mange formål

Som webudvikler er det vigtigt at kende og anvende de rette metatags for at sikre optimal ydeevne, SEO, og brugeroplevelse. Ud over de grundlæggende tags som meta title og meta description, er der mange andre nyttige metatags, der kan hjælpe med mobiloptimering, korrekt visning af sprog, sikkerhed, caching, og meget mere. Ved at forstå og implementere disse alternative metatags kan du forbedre både brugeroplevelsen og den tekniske SEO for din hjemmeside.