Eminiz ki bir blog işleten ya da web sitesi olan herkes, içerikleri daha okunabilir ve tıklanabilir olsun ister. İçeriklerinizin öne çıkmasına fayda sağlayan etkenlerden biri ise Open Graph Meta Etiketleridir. Open graph meta etiketleri içeriklerinizin okuyucular tarafından ilk bakışta fark edilmesini sağlayan süslü grafiklerdir. Bizler de bu yazıda sizlere SEO çalışmasının ayrılmaz bir parçası open graph hakkında bilmeniz gereken her şeyi anlatacağız.
Keyifli okumalar!
Open Graph Meta Etiketleri Nelerdir?
Open graph meta etiketler içerikleriniz sosyal medyada paylaşıldığında URL’lerin nasıl görüntüleneceğini kontrol eden kod parçacıklarıdır. Bu etiketler, Facebook’un Open Graph protokolünün bir parçasıdır ve LinkedIn ile Twitter başta olmak üzere diğer sosyal medya mecraları tarafından da kullanılır.
Open graph etiketleri sayesinde sosyal medya kanallarında paylaştığımız bir içeriğin nasıl görüneceğini düzenleyebiliriz.
Bu kod parçacıklarını bir web sayfasının <head> bölümünde bulabilirsiniz.
Open Graph Meta Etiketleri Neden Önemli?
Aslında her şey estetik görüntü ile ilgilidir. Nasıl ki günlük yaşamda gözümüze güzel gelen yerlerin fotoğraflarını çekmeden önce durup birkaç saniye manzaranın güzelliğini izliyorsak internette de insanların open graph (OG) etiketleri ile optimize edilmiş içerikleri görme, beğenme ve dolayısıyla tıklama olasılıkları daha yüksektir. OG meta etiketleri ile optimize edilen içerikler de web sitenize daha fazla sosyal medya trafiği çekecektir.
Bu durumun üç ana nedeni vardır:
- Open graph meta etiketleri sosyal medya feedlerinde içeriği daha dikkat çekici hale getirir,
- İnsanların ilk bakışta içeriğin ne hakkında olduğunu anlamasını sağlar,
- Facebook’un içeriğin ne hakkında olduğunu anlamasına yardımcı olurlar, bu da arama yoluyla marka görünürlüğünüzü artırmanıza yardımcı olabilir.
Facebook günümüzde eski popülaritesini kaybetmiş gibi davranılsa da aslında hala yaygın bir biçimde kullanılan oldukça etkin bir sosyal medya kanalıdır. Facebook’ta bir arama yaptığınız zaman karşınıza insanlar tarafından paylaşılan popüler içerik sonuçları çıkacaktır. Her bir içerik başlık, resim ve OG etiketleri ile birlikte gelir.
Kullanmanız Gereken Open Graph Meta Etiketleri
Teoride, Facebook’un resmi belgelerine göre 17 adet Open Graph etiketi vardır. Pratikte, hepsini bilmenize gerçekten gerek yoktur. İşte işinize yarabilecek olan OG meta etiketleri:
1. og:title
“Title” kısmından da anlayacağınız gibi burası içeriğinizin başlığıdır. Kod şöyle görünür:
<meta property=”og:title” content=”İçeriğinizin Başlığı” />
Bu etiket içeriğinizin başlığının sosyal medya kanallarında düzgün bir şekilde görüntülenmesini sağlar.
En başarılı şekilde uygulamak için:
- Etiketi paylaşılabilir tüm sayfalara ekleyin.
- Tıklanılabilirlik kadar doğruluk ve değer de önemlidir,
- Taşmanın önüne geçmek için başlığı kısa tutun. Bunun ile ilgili kesin bir ibare olmamakla birlikte uygun olan mobil için 40, masaüstü için 60 karakterdir.
- Ham başlığı kullanın ve site adınız gibi marka değeri taşıyan isimleri dahil etmeyin.
2. og:url
Bu kısım da içeriğinizin URL’idir.
URL’iniz, sosyal medya kanallarında içeriğinizin türü hakkında bilgi verir nitelikte olması önemlidir çünkü kullanıcılar linke tıklayarak içeriğinize ulaşacak.
Kod görünümü şu şekildedir:
<meta property=”og:url” content=”https://siteniz.com/blog/örnek-url/” />
Canonical, yani standart URL kullanmaya özen gösterin.
3. og:image
Bu kısım ise paylaştığınız görüntünün URL’ini kapsar.
Bu etiket diğerlerine kıyasla bir tık daha önemli olabilir çünkü görseller bir paylaşımın ilk ve en çok dikkat çeken kısmını oluşturur.
Bu etiket ile öne çıkarılan görselinizin ayarını yaparsınız.
Kod görünümü şöyledir:
<meta property=”og:image” content=”https://siteniz.com/blog/wp-content/uploads/2022/04/fb-open-graph-1.jpg” />
- Yukarıda söz ettiğimiz paylaşılabilir sayfalar için özel resimler kullanın,
- Sayfalarınızın geri kalanı için logonuzu yahut markanızı temsil eden başka bir görseli kullanın,
- Tüm cihazlarda optimum netlik sağlayabilmek adına oranın 1,91:1 ve minimum boyutun 1200×630 olmasına özen gösterin.
4. og:type
Bu kısım paylaştığınız içeriğin tipidir.
Bu etiket ile okuyuculara içeriğinizin türü hakkında bilgi verirsiniz. Bu bir makale mi, araştırma mı yoksa web sitesi mi?
Kod görünümü şöyledir:
<meta property=”og:type” content=”makale” />
5. og:description
Bu kısım içeriğinizin kısa bir açıklamasıdır.
Bu etiket ile okuyuculara sosyal medya kanallarında içeriğinizin kısa açıklamasını gösterebilirsiniz.
Kod görünümü şöyledir:
<meta property=”og:description” content=”Sadece birkaç küçük değişiklikle çok daha fazla tıklama alabileceğinizi biliyor muydunuz?.” />
- Snippet‘i merak uyandırıcı ve ilgi çekici bir hale getirmek için başlığı tamamlayın,
- Meta açıklamanızı bu kısma yedirin,
- Kısa ve öz tutun.
6. og:locale
Bu kısım ise içeriğinizin dilini tanımlar.
Bu etiket sayesinde sosyal medya kullanıcılarına içeriğinizin dili hakkında bilgi verebilirsiniz.
Kod görünümü şöyledir:
<meta property=”og:locale” content=”tr_TR” />
Open Graph Meta Etiketleri Nasıl Kurulur?
WordPress, Shopify ve Wix’de OG meta etiketleri nasıl kurulur bir bir ele aldık.
O halde devam edelim:
WordPress: Open Graph Meta Etiketleri
WordPress’te OG meta etiketleri ayarını yapmak için Yoast’ın SEO eklentisini yükleyin.
- Bir gönderi veya sayfa için düzenleme kısmına gidin ve ardından aşağı kaydırın.
- Bir Yoast SEO kutusu görmelisiniz.
- “Sosyal” sekmesine tıklayın ve ardından “Facebook” a basın.
- “og:title, og:description ve og:image” etiketlerini ayarlamak için bu kısımları doldurun.
Yoast’ta “og:url” kısmını manuel olarak düzenlemenize gerek yoktur. Şanslısınız ki, Yoast bunu sizin yerinize yapar.
Eğer bir OG resmi ayarlamazsanız ve gönderinizde öne çıkan bir resim bulunuyorsa Yoast bu resmi varsayılan olarak kullanacaktır. Ek olarak, Twitter Cards gibi eklentileri düzenlemek ile zaman kaybetmek istemiyorsanız site çapında bir og:image etiketi ayarlamanızı öneririz.
Bu işlemi Yoast > Social >Facebook kısımlarına giderek yapabilirsiniz.
“Add OG meta data” seçeneği altındaki geçişin “Enabled” yani “Etkin” olarak ayarlandığından emin olun.
Shopify: Open Graph Meta Etiketleri
Birçok Shopify teması başlık ve öne çıkan resim gibi OG etiketlerini kendi ayarlar. Burada Shopify’ın kullanıcı ara yüzünü kullanarak özelleştirebileceğiniz tek etiket site çapında bir og:image olacaktır.
Gerekli ayarları yapmak için:
- Online mağaza’ya gidin,
- Temalar’ı seçin,
- Özelleştir’e tıklayın,
- Tema ayarları > Özelleştir adımlarını izleyin
- Sosya medyaya gidin ve uygun bir görsel seçimi yapın.
Eğer nasıl kurulduğunu görmek istiyorsanız, kaydırma çubuğunda Online Mağaza > Temalar > Eylemler > Kodu düzenle > Snippets > social-meta-tags.liquid kısmına gidin. Buradan, gerek duyduğunuz takdirde kodu düzenleyebilirsiniz.
Wix: Open Graph Meta Etiketleri
Wix içeriğinizin başlığı ve açıklaması gibi değişkenlerden OG etiketlerini otomatik olarak çeker. Dilerseniz, “sosyal paylaşım” ayarlarından her sayfa için OG başlığı, açıklaması ve resmi özelleştirebilirsiniz.
Buna ek olarak site çapında özel bir OG görüntüsü de ayarlayabilirsiniz:
Ana menüde Ayarlar > Sosyal paylaşım kısmına gidin.
Genel olarak baktığımızda Wix OG etiketlerini eklemeyi kolaylaştıran bir altyapıya sahiptir.
Open Graph Metaları Nasıl Test Edilir?
Tüm OG meta etiketlerini ayarladığınıza göre artık umduğunuz gibi çalıştıklarından ve paylaşıma hazır olduklarından emin olmanız gerekir.
Bunun için aşağıdaki araçları kullanabilirsiniz:
- Facebook Sharing Debugger (Facebook Hata Ayıklayıcı Aracı)
- Twitter Card Validator
- LinkedIn Post Inspector
Hepsinin çalışma mantığı aynıdır. Sayfadan etiketleri çekerler ve size gönderiler paylaşıldığında nasıl görüneceğini gösterirler.
OG meta etiketlerini test etmek ayrıca etiketlerinin doğru şekilde gösterilmediği veya çekilemediği sorunları görerek önlemenize yardımcı olur.
Sorunsuz bir snippet görünümü sağlamak için og:image etiketlerinize “width ve height” yani genişlik ve yükseklik tercihlerinizi ekleyin. Kod görünümü şöyle olmalıdır:
<meta property=”og:image:width” content=”1200″ />
<meta property=”og:image:height” content=”630″ />
En önemli şey nihai olarak snippet’in nasıl göründüğüdür. Etiketleri yanlış ayarlarsanız bunları düzeltebilirsiniz, ayrıca fb:app_id gibi önemsiz etiketlerle ilgili uyarıları da yok sayabilirsiniz.
Eğer bir şeyler ters görünüyorsa ve etiketleri güncellediyseniz yeni verileri almak için “scrape again” düğmesini kullanın. Eğer taramadan sonra değişiklikleri hala göremiyorsanız, önbelleği temizlemek için Batch Invalidator’ı kullanın ve işlemi tekrarlayın.
Open Graph Metaları Nasıl Denetlenir?
Halihazırda yüzlerce sayfa içeren bir web siteniz varsa ve hangilerinin OG meta etiketlerine sahip olduğundan emin değilseniz sayfalarınızı toplu olarak kontrol etmek için Ahrefs’in Site Denetimi gibi profesyonel bir araçtan yardım alabilirsiniz.
Bir tarama yapın ve ardından Open Graph ve Twitter Card etiketleri ile ilgili tüm sorunları görmek için “sosyal etiketler” raporuna gidin.
Ekranda bir sorun görüyorsanız bu sarı renkte bir uyarı olacaktır. Açıklamayı ve nasıl düzeltileceğine ilişkin tavsiyeyi görmek için bu uyarıya tıklayın.
Açılan ekranda karşınızda sorunun ne olduğuna dair yeterli bir açıklama ile sorunun nasıl düzeltileceğine dair bir talimat göreceksiniz. Ekranın sol altında yer alan “Etkilenen URL’leri “görüntüle”ye tıkladığınızda ilgili metriklerle birlikte her bir URL’yi etkileyen sorunları göreceksiniz. Bu metriklerden biri, tabloyu sıralamak ve düzeltilecek URL’lere öncelik vermek için kullanabileceğiniz organik trafiktir.
Sonuç
OG etiketleri sosyal medyadaki varlığınız için önemlidir. Gördüğünüz üzere çok fazla zaman alan uygulamalar da değildir. Bu nedenle onları yapılandırmanız zor olmadığı gibi SEO çalışmalarınıza birçok katkısı olacaktır.
Birçok SEO Danışmanı OG etiketlerinin sosyal medyadaki görünürlüğünüzü arttırmanın yanı sıra sitenize gelen organik trafiği ve tıklama oranını da arttıracağını belirtmektedir.
