Açık Grafik (Open Graph – OG)

Açık grafik (Open Graph - OG), Facebook paylaşımlarınızda ön izlemelerinizi optimize etmenizi sağlayan, Youtube gibi devlerin de kullandığı önemli bir sistem.

Open Graph, kısaca OG, web sayfalarının sosyal medya platformlarında ve mesajlaşma uygulamalarında nasıl görüneceğini belirlemek için kullanılan bir meta veri protokolüdür. 2010 yılında Facebook tarafından tanıtılan Open Graph, bir web sayfası paylaşıldığında başlık, açıklama, görsel, URL ve içerik türü gibi bilgilerin platformlara daha düzenli şekilde aktarılmasını sağlar. Bu yapı sayesinde site sahipleri, içeriklerinin Facebook, LinkedIn, WhatsApp, Slack ve benzeri ortamlarda nasıl ön izleme oluşturacağını daha iyi kontrol edebilir.

Open Graph’tan önce bir bağlantı sosyal medyada paylaşıldığında platformlar sayfa içeriğinden otomatik olarak başlık, açıklama veya görsel seçmeye çalışırdı. Bu otomatik seçim her zaman doğru sonuç vermezdi. Bazen sayfanın ana görseli yerine logo, ikon, banner, reklam görseli veya içerikle ilgisi düşük bir görsel seçilebilirdi. Bu da kaliteli bir içeriğin sosyal medya akışında zayıf görünmesine ve daha az tıklama almasına neden olabilirdi.

Open Graph etiketleri bu sorunu azaltmak için kullanılır. Site sahibi, sayfanın sosyal medya paylaşımında hangi başlıkla, hangi açıklamayla ve hangi görselle görüneceğini önceden belirleyebilir. Örneğin bir blog yazısı Facebook’ta paylaşıldığında rastgele bir görsel yerine yazı için özel hazırlanmış kapak görseli gösterilebilir. Bu durum içeriğin daha profesyonel, anlaşılır ve tıklanabilir görünmesine yardımcı olur.

Open Graph, temel olarak sayfanın HTML kodundaki <head> alanına eklenen meta etiketlerle çalışır. Bu etiketler, sosyal medya platformlarına ve bağlantı ön izleme sistemlerine sayfa hakkında yapılandırılmış bilgi verir. Örneğin og:title sayfanın paylaşımda görünecek başlığını, og:description kısa açıklamasını, og:image ön izleme görselini, og:url ise sayfanın kalıcı URL’sini belirtir. Bu yapı, paylaşım kartlarının daha kontrollü oluşmasını sağlar.

Open Graph ile SEO meta etiketleri birbirine benzer görünse de aynı şey değildir. HTML <title> etiketi arama motoru sonuçlarında ve tarayıcı sekmesinde kullanılabilirken, og:title sosyal medya paylaşım ön izlemesinde kullanılacak başlığı belirtir. Benzer şekilde meta description arama motoru snippet’leri için kullanılabilirken, og:description sosyal platformlardaki açıklama alanını etkileyebilir. Bu nedenle SEO başlığı ve OG başlığı aynı yazılabilir; ancak farklı amaçlar için ayrı ayrı optimize edilmeleri çoğu zaman daha doğru olur.

Open Graph etiketlerinin en önemlilerinden biri og:image etiketidir. Çünkü sosyal medya akışlarında görsel, kullanıcının dikkatini çeken ilk unsurlardan biridir. Doğru ölçülerde, kaliteli, konu ile alakalı ve okunabilir bir görsel kullanmak tıklama oranını artırabilir. Görselin bulanık, yanlış kırpılmış, çok küçük veya içerikle alakasız olması paylaşım performansını olumsuz etkileyebilir. Bu nedenle her önemli sayfa için uygun bir OG görseli tanımlanması faydalıdır.

og:title etiketi, paylaşım kartında görünen başlığı belirler. Bu başlık kısa, anlaşılır ve tıklamaya teşvik edici olmalıdır. Ancak yanıltıcı veya clickbait bir başlık kullanılmamalıdır. Kullanıcı bağlantıya tıkladığında başlığın vaat ettiği içeriği sayfada bulabilmelidir. Başlık ile içerik arasında kopukluk olması, kullanıcı güvenini ve marka algısını olumsuz etkileyebilir.

og:description etiketi, sayfanın sosyal medya paylaşımında görünecek kısa açıklamasını ifade eder. Bu açıklama, kullanıcıya bağlantının ne hakkında olduğunu hızlıca anlatmalıdır. Çok uzun, genel veya belirsiz açıklamalar yerine, içeriğin değerini net biçimde özetleyen kısa bir metin tercih edilmelidir. Örneğin bir blog yazısı için konu, fayda ve okuyucunun neden tıklaması gerektiği birkaç cümleyle anlatılabilir.

og:url etiketi, paylaşılan içeriğin tercih edilen kalıcı URL’sini belirtir. Bu etiket özellikle aynı içeriğin farklı parametreli URL’lerle paylaşılmasını önlemek ve platformların doğru sayfayı referans almasını sağlamak açısından önemlidir. Örneğin UTM parametreleri veya farklı kampanya bağlantıları kullanılsa bile, og:url ile asıl sayfa adresi netleştirilebilir. Bu yapı, sosyal paylaşım verilerinin daha tutarlı görünmesine yardımcı olabilir.

