Genel Hataları Düzeltmek için Facebook OpenGraph Hata Ayıklayıcısı Nasıl Kullanılır

Facebook Hata Ayıklayıcı, sayfalarınızın herhangi biri için OpenGraph etiketlerini analiz etmenize ve sorunlarını gidermenize olanak sağlayan bir araçtır. Hata Ayıklayıcı'yı kullanarak, sosyal medya zengin snippet'lerinizdeki hataların kaynağına hızla odaklanabilirsiniz.

Sosyal medya ve Facebook'un kendisi, herhangi bir pazarlama stratejisinin temel bileşenleri olduğundan, bu aracın nasıl kullanılacağını bilmek, maça karşılığını verebilir.

Facebook Hata Ayıklayıcı ve OpenGraph hakkında konuşalım!

OpenGraph Nedir (Ve WordPress'te Etiketler Nasıl Eklenir)

OpenGraph, sayfalarınıza ve gönderilerinize meta veri eklemek için kullanabileceğiniz bir etiket koleksiyonunu ifade eder. Sosyal medya platformları, kullanıcılarına gösterdikleri zengin snippet'leri oluşturmak için bu OpenGraph etiketlerini kullanır:

OpenGraph etiketlerini kullanmazsanız, sosyal medya platformları, paylaştığınızda sayfalarınız için otomatik olarak snippet'ler oluşturur. Ancak bu yaklaşımla, bu zengin snippet'lerin nasıl göründüğü üzerindeki tüm kontrolünüzü kaybedersiniz.

Bu, ekteki resim iyi görünmüyorsa, onu WordPress içinde değiştirmeniz gerektiği anlamına gelir. Facebook'un kullandığı meta açıklamayı beğenmediyseniz, içeriğinizi de değiştirmeniz gerekir. Genel olarak, bir trafik kaynağı olarak sosyal medyadan yararlanmak istiyorsanız bu akıllıca bir yaklaşım değildir.

Bu basit örnek bile arka planda birden çok OpenGraph etiketi eklemenizi gerektiriyor. Zengin snippet için aşağıdaki etiketleri kullanmanız gerekir:

<meta property="og:title" content="Article Title"/>
<meta property="og:description" content="Article Description"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://example.com/link/to/article"/>
<meta property="og:site_name" content="Site Name"/>
<meta property="og:image" content="http://example.com/image/src.jpg"/>

Bu örnek, OpenGraph etiketleri ve bunların nasıl kullanılacağı (okumalısınız!) hakkındaki önceki Zarif Temalar makalesinden alınmıştır. Özetle, içeriğinize OpenGraph etiketleri eklemenin iki yolu vardır:

1. Manuel olarak. Tıpkı Schema işaretlemesinde olduğu gibi, OpenGraph etiketlerini sayfalarınıza manuel olarak ekleyebilirsiniz. Dezavantajı ise, web sitenizdeki sosyal medyada paylaşmak istediğiniz her sayfa için bunu yapmanız gerektiğidir.
2. Eklentileri kullanma. İçeriğiniz için otomatik olarak OpenGraph etiketleri oluşturan birçok eklenti var. En popüler eklenti seçeneği Yoast SEO'dur, ancak diğerleri de bunu yapabilir.

Ne yazık ki, Yoast SEO'nun ücretsiz sürümü zengin snippet önizleme işlevi içermiyor. Ancak, basit bir editörü kullanarak içeriğinizin OpenGraph etiketleri değiştirmek için izin yok.

Eğer Zaten Yoast SEO kullanıyorsanız, OpenGraph işlevinden yararlanmak, sosyal medya snippet'lerinizin tam olarak istediğiniz gibi görünmesini sağlamanın en kolay yoludur.

OpenGraph için Facebook Hata Ayıklayıcısını Neden Kullanmalısınız?

Facebook Hata Ayıklayıcı, sosyal medya zengin snippet'lerinizin pano genelinde mükemmel bir şekilde çalışmasını sağlamanıza yardımcı olabilecek bir araçtır. Bunu kullanmak için Facebook Geliştiricileri için Paylaşım Hata Ayıklayıcı sayfasını ziyaret etmeniz yeterlidir. Buraya, etiketlerini kontrol etmek istediğiniz sayfanın URL'sini girin ve Hata Ayıkla düğmesini tıklayın:

Hata Ayıklayıcı'yı kullanmak için bir Facebook hesabına bile ihtiyacınız yok. Bir URL'yi analiz ettiğiniz anda, standart URL'si gibi bilgilerin yanı sıra zengin snippet'inin bir önizlemesini gösterir:

Daha fazla aşağı kaydırırsanız, sayfanın tüm OpenGraph etiketlerini analiz edebilirsiniz:

Facebook Hata Ayıklayıcı'nın, hataları düzeltmenize veya etiketlerinizi doğrudan değiştirmenize olanak sağlamadığını unutmayın. Ancak, içeriğinizin Facebook'ta nasıl görüneceğinin bir önizlemesini gösterir. Daha da önemlisi, OpenGraph etiketlerinizde hata tespit ederse size uyarı da verir:

Bu özel hata, bir sonraki bölümde nasıl sorun gidereceğinizi size göstereceğimiz üç hatadan biridir.

3 Yaygın OpenGraph Hatasını Düzeltmek için Facebook Hata Ayıklayıcısı Nasıl Kullanılır

Bu bölüm için çoğunlukla Facebook Hata Ayıklayıcısına güveneceğiz. Ancak, Yoast SEO kullanıyorsanız, eklentinin birkaç OpenGraph hatasını düzeltmenize nasıl yardımcı olabileceğini de göstereceğiz. Hadi hadi bakalım!

1. İlişkili Resimleri Güncellemek için Bir URL'yi Tekrar Kazıyın

OpenGraph etiketleriyle karşılaşabileceğiniz en yaygın hatalardan biri, Facebook Hata Ayıklayıcısının güncel olmayan öne çıkan resimleri göstermesidir. Bunun nedeni, bir sayfayı veya gönderinin ilişkili resmini güncellediğinizde Facebook'ta otomatik olarak güncellenmemesidir. Görüntüler için OpenGraph etiketlerini kullandığınızda, Facebook performansı artırmak için bu dosyaları önbelleğe alır. Sonuç olarak, öne çıkan görselleri kendi tarafınızda güncellerseniz, Facebook'u kendi tarafında da aynısını yapmaya "zorlamanız" gerekir.

Bunu yapmanın en kolay yolu, Facebook Hata Ayıklayıcı'nın Scrape Again işlevini kullanmaktır. Bu seçeneği , URL'yi en son ne zaman ve nasıl kazıdığımızın hemen altında bulabilirsiniz:

Scrape Again düğmesine tıklayın ve Bağlantı Önizleme bölümünde sayfanızın öne çıkan görselinin değişip değişmediğine bakın. Olmazsa, bazen düğmeye tekrar tıklamak hile yapar (çok yüksek teknoloji değil, ama işe yarıyor!)

Resim yüklenemezse, web sitenizde bir önbelleğe alma sorunu yaşıyor olabilirsiniz. Bu durumda, sitenizin önbelleğini temizlemek ve ardından Facebook'u resim bilgilerini güncellemeye zorlamak için Tekrar Kazı düğmesini kullanmak isteyeceksiniz.

2. “Özellikler henüz mevcut değil” Hatasını düzeltin

og:image etiketi, OpenGraph'ın sosyal medya platformlarının her sayfa için hangi resim dosyasını göstermesi gerektiğini bildirmek için kullandığı şeydir. Bazı durumlarda, “og:image özellikleri henüz mevcut değil” hatasıyla karşılaşabilirsiniz.

Bu, öne çıkan görselinizin çözünürlüğünde bir sorun olabileceği anlamına gelir. Resminizin boyutu 200×200'ün altındaysa, hiç çalışmayacaktır.

İdeal olarak, sosyal medya zengin snippet'leriniz için ayarladığınız görseller 1080 piksel genişliğinde veya daha yüksek olmalıdır. Büyük özellikli görseller yalnızca daha iyi görünmekle kalmaz, aynı zamanda sosyal medyadaki içeriğinize dikkat çekmenize de yardımcı olabilir:

Resimler ve og:image etiketi hakkında daha fazla bilgi edinmek istiyorsanız, Elegant Themes blogunda başka bir makale var. Özetle, Facebook Hata Ayıklayıcı resminizin boyutuyla ilgili bir hata döndürürse, genellikle şu iki yaklaşımdan birini kullanarak sorunu düzeltebilirsiniz:

1. Sayfanın öne çıkan resmini daha yüksek çözünürlüklü bir sürümle güncelleyin (ve bundan böyle yüksek kaliteli resimler kullanmaya devam edin!).
2. og:image etiketinizde farklı bir resim dosyasını belirtmek için Yoast SEO kullanın.

Yoast SEO için, güncellemek istediğiniz gönderi veya sayfa için Sosyal sekmesi altında “Facebook resminizi” değiştirme seçeneğini bulabilirsiniz:

Resminizi veya ilgili etiketi güncelledikten sonra, Facebook Hata Ayıklayıcı'daki Tekrar Kazı düğmesini kullanın. “og:image özellikleri henüz mevcut değil” uyarısı gitmiş olmalı ve resminiz doğru şekilde görüntülenmelidir.

3. Eksik fb:app_id Özelliğini Web Sitenize Ekleyin

Makalede daha önce yer alan bir uyarıya geri dönelim:

Bu uyarı, web sitenizle ilişkilendirilmiş bir Facebook Uygulama Kimliği olmadığı anlamına gelir. İçeriğinizi sosyal medyada paylaşmak için bir uygulama kimliğine ihtiyacınız yoktur, ancak bu, Facebook Insights'a erişmenizi sağlar.

Facebook Insights'ın pazarlama çabalarınızı geliştirmenize ve gönderi performansını ölçmenize yardımcı olabileceği düşünüldüğünde, biraz hazırlık süresine değer. Bu analizlere erişim elde etmekle ilgileniyorsanız, web siteniz için bir Facebook Uygulama Kimliği oluşturmanız gerekir.

Uygulama kimliğine sahip olduğunuzda, bunu fb:app_id özelliğini kullanarak sayfalarınıza eklemek için Yoast SEO'yu kullanabilirsiniz . Bunu yapmak için sitenizdeki SEO > Sosyal > Facebook sekmesine gidin ve Facebook Uygulama Kimliği alanını arayın:

Uygulama kimliğinizi ekleyin, eklenti ayarlarındaki değişiklikleri kaydedin ve hazırsınız. Bundan böyle, Facebook Hata Ayıklayıcı, eksik bir fb:app_id özelliğiyle ilgili herhangi bir hata döndürmemelidir.

Çözüm

Facebook Hata Ayıklayıcı'nın kullanımı oldukça basittir. Ancak, OpenGraph etiketleri hakkında temel bir anlayışa sahip olmadan karşılaşabileceğiniz bazı hataları anlamak zordur. Genel olarak konuşursak, Yoast SEO gibi bir eklenti kullanıyorsanız, etiketleri manuel olarak ayarlama konusunda endişelenmenize gerek kalmaz.

Facebook Hata Ayıklayıcı ile OpenGraph hatalarını şu şekilde hızlı bir şekilde giderebilirsiniz:

1. İlişkili resimleri güncellemek için bir URL'yi tekrar kazıma.
2. “og:image özellikleri henüz mevcut değil” hatasını düzeltme.
3. Eksik fb:app_id özelliğini web sitenize ekleme.

Facebook Hata Ayıklayıcı'nın nasıl kullanılacağı hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde onlar hakkında konuşalım!

Makale küçük resmi, Sergey Targasov / Shutterstock.com.