Tillbaka till schema-implementering

Metataggar och Open Graph

Komplett teknisk guide för AI-sökoptimering

Vad Àr metataggar?

Metataggar Àr kodsnuttar 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 kontext, syfte och hur det ska visas nÀr det delas. Korrekta metataggar förbÀttrar ditt innehÄlls upptÀckbarhet och presentation.

VĂ€sentliga metataggar

Metabeskrivning

En kort sammanfattning av ditt sidinnehÄll. Visas 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 det övertygande och korrekt.

Titel-tagg

Din sidtitel visas 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. Avgörande för GEO.

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

Robots-metatagg

Styr 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 styr hur ditt innehÄll visas nÀr det delas pÄ sociala medier. Ursprungligen skapat av Facebook, nu anvÀnt 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" />

Krav för Open Graph-bilder

Din og:image Àr avgörande. Den visas 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 visas pÄ plattformen.

Twitter Card-exempel

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

Avancerade metataggar för GEO

Författarinformation

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

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

SprÄk och lokal

Ange 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 mall för metataggar

AnvÀnd den hÀr mallen 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 du publicerar:

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/

Snabba tips 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 designar om eller rebrandar

Relaterade resurser

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