Tillbaka till schemaimplementering

Metataggar och Open Graph

Komplett teknisk guide för AI-sökoptimering

Vad Àr metataggar?

Metataggar Àr kodavsnitt i din HTML som beskriver ditt sidinnehÄll. De Àr osynliga för besökare men synliga för sökmotorer och AI-plattformar. TÀnk pÄ dem som etiketter som förklarar vad din sida handlar om.

För GEO-optimering hjÀlper metataggar AI-motorer att förstÄ ditt innehÄlls sammanhang, syfte och hur det ska visas nÀr det delas. Korrekta metataggar förbÀttrar ditt innehÄlls upptÀckbarhet och presentation.

Viktiga metataggar

Metabeskrivning

En kort sammanfattning av ditt sidinnehÄll. Dyker upp i sökresultat och AI-motorsvar. 150-160 tecken Àr idealiskt.

<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." />

BÀsta praxis: Skriv unika beskrivningar för varje sida. Inkludera primÀra nyckelord naturligt. Gör den övertygande och korrekt.

Titeltagg

Din sidtitel dyker upp i webblÀsarflikar, sökresultat och nÀr den delas. 50-60 tecken rekommenderas. Inkludera ditt varumÀrke och huvudnyckelord.

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

Kanonisk URL

BerÀttar för sökmotorer den föredragna versionen av din sida. Förhindrar problem med duplicerat innehÄll. VÀsentlig för GEO.

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

Robots-metataggar

Kontrollerar hur sökmotorer och AI-botar interagerar med din sida. AnvÀnd "index, follow" för att tillÄta full Ätkomst.

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

Open Graph-taggar

Open Graph-taggar kontrollerar hur ditt innehÄll dyker upp nÀr det delas pÄ sociala medier. Ursprungligen skapad av Facebook, anvÀnds nu av mÄnga plattformar inklusive AI-verktyg.

Komplett Open Graph-exempel

<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" />

Bildkrav för Open Graph

Din og:image Àr avgörande. Den dyker upp nÀr innehÄll delas. Följ dessa specifikationer:

  • Rekommenderad storlek: 1200 x 630 pixlar
  • Minsta storlek: 600 x 314 pixlar
  • Maximal filstorlek: 8 MB
  • Format: JPG eller PNG
  • BildförhĂ„llande: 1,91:1

Twitter Card-taggar

Twitter Cards fungerar liknande Open Graph men Àr specifika för Twitter/X. De förbÀttrar hur dina lÀnkar dyker upp pÄ plattformen.

Exempel pÄ Twitter Card

<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 fyrkantig bildminiatyr
  • summary_large_image: Stor bannerbild (rekommenderat)
  • app: För mobilappreklam
  • player: För video-/ljudinnehĂ„ll

Avancerade metataggar för GEO

Författarinformation

HjÀlp AI-motorer att förstÄ innehÄllsförfattarskap och auktoritet.

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

SprÄk och lokalisering

Specificera innehÄllssprÄk för internationella webbplatser.

<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 och Viewport

VÀsentliga tekniska taggar för korrekt rendering.

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

Komplett metataggar-mall

AnvÀnd denna mall som utgÄngspunkt för alla dina sidor:

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

Testa dina metataggar

Testa alltid metataggar innan publicering:

Facebook Sharing Debugger

Testa Open Graph-taggar: developers.facebook.com/tools/debug/

Twitter Card Validator

Testa Twitter Cards: cards-dev.twitter.com/validator

LinkedIn Post Inspector

Testa LinkedIn-delning: linkedin.com/post-inspector/

Snabbtips för metataggar

  • ‱Skriv unika metabeskrivningar för varje sida
  • ‱HĂ„ll titlar under 60 tecken
  • ‱AnvĂ€nd högkvalitativa bilder för og:image (1200x630px)
  • ‱Inkludera alltid kanoniska URL:er
  • ‱Testa med felsökningsverktyg innan publicering
  • ‱Uppdatera og:image nĂ€r du redesignar eller rebrander

Relaterade resurser

Komplett guide till metataggar och Open Graph för AI-sökning