Täydellinen opas Meta-tageihin & Open Graphiin tekoälyhakua varten

Mitä meta-tagit ovat?

Meta-tagit ovat HTML-koodin pätkiä, jotka kuvaavat sivusi sisältöä. Ne ovat näkymättömiä vierailijoille mutta näkyviä hakukoneille ja tekoälyalustoille. Ajattele niitä etiketteinä, jotka selittävät, mistä sivusi kertoo.

GEO-optimointia varten meta-tagit auttavat tekoälymoottoreita ymmärtämään sisältösi kontekstin, tarkoituksen ja kuinka näyttää se jaettaessa. Asianmukaiset meta-tagit parantavat sisältösi löydettävyyttä ja esitystapaa.

Tärkeimmät meta-tagit

Meta-kuvaus

Lyhyt yhteenveto sivusi sisällöstä. Näkyy hakutuloksissa ja tekoälymoottoreiden vastauksissa. 150-160 merkkiä on ihanteellinen.

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

Parhaat käytännöt: Kirjoita ainutlaatuisia kuvauksia jokaiselle sivulle. Sisällytä pääavainsanat luonnollisesti. Tee siitä vakuuttava ja tarkka.

Title-tagi

Sivusi otsikko näkyy selaimen välilehdillä, hakutuloksissa ja jaettaessa. Suositellaan 50-60 merkkiä. Sisällytä brändisi ja pääavainsana.

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

Canonical URL

Kertoo hakukoneille sivusi suositellun version. Estää päällekkäisen sisällön ongelmat. Olennainen GEO:lle.

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

Robots-meta-tagi

Hallitsee, miten hakukoneet ja tekoälybotit ovat vuorovaikutuksessa sivusi kanssa. Käytä "index, follow" sallimaan täydellinen pääsy.

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

Open Graph -tagit

Open Graph -tagit hallitsevat, miten sisältösi näkyy jaettaessa sosiaalisessa mediassa. Alun perin Facebookin luoma, nyt monien alustojen, mukaan lukien tekoälytyökalut, käyttämä.

Täydellinen Open Graph -esimerkki

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

og:image on ratkaiseva. Se näkyy, kun sisältö jaetaan. Noudata näitä määrityksiä:

Suositeltu koko: 1200 x 630 pikseliä
Minimikoko: 600 x 314 pikseliä
Tiedoston enimmäiskoko: 8 MB
Muoto: JPG tai PNG
Kuvasuhde: 1.91:1

Twitter Card -tagit

Twitter Cardit toimivat samalla tavalla kuin Open Graph, mutta ovat erityisiä Twitter/X:lle. Ne parantavat linkkiesi näkymistä alustalla.

Twitter Card -esimerkki

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

summary: Pieni neliön muotoinen kuvan pikkukuva
summary_large_image: Iso banneri-kuva (suositeltu)
app: Mobiilisovellusten markkinointiin
player: Video/äänisisällölle

Edistyneet meta-tagit GEO:lle

Kirjoittajatiedot

Auta tekoälymoottoreita ymmärtämään sisällön tekijä ja auktoriteetti.

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

Kieli ja maa-asetus

Määritä sisällön kieli kansainvälisille sivustoille.

<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 ja viewport

Olennaiset tekniset tagit kunnolliseen renderöintiin.

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

Täydellinen meta-tagien malli

Käytä tätä mallia lähtökohtana kaikille sivuillesi:

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

Meta-tagiesi testaaminen

Testaa aina meta-tagit ennen julkaisemista:

Meta-tagien pikavinkit

•Kirjoita ainutlaatuiset meta-kuvaukset jokaiselle sivulle
•Pidä otsikot alle 60 merkin
•Käytä korkealaatuisia kuvia og:image:lle (1200x630px)
•Sisällytä aina canonical URL:t
•Testaa virheenetsintätyökaluilla ennen julkaisemista
•Päivitä og:image kun uudistat tai brändäät uudelleen

Aiheeseen liittyvät resurssit

Schema-toteutus
Lisää strukturoitua dataa meta-tagien rinnalle
Tekninen SEO-tarkistuslista
Täydellinen tekninen optimointiopas
Kuvan alt-teksti
Optimoi kuvat tekoälyhakua varten

Meta-tagit & Open Graph