Facebook’ta paylaşım yaparken, sitelerin en çok sorun yaşadığı konulardan bir tanesi, yazılan içerikte bulunan görselin paylaşımda çıkmamasıdır. Link paylaşımı yapıldığı zaman ana sayfada bulunan resimler ya da siteyi oluşturan görseller çıkabilmektedir.
Sosyal paylaşım sitesi Facebook, bu sorunu ortadan kaldırabilmek için, daha doğrusu bir içeriğe eklenen görseli tanıyabilmek için kendisine özel bir kod geliştirmiştir. Meta tagları arasında olması gereken bu kod, ilgili içeriğe eklendiğinde, istenilen resmin Facebook paylaşımlarında çıkması sağlanmaktadır. Şimdi isterseniz bu kodu sizlerle paylaşarak nasıl yapılması gerektiğine dair detaylı bir açıklama yapalım.
[code language=”css”]
<meta property="og:image" content="Buraya Paylaşılması İstenen Resim Adresi Gelecek" />
[/code]
Yukarıdaki kodu yazmış olduğunuz içeriğin meta tagları arasına ekledikten sonra, içerik içerisinde bulunan ve paylaşım yaptığınızda görünmesini istediğiniz resmin linkini açıklaması yapılan yere ekleyiniz. Ekleme işlemi tamamlandıktan sonra hemen bir deneme yapabilirsiniz. Burada dikkat etmeniz gereken bir konu bulunmaktadır. Facebook cacheleme yaptığı için paylaşımda yine eski resimler görülebilir. Bu sorunun düzelip düzelmediğini öğrenebilmek için, Facebook’un sunmuş olduğu bir devoloper alanı vardır. Bu alanda bazı işlemlerin yapılması gerekir.
Bu arada unutmadan ekleyeyim. Sadece resim linki değil aynı zamanda Facebook’ta çıkacak paylaşımın başlığını, açıklamasını ve aynı zamanda içerik linkini de ayarlayabilirsiniz. Aşağıdaki kodda bulunan açıklamalara doğru bir şekilde doldurmanız yeterli olacaktır. Benim tavsiyem bu şekilde kullanmanızdır.
[code language=”css”]
<meta property="og:title" content="Facebook’ta Paylaşılacak Başlık" />
<meta property="og:description" content="Facebook’ta paylaşılacak açıklama" />
<meta property="og:url" content="İçerik Linki" />
<meta property="og:image" content="Başlıkta çıkmasını istediğiniz resim linki" />
[/code]
Facebook Paylaşımlarında Resim Kontrolü
Makalenizin header alanında yukarıda anlatmış olduğum çalışmayı yaptıktan sonra bunun kontrolünü yapabilmek için Facebook’un sunmuş olduğu tool üzerinden debug işlemi yapmanız gerekmektedir. Burada iki yabancı tabir kullanmış olabilirim ancak kontrol yapmak oldukça basittir. https://developers.facebook.com/tools/debug/ adresine giriş yapınız. Ardından size sunulmuş alana linkinizi giriniz. Alt kısımda bulunan “Debug” butonuna basınız. Bu işlemi yaptığınızda, Facebook’un sitenizi nasıl gördüğünün kodları çıkacaktır karşınıza.
Debug işlemi gerçekleştikten sonra “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.
Facebook Paylaşımlarında Konu Resmi Çıkmayanlara Bir Örnekle Anlatım
Dilerseniz bu konuyu bir örnekle anlatayım. Ben Neticaret’de makaleler yazıyorum. Yeni yazmış olduğum bir makaleye yukarıda bahsetmiş olduğum kodları girmeden paylaşım yapıyorum. Rastgele resimler alıyorum. Hiç bir değişiklik yapmadan bu sayfayı debug işleminden geçiriyorum. Karşıma çıkan sonuçları aşağıda bulunan resimden görebilirsiniz. Facebook bana bazı hatalar veriyor. Verilen hataları aşağıya ekliyorum.
Gördüğünüz gibi url, tittle, description ve image alanlarının olmadığını ve bu sebeple rastgele resimler ve diğer bilgilerin alınacağını bana söylüyor. Şimdi ise aşağıdaki kodları ilgili makalemin header alanına ekliyorum. İlgili işlemleri yaptıktan sonra “Debug” yaparak ve ardından “Fetch new scrape informatin” butonuna basıyorum. Paylaşımda yapılan değişikliğin ve resmin nasıl paylaşılacağının görseli aşağıdaki resimde mevcuttur.
[code language=”css”]
<meta property="og:title" content="Google Plus Firma Hesabının Faydaları" />
<meta property="og:description" content="Google plus firma hesabı açarak sitenizin SEO’suna katkıda bulunabilirsiniz." />
<meta property="og:url" content="http://www.neticaret.com.tr/google-plus-firma-hesabi-ile-trafik-arttirmak" />
<meta property="og:image" content="http://www.neticaret.com.tr/resimler/google-plus-resmi.png" />
[/code]
Facebook paylaşımlarında konu resmi çıkmıyorsa konu başlıklı makalemde sizlerle paylaşabileceğim bilgiler bunlardır. Yukarıda manuel bir şekilde anlatım yapılmıştır. Kullanmış olduğunuz yazılım diline göre ilgili kodları, sitenize her içerik girdiğinizde otomatik olarak eklenmesini sağlayabilirsiniz.
merhaba arkadaslar facebook developer de web sıteme dusen haberlerı otomatık facebookda paylasmak ıstıyorum ne yaptıysam facebook developer ayarlarını yapamadım php yazılılımımda sorun yok daha once kullanıyorduk ama yenı developer alınca oraya entegre edemedım yardımcı olabılecek arkadaslar varsa cok sevınırım
Çok sağolasın gerçekten çıktı
Selam usta. Müsadenle bir şey danışmak istiyorum. Yardımcı olursan sevinirim. Uzun zamandır takıldığım bir konu. wordpress ile blogumda yazımı yazdım. Ana sayfada ve bir başka kategoride yayınlanması için kategori belirledim. Öne çıkarılmış resim belirledim ve yazımı yayınladım. Bundan sonra sosyal paylaşım eklentisi ile ben veya sitemi ziyaret eden kişi paylaşım yaptığında sadece öne çıkarılmış resmi paylaşabilmek mümkün mü? Yazının özeti paylaşımda çıkmamalı. u ayarlamada yardımcı olursanız sevinirim. Şimdiden teşekkür ederim.
Emeğinize sağlık. Uzun bir arayıştan sonra sayenizde sitedeki sorunu hallettik.
Ömer Bey merhaba;
Ne demek sizlere yardımcı olabildiysem ne mutlu bana.
Selamlar.
uzun zamandır aradığım bir yazı, emeğiniz için çok teşekkür ederim, beni büyük bir dertten kurtardın 🙂
Özgür Bey merhaba;
Ne demek, sizlere yardımcı olabildiysem ne mutlu bana.
Selamlar.
Aynı şeyi twitter için nasıl yapabiliriz?
Sayın Serhat SAĞLAM merhaba;
Benim de sorun yaşadığım bir konu hakkındaki detaylı açıklamalarınızı okudum, teşekkür ederim. Fakat bu alana oldukça uzak olduğum için okuduklarımı anlayıp uygulamaya koyamadım.
Sorunum şu: https://etoprak1950.blogspot.com.tr/ blogumda zaman zaman yazılar yazıyorum. Şimdiye kadar konuya özel görsel eklediğim zaman, paylaşımlarda o görsel çıkıyor veya konu görseli eklemediğim zaman da benim profil fotoğrafım çıkıyordu. Son yazımı Facebook’ta paylaştığımda ise görsel çıkmadı, fakat G+ daki paylaşımda çıkıyor. 🙂
İstanbul Kadıköy’de oturuyorum. Bu konuda ne yapmalıyım nereye başvurmalıyım. Yardımınız için şimdiden teşekkürler saygılarımla…
Merhaba, paylaştığım bir sayfa gönderisinin resmini değiştirmek istiyorum. Kodları yapıştırdığımda aynen sayfada gözüküyor. Kodu okumuyor. Gönderi düzenleme metnini kodu görecek hale getirmenin biryolu var mıdır acaba? Silmek istemiyorum çünkü tüm yorumlar paylaşımlar gidecek. Teşekkürler.
Büşra Hanım merhaba;
Denedim ama maalesef yapılamıyor.
Selamlar.
Hocam iyi güzelde bunu tek tek değilde tüm yazılara birden nasıl yapacağız.Yani eklediğimiz her yazıya bunu girmek zorundamıyız bu özelliği temaya bir şekilde eklesek olmuyormu o konuyada değinseniz çok güzel olurdu.
Merhaba Adem Bey;
Kesinlikle haklısınız. Otomatik bir şekilde tüm yazılara nasıl uygulanacağına dair yazılımcı bir arkadaşıma danışacağım. Bununla birlikte yardımcı olmak isteyenler varsa da buraya yazabilirler.
Selamlar.
Çok çok teşekkürler. En kullanışlı anlatım buydu okuduklarım arasında.
Bilginiz için çok teşekkür ederim…
Mustafa Bey merhaba;
Rica ederim. Sizleri bilgilendirebildiysem ne mutlu bana.
Selamlar.
Bir sene olmuş yazalı maşallah. Serhat bey banada lazım oldu şuan. Anlatımınız gayet iyi fakat anlayamadığım nokta blogger olarak kodlarla aram olmadığı için makalenin header ı ve meta tag’ı buraya eklememizi söylediğiniz kodların nasıl ekleneceğini açıklayabilirmisiniz lütfen. Selamlar…
Merhaba Erhan Bey;
Bu konu hakkında detaylı bir makale yazıyorum. Bittiğinde sizlere de bilgi vereceğim.
Selamlar.
Serhat Bey , html page de bunu kodla eklemek güzel , wordpress te peki bunu nasıl yapacağız ?
Merhaba Özgür Bey;
Jetpack adında bir eklenti var. Detaylı bir şekilde incelemenizi tavsiye ederim. Çok geniş bir eklenti ancak sanırım bir sitede o eklentiyi kullanarak bu sorunu çözmüştüm.
Selamlar.
Bu çalışmayı opencarta nasıl uyarlayabilirz yardmcı olursanız çok sevinirim.
Merhaba Emre;
Maalesef Opencart hakkında hiç bir araştırmam ve bilgim bulunmmakta. Kusura bakma yardımcı olamadığım için.
Selamlar.
Uzun süredir çözememiştim bu problemi. Sayenizde halettim. Çok teşekkürler.
Merhaba Murat;
Yardımcı olabildiysem ne mutlu bana.
Selamlar.
Hocam siteme bakarmisiniz ben yapamadim muhasebetc.com bos resim cikiyor
Merhaba Ahmet;
Alınması gereken resimler profil resimleri oluyor. Onu değiştirmen lazım.
Selamlar.
Facebook Debug olayı bayaa işime yaradı. Yazı için teşekkürler. 🙂
Serhat hocam html için çözüm önerileriniz nedir denedim fakat sonuç alamadım
Merhaba;
Yukarıda paylaşmış olduğum kodları her sayfa için ayrı ayrı oluşturduğunuz taktirde Facebook paylaşımlarınızda resimleriniz çıkacaktır.
Selamlar.
Teşekkürler …
Merhaba Muzaffer Bey;
Umarım Facebook’ta konu resmi gönderimlerinde sorununuzu çözmüşsünüzdür.
Selamlar.