Facebook ve Twitter'da paylaş butonu eklediniz ama resimler doğru çıkmıyor, facebookta paylaşırken resim sorunu çıkıyor ise bu yazımızı okumalısınız. 

Genelde facebookta çok sık karşılaşılan bir durum bu. Paylaş butonuna bastığımızda yazının resmi değilde farklı bir yazının resmi çıkıyor. Bunun önüne geçmek için meta etiketlerinden faydalanacağız.

Normal meta etiketlerinin yanında aşağıdaki meta etiketlerini de sayfalarınıza eklemeniz gerekmektedir. Bu etiketler sosyal paylaşım sitelerine yazınızın resmini, başlığını vs. bildirir.

Aşağıdaki meta etiketlerinde kırmızı yazılı yerleri kendi web sayfalarınıza göre değiştirmelisiniz.

1) <meta property="og:url" content="http://www.mustafakarsli.com/makale/Siteye-Facebook-Butonu-Ekleme.html">

Bu meta etiketi paylaşım yapılacak sayfanızın adresini belirtiyor.

2) <meta property="og:title" content="Siteye Facebook Butonu Ekleme | Mustafa KARSLI ">

Bu meta etiketi paylaşım yapılacak sayfanın başlığını belirtir.

3) <meta property="og:description" content="bu yazımda sitenize facebook butonunu eklemeyi anlatacağım">

Bu meta etiketi paylaşım yapılacak sayfanın tanımını belirtir.

4) <meta property="og:type" content="html">

Bu meta etiketi sayfanın türünü belirtir. Kaynak: www.mustafakarsli.com

5) <meta property="og:image" content="http://www.mustafakarsli.com/resim/facebookresim.jpg">

Bu meta etiketi paylaşım yapılan sayfanın resmini belirtir. Paylaşım yapacağımız yazının resmini burada belirtmeliyiz.

6) <meta property="og:site_name" content="Mustafa KARSLI Kişisel Web Sayfası">

Bu meta etiketi web sayfanızın site adını belirtir.

Yukarıdaki meta etiketlerini web sayfanıza eklediğinizde sorununuz düzelecektir. Ama unutmamanız gereken yukarıdaki meta etiketlerini her yazı ve sayfa için entegre etmeniz gerektiğidir.

Değerli görüş ve sorularınızı aşağıdaki yorum ekle kısmından yazabilirsiniz. Yeni derslerde görüşmek üzere sağlıcakla kalınız.

Mustafa KARSLI  Kaynak: www.mustafakarsli.com