HTML Kodları Dijital Dünyaya Açılan Kapı

Open Graph etiketleri, bir web sayfasının sosyal medya platformlarında nasıl görüneceğini belirlemek için kullanılan HTML meta etiketleridir. Özellikle Facebook, X (Twitter), LinkedIn ve WhatsApp gibi platformlar, bağlantı önizlemelerini oluştururken Open Graph verilerini dikkate alır. Doğru kullanılan Open Graph etiketleri, paylaşımların daha dikkat çekici olmasını sağlar.

Open Graph Nedir?

Open Graph, Facebook tarafından geliştirilen bir protokoldür. HTML <meta> etiketleri aracılığıyla bir sayfanın başlık, açıklama, görsel ve bağlantı bilgilerini sosyal ağlara iletir.

Open Graph Etiketleri Ne İşe Yarar?

Bu etiketler sayesinde bir sayfa paylaşıldığında:

  • Özel bir başlık görüntülenir
  • Sayfa açıklaması kontrol edilir
  • Belirlenen görsel kullanılır
  • Yanlış veya eksik önizlemeler engellenir

Temel Open Graph Etiketleri

En sık kullanılan ve mutlaka eklenmesi gereken Open Graph etiketleri şunlardır:

<meta property="og:title" content="Sayfa Başlığı">
<meta property="og:description" content="Sayfa açıklaması">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.siteadi.com">
<meta property="og:image" content="https://www.siteadi.com/gorsel.jpg">

og:title Etiketi

og:title, sosyal medya paylaşımında görünen başlığı belirler. Kısa, açıklayıcı ve dikkat çekici olması önerilir. SEO başlığıyla birebir aynı olmak zorunda değildir.

og:description Etiketi

og:description, sayfanın kısa özetini sunar. 150–200 karakter arasında olması ve içeriği net bir şekilde anlatması idealdir.

og:image Etiketi

og:image, paylaşım sırasında gösterilecek görseli tanımlar. Görselin en az 1200x630 piksel boyutunda olması ve herkesin erişebileceği bir URL üzerinden sunulması gerekir.

Open Graph Etiketleri Nereye Eklenir?

Tüm Open Graph etiketleri HTML belgesinin <head> etiketi içine eklenmelidir. <body> içinde kullanılan etiketler sosyal medya platformları tarafından algılanmaz.

Open Graph Etiketlerini Test Etme

Etiketlerin doğru çalıştığını kontrol etmek için sosyal medya test araçları kullanılabilir. Bu araçlar, sayfa önizlemesini ve varsa hataları gösterir.

SEO Açısından Open Graph Etiketleri

Open Graph etiketleri doğrudan arama motoru sıralamasını etkilemez. Ancak sosyal medyada daha fazla tıklama alınmasını sağlayarak dolaylı olarak SEO performansına katkı sunar.