Open Graph (OG) Meta Etiketleri Nedir?

Open Graph (OG) protokolü, orijinal olarak Facebook tarafından icat edilen, ancak günümüzde LinkedIn, X (Twitter), WhatsApp, iMessage ve en önemlisi Yapay Zeka Ajanları (ChatGPT, Perplexity vb.) tarafından evrensel bir standart olarak kabul edilen yapılandırılmış meta etiket sistemidir. Bu etiketler, web sitenizin linki herhangi bir yere yapıştırıldığında (veya bir bot tarafından referans gösterildiğinde) kullanıcının karşısına çıkacak olan Önizleme Kartını (Preview Card) — görselini, başlığını ve açıklamasını — doğrudan sizin kontrol etmenizi sağlar.

Yapay Zeka (LLMO) Dünyasında Neden Çok Önemli?

Eskiden OG etiketlerinin tek amacı sosyal medyada CTR (Tıklama Oranı) artırmaktı. Ancak LLMO (Büyük Dil Modeli Optimizasyonu) çağında oyun tamamen değişti. ChatGPT Search veya Claude gibi YZ botları, RAG mimarisi ile sitenizden veri çektikten sonra kullanıcıya bir kaynak (Citation) sunar.

Eğer YZ ajanının arayüzü, markanızı kaynak olarak gösterirken sitenizde eksik bir og:image veya uyumsuz bir og:title ile karşılaşırsa, referansınız kullanıcının ekranında "kırık, güvensiz veya amatör" bir link gibi görünür. Kullanıcı (ve yapay zeka), profesyonel görünmeyen bir kaynağa güvenme (ve tıklama) eğiliminde değildir. Estetik, güvenin dijital karşılığıdır.

4 Temel Open Graph Etiketi

Next.js 15+ ile Dinamik OG Mimarisi

Modern web geliştirmede bu etiketler statik HTML'e manuel olarak yazılmaz. Özellikle Next.js'te, sayfa veya blog içeriği değiştikçe Dinamik OG Image (Vercel/OG) kullanılarak otomatik üretilir.

// app/layout.tsx (veya page.tsx)
import { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'B2B SEO Ajansı',
  description: 'Türkiye'nin en iyi yapay zeka SEO ajansı.',
  openGraph: {
    title: 'Intent | B2B SEO Ajansı',
    description: 'Generative Engine Optimization (GEO) stratejileri.',
    url: 'https://intent.com.tr',
    siteName: 'Intent',
    images: [
      {
        url: 'https://intent.com.tr/og-image.jpg', // 1200x630
        width: 1200,
        height: 630,
        alt: 'Intent B2B SEO Ajansı',
      },
    ],
    locale: 'tr_TR',
    type: 'website',
  },
};