Facebook'ta paylaş ile paylaşılan linklerin resimlerini nasıl değiştiririm?

alattin (17125) 11 yıl önce sordu

Web sitemdeki linkler "Facebook'ta paylaş"  ile paylaşıldığında, Facebook'da bu linkle ilgili resim sitemden rastgele seçiliyor. Kullanıcıların "Facebook'ta paylaş"  ile sitem üzerinden paylaştıkları linklerde bulunan görseli ben belirleyebilir miyim?

Facebook'ta paylaş ile paylaşılan linklerde benim belirlediğim bir resim görüntülenebilir mi?

Toplam 2 cevap


alattin (17125) 11 yıl önce cevapladı

Facebook'ta paylaş ile paylaşılan linklerde benim belirlediğim bir resim görüntülenebilir mi?

Evet. Facebook open-graph meta tags adı verilen  meta etiketlerine sahiptir. Bu meta etiketleri kullanılarak Facebook'ta paylaş ile paylaşılan linklerde hangi resmin gösterileceğini belirleyebilirsiniz.

Web sayfanızın içerisinde <head> ve </head>  etiketleri arasına aşağıdaki kodu yerleştirmeniz yeterli olacaktır.

<meta property="og:image" content="http://uzmanim.net/Images/og-facebook.png"/>
<meta property="og:image:secure_url" content="https://uzmanim.net/Images/og-facebook.png" />
property="og:image" 

property="og:image" özellik değer çifti güvensiz, standart, Http protokolü ile Facebook'ta paylaş üzerinden paylaşılan linkte gösterilecek resmi belirler.

property="og:image:secure_url"

property="og:image:secure_url" özellik değer çifti, güvenli Https protokolü ile  Facebook'ta paylaş üzerinden paylaşılan linkte gösterilecek resmi belirler.

Eğer web sayfası içerisinde yukarıdaki meta etiketleri ile resimler belirtilmez ise, Facebook eski yöntem ile Facebook'ta paylaş resmini arayacaktır:

<link rel="image_src" href="/Images/og-facebook.png"/>

Eğer yukarıdaki etiketlerden hiç biri web sayfası içerisinde yoksa, Facebook, sayfa içeriğini inceleyecek ve genişliği en az 50px, yüksekliği en az  50px, en-boy oranı en fazla 3:1 olan ve PNG, JPEG, GIF formatlarında olan bir resmi seçecektir.

Facebook'ta paylaş  resmi için birden fazla resim ekleyebilir miyim?

Evet, Ekleyebilirsiniz. Bunun için yapamanız gereken property="og:image"  ve / veya property="og:image:secure_url" meta etikerlerini sayfanıza birden fazla eklemek.

<meta property="og:image" content="http://uzmanim.net/Images/og-facebook1.png"/>
<meta property="og:image" content="http://uzmanim.net/Images/og-facebook2.png"/>
<meta property="og:image:secure_url" content="https://uzmanim.net/Images/og-facebook1.png" />
<meta property="og:image:secure_url" content="https://uzmanim.net/Images/og-facebook2.png" />

Yukarıdaki örnekte olduğu gibi meta etiketlerini birden fazla kullanabilirsiniz. Eğer sayfanız Https desteği yani güvenli bağlantı hizmetine sahip değilse property="og:image:secure_url"  özelliğine sahip meta etiketini kullanmanıza gerek yok.

Birden fazla Facebook Meta etiketini kullandığınızda kullanıcıları linkleri paylaştıklarında paylaşım ekranından dilediklerini seçebileceklerdir.

Facebook'ta paylaş  resmi için Meta etiketlerini ekledim faka hala Facebook rastgele resim seçiyor. Neden?

Facebook'ta paylaş ile bir sayfa paylaşıldığında Facebook sunucuları bu sayfayı ön belleklerine kaydederler. Tekrar link paylaşıldığında, Facebook sunucuları artık sizin  sayfanıza bağlanmaz, ön belleklerinden sayfanıza ait bilgileri getirirler.

Bunu ortadan kaldırmak için Facebook Debug Tool / Facebook Hata Ayıklama Aracını kullanabilirsiniz.

Facebook Debug Tool'a buradan erişebilirsiniz.

Sayfanızın linkini Facebook Debug Tool'a yapıştın ve Debug butonuna tıklayın. Debug işlemi Facebook ön belleğini temizleyecektir. Daha sonra Facebook'ta paylaş ile paylaştığınızda yeni resmi görebilirsiniz.

Facebook Meta Etiketlerini eklediğimde sayfam doğrulama hatası veriyor bunu nasıl düzeltebilirim?

Web sayfanıza Facebook Namespace'ni eklemelisiniz.

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">  

 

emreyilmaz41 (1) 9 yıl önce cevapladı

Peki konu içindeki resimi göstermesi için ne yapmalıyız?