Günümüz dijital dünyasında içerik yalnızca web sitelerinde tüketilmiyor. Paylaşımlar, sosyal medya platformları üzerinden dolaşıma giriyor ve bu platformlar, içerikleri kullanıcıya etkileyici bir biçimde sunmak istiyor. İşte tam bu noktada Open Graph protokolü devreye giriyor.
Open Graph (OG) etiketleri, bir web sayfasının sosyal medyada nasıl görüneceğini kontrol etmemizi sağlar. Bu etiketler sayesinde, bir bağlantı Facebook, X (Twitter), LinkedIn gibi platformlarda paylaşıldığında doğru başlık, açıklama, görsel ve bağlantı bilgisiyle gösterilir.
Open Graph Protokolü Nedir?
Open Graph Protokolü, 2010 yılında Facebook tarafından geliştirilmiştir. Temel amacı, web sayfalarını sosyal grafiklere (social graph) uygun hale getirmektir. OG etiketleri, sayfanın içeriğini tanımlayan meta verileri içerir ve HTML <head> bölümünde yer alır.
Neden OG Etiketleri Kullanılmalı?
OG etiketleri kullanmanın başlıca avantajları şunlardır:
- Sosyal medya görünümünü özelleştirir.
- Tıklama oranlarını (CTR) artırır.
- Marka algısını geliştirir.
- Yanlış başlık veya rastgele görsel sorununu çözer.
- Güçlü SEO ve sosyal medya stratejisinin parçasıdır.
Temel Open Graph Etiketleri
Aşağıda yaygın olarak kullanılan OG etiketlerini ve açıklamalarını bulabilirsiniz:
| OG Etiketi | Açıklama |
|---|---|
og:title | Sayfanın başlığı. |
og:description | Kısa açıklama. 2–4 cümle önerilir. |
og:image | Paylaşımda görünecek görselin URL’si. |
og:url | Sayfanın kanonik URL’si. |
og:type | İçeriğin türü (ör. article, website, video). |
og:site_name | Web sitesinin adı. |
og:locale | Dil ve bölge bilgisi (ör. tr_TR, en_US). |
OG Etiketleri Nasıl Eklenir?
Aşağıda OG etiketlerini manuel olarak HTML’ye ekleme örneği verilmiştir:
<head>
<meta property="og:title" content="WordPress Eklenti Kodlama Rehberi" />
<meta property="og:description" content="WordPress'te kendi eklentinizi nasıl geliştirirsiniz? Detaylı rehber." />
<meta property="og:image" content="https://siteadresi.com/gorsel.jpg" />
<meta property="og:url" content="https://siteadresi.com/eklenti-rehberi" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="BayrakNET Blog" />
<meta property="og:locale" content="tr_TR" />
</head>
Platformlara Göre OG Uyumluluğu
- OG protokolünün geliştiricisidir.
Sharing Debuggeraracı ile ön izleme yapılabilir:
https://developers.facebook.com/tools/debug/
X (Twitter)
- Twitter OG etiketlerini kısmen destekler ama genellikle kendi kart yapısını kullanır (
twitter:cardetiketleri). - Yine de OG etiketleri yedek plan gibi davranır.
- OG etiketlerini oldukça doğru şekilde işler.
- Görsel boyutları önemlidir (en az 1200×627 piksel önerilir).
WordPress’te OG Etiketleri Nasıl Eklenir?
1. SEO Eklentileri ile Otomatik OG Kullanımı
- Yoast SEO, Rank Math, All in One SEO gibi eklentiler OG etiketlerini otomatik oluşturur.
- Ayarlar üzerinden her sayfa/post için özel başlık, açıklama ve görsel belirlenebilir.
2. Manuel Kodlama (functions.php)
function bayraknet_add_og_tags() {
if (is_singular()) {
global $post;
echo '<meta property="og:title" content="' . get_the_title() . '" />' . "\n";
echo '<meta property="og:description" content="' . get_the_excerpt() . '" />' . "\n";
echo '<meta property="og:url" content="' . get_permalink() . '" />' . "\n";
echo '<meta property="og:type" content="article" />' . "\n";
if (has_post_thumbnail($post->ID)) {
$image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');
echo '<meta property="og:image" content="' . esc_url($image[0]) . '" />' . "\n";
}
}
}
add_action('wp_head', 'bayraknet_add_og_tags');
OG Etiketlerinin Önemi SEO İçin Ne?
OG etiketleri doğrudan arama motoru sıralamasına etki etmez, fakat dolaylı etkileri vardır:
- Daha iyi sosyal medya görünümü, daha yüksek tıklama.
- Tıklama -> trafik artışı -> kullanıcı etkileşimi -> SEO sinyalleri.
- Kopya içerik sorunlarında kanonik URL belirleme.
Sık Yapılan Hatalar
- Yanlış veya eksik URL kullanmak (
og:url) - Kötü boyutlandırılmış görsel (
og:image) - Aşırı uzun açıklamalar
- Etiketleri
<body>yerine<head>kısmına koymamak - Tüm sayfalarda aynı OG verilerini göstermek
OG Etiketlerini Test Etme Araçları
- Facebook Sharing Debugger
https://developers.facebook.com/tools/debug/ - LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/ - Twitter Card Validator
https://cards-dev.twitter.com/validator
Değerlendirme
Open Graph etiketleri, dijital pazarlama ve sosyal medya stratejisinin kritik bir parçasıdır. Basit birkaç satır HTML ile içeriklerinizin sosyal medya görünümünü kontrol altına alabilir, paylaşım deneyimini zenginleştirebilir ve markanıza değer katabilirsiniz. OG etiketlerinin doğru ve dikkatli bir şekilde kullanılması, dijital görünürlüğünüzü artırmak için vazgeçilmezdir.