og:type etiketi ise sayfanın içerik türünü belirtir. Blog yazıları veya standart sayfalar için genellikle article veya website gibi türler kullanılabilir. Video, müzik, ürün veya farklı içerik türleri için başka Open Graph türleri de kullanılabilir. İçerik türünün doğru belirtilmesi, platformların paylaşımı daha doğru anlamlandırmasına yardımcı olur. Ancak çoğu temel web sayfası için başlık, açıklama, görsel ve URL etiketleri ilk etapta en kritik alanlardır.

Open Graph yalnızca Facebook için düşünülmemelidir. Facebook tarafından ortaya çıkarılmış olsa da bugün birçok sosyal medya platformu, mesajlaşma uygulaması ve bağlantı ön izleme sistemi OG etiketlerinden yararlanabilir. LinkedIn, WhatsApp, Slack ve benzeri platformlarda bir bağlantının ön izleme kartı oluşturulurken Open Graph verileri kullanılabilir. X yani eski adıyla Twitter tarafında ise Twitter Cards adı verilen ayrı etiketler de bulunur; ancak birçok durumda OG etiketleri de destekleyici rol oynayabilir.

YouTube örneği bu noktada dikkatli ele alınmalıdır. YouTube, başlı başına büyük bir video platformu ve arama davranışının yoğun olduğu bir mecradır; ancak Open Graph’ın temel kullanım alanı arama motorları değil, sosyal paylaşım ön izlemeleridir. YouTube gibi büyük platformlar kendi sayfalarında paylaşım ön izlemeleri için OG benzeri meta veriler kullanabilir. Ancak Open Graph’ı “arama motorlarının kullandığı bir sistem” olarak tanımlamak doğru değildir.

WordPress gibi içerik yönetim sistemlerinde Open Graph etiketlerini yönetmek genellikle kolaydır. Yoast SEO, Rank Math, All in One SEO gibi eklentiler, sayfalar ve yazılar için OG başlığı, açıklaması ve görseli tanımlamaya yardımcı olabilir. Benzer şekilde Shopify, Webflow, Wix veya özel yazılım altyapılarında da Open Graph etiketleri manuel ya da panel üzerinden düzenlenebilir. Önemli olan her önemli sayfa için doğru ve tutarlı paylaşım verilerinin tanımlanmasıdır.

Open Graph etiketleri özellikle blog yazıları, ürün sayfaları, kampanya landing page’leri, haber içerikleri, hizmet sayfaları ve kategori sayfaları için önemlidir. Bir ürün sayfası sosyal medyada paylaşıldığında doğru ürün adı, açıklaması ve görseli görünmelidir. Bir kampanya sayfası paylaşıldığında indirim, teklif veya ana mesaj net biçimde anlaşılmalıdır. Bir blog içeriği paylaşıldığında ise konu ve okuyucuya sunulan fayda ilk bakışta görülebilmelidir.

OG etiketleri sosyal medya trafiğini doğrudan garanti etmez; ancak paylaşımın görünümünü iyileştirerek tıklanma ihtimalini artırabilir. Kullanıcılar sosyal medya akışında bir bağlantıya tıklamadan önce görsel, başlık ve açıklamaya bakar. Bu alanlar net, güven verici ve ilgi çekici olduğunda içerik daha profesyonel görünür. Bu nedenle Open Graph, sosyal medya optimizasyonu ve içerik dağıtımı açısından önemli bir tekniktir.

Open Graph uygulanırken test süreci de unutulmamalıdır. Bir sayfaya OG etiketleri eklendikten sonra paylaşım ön izlemesinin nasıl göründüğü kontrol edilmelidir. Facebook Sharing Debugger, LinkedIn Post Inspector veya benzeri araçlarla başlık, açıklama ve görselin doğru çekilip çekilmediği test edilebilir. Bazı platformlar eski ön izleme verilerini önbellekte tutabilir; bu nedenle güncelleme sonrası yeniden taratma işlemi gerekebilir.

Open Graph kullanımında yapılan yaygın hatalardan biri, tüm sayfalarda aynı görsel, aynı başlık veya aynı açıklamayı kullanmaktır. Bu durum paylaşımların birbirinden ayırt edilmesini zorlaştırır ve kullanıcıya zayıf bir deneyim sunar. Her sayfa kendi içeriğini doğru yansıtan benzersiz OG etiketlerine sahip olmalıdır. Özellikle ürün, blog ve kampanya sayfalarında özel başlık, özel açıklama ve ilgili görsel kullanmak daha sağlıklı sonuç verir.

Kısacası Open Graph, web sayfalarının sosyal medya ve mesajlaşma platformlarında nasıl görüneceğini kontrol etmeye yardımcı olan meta veri protokolüdür. og:title, og:description, og:image, og:url ve og:type gibi etiketlerle sayfanın paylaşım ön izlemesi daha düzenli hale getirilebilir. Doğru kullanıldığında içeriklerin daha profesyonel görünmesini, kullanıcıların bağlantıyı daha iyi anlamasını ve sosyal medya paylaşımlarının daha etkili olmasını sağlar.

Sözlükte keşfedin

Dijitalin nabzını bizimle takip et

Dijital dünyayı şekillendiren seçilmiş içgörüler, haberler ve fikirlerden haberdar olmak için abone olun.