Komplett guide til meta-tags og Open Graph for AI-søk

Hva er meta-tags?

Meta-tags er kodebiter i HTML-en din som beskriver sideinnholdet ditt. De er usynlige for besøkende men synlige for søkemotorer og AI-plattformer. Tenk på dem som etiketter som forklarer hva siden din handler om.

For GEO-optimalisering hjelper meta-tags AI-motorer med å forstå innholdskonteksten din, formålet og hvordan det skal vises når det deles. Riktige meta-tags forbedrer innholdets oppdagbarhet og presentasjon.

Essensielle meta-tags

Metabeskrivelse

Et kort sammendrag av sideinnholdet ditt. Vises i søkeresultater og AI-motorsvar. 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." />

Beste praksis: Skriv unike beskrivelser for hver side. Inkluder primære søkeord naturlig. Gjør den overbevisende og nøyaktig.

Tittel-tag

Sidetittelen din vises i nettleserfaner, søkeresultater og når den deles. 50-60 tegn anbefalt. Inkluder merkevaren din og hovedsøkeord.

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

Kanonisk URL

Forteller søkemotorer den foretrukne versjonen av siden din. Forhindrer duplisert innholdsproblemer. Essensielt for GEO.

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

Robots meta-tag

Kontrollerer hvordan søkemotorer og AI-botter interagerer med siden din. Bruk "index, follow" for å tillate full tilgang.

<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 innholdet ditt vises når det deles på sosiale medier. Opprinnelig laget av Facebook, nå brukt av mange plattformer inkludert AI-verktøy.

Komplett 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 bildekrav

Din og:image er avgjørende. Den vises når innhold deles. Følg disse spesifikasjonene:

Anbefalt størrelse: 1200 x 630 piksler
Minimumstørrelse: 600 x 314 piksler
Maksimal filstørrelse: 8 MB
Format: JPG eller PNG
Størrelsesforhold: 1,91:1

Twitter Card-tags

Twitter Cards fungerer på lignende måte som Open Graph men er spesifikke for Twitter/X. De forbedrer hvordan lenkene dine vises på plattformen.

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: Liten firkantbildeminiatyr
summary_large_image: Stort bannerbilde (anbefalt)
app: For mobilapp-kampanjer
player: For video-/lydinnhold

Avanserte meta-tags for GEO

Forfatterinformasjon

Hjelp AI-motorer med å forstå innholdsforfatterskapet og autoritet.

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

Språk og nasjonalitet

Spesifiser innholdsspråk for internasjonale nettsteder.

<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

Essensielle tekniske tags for riktig gjengivelse.

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

Komplett meta-tags-mal

Bruk denne malen som utgangspunkt for alle sidene dine:

<!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>

Teste meta-tags-ene dine

Test alltid meta-tags før publisering:

Meta-tags raske tips

•Skriv unike metabeskrivelser for hver side
•Hold titler under 60 tegn
•Bruk høykvalitetsbilder for og:image (1200x630px)
•Inkluder alltid kanoniske URL-er
•Test med feilsøkingsverktøy før publisering
•Oppdater og:image når du redesigner eller rebrander

Relaterte ressurser

Schema-implementering
Legg til strukturerte data sammen med meta-tags
Teknisk SEO-sjekkliste
Komplett teknisk optimaliseringsguide
Bilde-alt-tekst
Optimaliser bilder for AI-søk

Meta-tags og Open Graph