//

Bilim ve Teknoloji Üretmek İçin Buradayız!

Facebook ve Twitterda Paylaş Meta Etiketleri (Resim Sorunu)
HTML 08.02.2015 👁 12,188

Facebook ve Twitterda Paylaş Meta Etiketleri (Resim Sorunu)

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

Öğrenci Paneli

Ders ilerlemenizi kaydetmek için giriş yapın.

Giriş Yap

Mobil Erişim — QR Kod

Ders QR Kodu

Telefonunuzla tarayın

👨‍💻

İçerik Yazarı

Mustafa KARSLI

Bilişim Teknolojileri Öğretmeni

Bu İçeriği Paylaş

💬 Yorumlar

Sefa 25.08.2015 15.34.00

Merhabalar bunları yerleştirdim ama paylaşırken gerekli bilgileri alıyor ama başka bir sayfa paylaştığım zaman ilk paylaştığımın bilgilerini çekiyor. Cache temizliğide yaptım paylaştıktan sonra ama hala eski bilgiler geliyor yardımcı olurmusnuz

Zafer 08.02.2015 17.25.15

Selamunaleyküm, Makalenize ilave olsun: Meta taglar header alanına eklendikten sonra https://developers.facebook.com/tools/debug/ adresine gidip Debugger kutucuğuna paylaşmak istediğiniz linki yazınız ardından linkinizi giriniz. Alt kısımda bulunan “Debug” butonuna bastığınızda Facebook’un sitenizi nasıl gördüğünün kodları çıkar. Ardından Fetch new scrape informatin butonuna basınız. Eğer yaptığınız işlemler doğru ise en alt kısımda paylaşılacak olan resmin sizin paylaşılmasını istediğiniz resim olduğunu göreceksiniz. Selametle kalın...

Fikrini Belirt

👋 Ben Kimim?

Geleceğimiz gençlerimize Bilim ve Teknolojiyi Üretmeleri için yol göstermeliyiz. Bu minvalde vakit buldukça ücretsiz ders ve videolar hazırlayıp yayınlamaya çalışmaktayım....

İletişime Geç →
📈

İstatistikler

Online
2
Toplam Ziyaret 2.817.390