Komplet Guide til Meta Tags & Open Graph til AI-Søgning

Hvad Er Meta Tags?

Meta tags er kodestumper i din HTML der beskriver dit sideindhold. De er usynlige for besøgende, men synlige for søgemaskiner og AI-platforme. Tænk på dem som etiketter der forklarer hvad din side handler om.

Til GEO-optimering hjælper meta tags AI-søgemaskiner med at forstå din indholdskontekst, formål og hvordan den skal vises når den deles. Ordentlige meta tags forbedrer dit indholds synlighed og præsentation.

Essentielle Meta Tags

Meta Description

Et kort resumé af dit sideindhold. Fremgår i søgeresultater og AI-søgemaskine svar. 150-160 tegn er ideelt.

<meta name="description" content="Learn how to optimize your website for AI search engines with Bloffee's complete GEO optimization platform. Improve your content for ChatGPT, Claude, and other AI tools." />

Bedste Praksis: Skriv unikke beskrivelser for hver side. Inkluder primære nøgleord naturligt. Gør det overbevisende og præcist.

Title Tag

Din sidetitel fremgår i browser faner, søgeresultater og når den deles. 50-60 tegn anbefalet. Inkluder dit brand og hoved-nøgleord.

<title>Complete Guide to Meta Tags & Open Graph</title>

Canonical URL

Fortæller søgemaskiner den foretrukne version af din side. Forhindrer duplikeret indhold problemer. Essentiel til GEO.

<link rel="canonical" href="https://geo-score.online/learn/technical/meta-tags-complete" />

Robots Meta Tag

Kontrollerer hvordan søgemaskiner og AI-bots interagerer med din side. Brug "index, follow" til at tillade fuld adgang.

<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />

Open Graph Tags

Open Graph tags kontrollerer hvordan dit indhold fremgår når det deles på sociale medier. Oprindeligt skabt af Facebook, nu brugt af mange platforme inklusiv AI-værktøjer.

Komplet Open Graph Eksempel

<meta property="og:title" content="Complete Guide to Meta Tags" />
<meta property="og:description" content="Master meta tags and Open Graph for GEO optimization." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://geo-score.online/learn/technical/meta-tags-complete" />
<meta property="og:image" content="https://geo-score.online/images/meta-tags-guide.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Bloffee" />
<meta property="og:locale" content="en_US" />
<meta property="article:published_time" content="2025-01-10T00:00:00.000Z" />
<meta property="article:modified_time" content="2025-01-10T12:00:00.000Z" />
<meta property="article:author" content="Bloffee" />

Open Graph Billede Krav

Dit og:image er afgørende. Det fremgår når indhold deles. Følg disse specifikationer:

Anbefalet størrelse: 1200 x 630 pixels
Minimum størrelse: 600 x 314 pixels
Maximum filstørrelse: 8 MB
Format: JPG eller PNG
Størrelsesforhold: 1.91:1

Twitter Card Tags

Twitter Cards fungerer ligesom Open Graph, men er specifikke til Twitter/X. De forbedrer hvordan dine links fremgår på platformen.

Twitter Card Eksempel

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@bloffee" />
<meta name="twitter:creator" content="@bloffee" />
<meta name="twitter:title" content="Complete Guide to Meta Tags" />
<meta name="twitter:description" content="Master meta tags and Open Graph for GEO." />
<meta name="twitter:image" content="https://geo-score.online/images/meta-tags-guide.jpg" />

Twitter Card Typer

summary: Lille firkantet billedthumbnail
summary_large_image: Stort bannerbillede (anbefalet)
app: Til mobile app promotions
player: Til video/lyd indhold

Avancerede Meta Tags til GEO

Forfatter Information

Hjælp AI-søgemaskiner med at forstå indholdsforfatterskab og autoritet.

<meta name="author" content="Bloffee Team" />
<link rel="author" href="https://geo-score.online/about" />

Sprog og Locale

Specificér indholdssprog for internationale sites.

<html lang="en">
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="nl_NL" />
<meta property="og:locale:alternate" content="fr_FR" />

Charset og Viewport

Essentielle tekniske tags til ordentlig rendering.

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Komplet Meta Tags Skabelon

Brug denne skabelon som udgangspunkt for alle dine sider:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Primary Meta Tags -->
  <title>Your Page Title | Brand Name</title>
  <meta name="title" content="Your Page Title | Brand Name">
  <meta name="description" content="Clear description of your page content in 150-160 characters.">
  <meta name="author" content="Your Name or Company">
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1">
  <link rel="canonical" href="https://yoursite.com/page-url">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="article">
  <meta property="og:url" content="https://yoursite.com/page-url">
  <meta property="og:title" content="Your Page Title">
  <meta property="og:description" content="Clear description for social sharing.">
  <meta property="og:image" content="https://yoursite.com/image.jpg">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:site_name" content="Your Brand">
  <meta property="og:locale" content="en_US">

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:url" content="https://yoursite.com/page-url">
  <meta name="twitter:title" content="Your Page Title">
  <meta name="twitter:description" content="Clear description for Twitter.">
  <meta name="twitter:image" content="https://yoursite.com/image.jpg">
</head>
<body>
  <!-- Your content -->
</body>
</html>

Test Dine Meta Tags

Test altid meta tags før publicering:

Meta Tags Hurtige Tips

•Skriv unikke meta-beskrivelser for hver side
•Hold titler under 60 tegn
•Brug højkvalitetsbilleder til og:image (1200x630px)
•Inkluder altid canonical URL'er
•Test med debugging værktøjer før publicering
•Opdatér og:image når du redesigner eller rebrander

Relaterede Ressourcer

Skema Implementering
Tilføj struktureret data ved siden af meta tags
Teknisk SEO Tjekliste
Komplet teknisk optimeringsguide
Billede Alt-Tekst
Optimér billeder til AI-søgning

Meta Tags & Open Graph