Facebook biliyorsunuz en büyük sosyal paylaşım sitelerinden biri. Facebook’a link eklediğinizde hangi siteyi eklediyseniz onun içeriğini getiriyor dimi? Peki bu çektiği içeriği biz site sahipleri olarak nasıl değiştirebilir yada nasıl geliştirebiliriz? İşte şimdi bunu sizlere açıklayacağım. Web sitemize Facebook Open Graph sistemi ile meta taglarımızı ekleyeceğiz ve sitemiz Facebook Optimizasyonlu olucak.
Open Graph – Facebook Developers
Artık tüm web sitelerinde kesinlikle görüceğiniz alttaki meta og taglarıdır.
Bu meta taglarını ben elle eklemeyi göstericem daha sonra kullandığım script WordPress için nasıl eklenir onuda 2 şekilde göstericem inşallah.
Şimdi arkadaşlar web siteniz WordPress değil ise alttaki kodları <head > arasına </head > yapıştırın.
Yani koyucağımız kodlar ziyaretciler için değil Facebook için.
fb:admins – Site sahibinin Facebook kullanıcı ID numarası yazın.
og:title – İçeriğin başlığını ekleyin.
og:description – İçeriğin açıklamasını ekleyin.
og:url – İçeriğinizin linkini (URL) ekleyin.
og:image – İçeriğin resim URL’sini ekleyin.
og:type – içeriğinizin tipi nedir? Makale ise article yazın.
og:site_name – Site adını yazın.
<meta property="fb:admins" content="Facebook ID"/> <meta property="og:title" content="Yazı Başlığı" /> <meta property="og:description" content="İçeriğiniz"/> <meta property="og:url" content="Sayfalinki.html"/> <meta property="og:image" content="resimurl.png"/> <meta property="og:type" content="article"/> <meta property="og:site_name" content="Site ismi"/>
Aslında sadece Yazı başlığı, İçerik, içerik linki ve içerik resmi eklesenizde olur. Diğerleri ekstraya girer ama isterseniz genede ekleyin. 🙂
Şimdi web site sahibi olarak web sitemize Facebook Og Meta taglarını ekledik sırada WordPress kullanıcıları için vericeğim kod var.
WordPress Facebook Open Graph Kodu
Alttaki kodu WordPress temanızın functions.php dosyasına ekleyin. İşlem tamamdır WordPress kullanıcısı iseniz otomatik eklenicektir. 🙂
Bunla ilgili bir çok eklenti var ama onlarla uğraşmanıza değmez diye düşünüyorum 1 kere eklersiniz bakarsınız oldumu o zaman tamamdır. Etkisizleştirme gibi işlerde yapmazsınız.
function add_facebook_open_graph_tags() {
if (is_single()) {
global $post;
$image = get_post_meta($post->ID, 'thesis_post_image', $single = true);
if (!$image)
$image = 'ENTER URL TO DEFAULT IMAGE HERE';
?>
<meta property="og:title" content="<?php the_title(); ?>" />
<meta property="og:type" content="article" />
<meta property="og:image" content="<?php echo $image; ?>" />
<meta property="og:url" content="<?php the_permalink(); ?>" />
<meta property="og:description" content="<?php echo get_bloginfo('description'); ?>" />
<meta property="og:site_name" content="<?php echo get_bloginfo('name'); ?>" />
<meta property="fb:admins" content="ENTER YOUR FACEBOOK USER ID HERE" />
<?php }
}
add_action('wp_head', 'add_facebook_open_graph_tags',99);
Bunu ekledik ama genede çalışmıyor hocam
function add_facebook_open_graph_tags() {
if (is_single()) {
global $post;
$image = get_post_meta($post->ID, ‘resim’, $single = true);
if (!$image)
$image = ‘./logo.png’;
?>
<meta property="og:title" content="” />
<meta property="og:image" content="” />
<meta property="og:url" content="” />
<meta property="og:description" content="” />
<meta property="og:site_name" content="” />
ID, ‘resim’, $single = true);
if (!$image)
$image = ‘./logo.png’;
@bycengo:disqus, Sayfa kaynak kodlarında yazdığın metalar doğru geliyormu peki? Çalışmıyor derken sanırım facebook’ta çıkmadığını kastediyorsun.
Evet hocam paylaşım yaptığımızda sadece sayfa bağlantısı çıkıyor ne imaj nede makele introsu ve başlığı çıkmıyor facebook debug tanda kontrol ediyorum orada çıkmıyor, og ile ilgili ne kadar eklenti varsa denedim bu sorunu düzeltemedik bir türlü
@bycengo:disqus, web siteni yazabilirmisin?
http://www.tekirdagcamekan.com
En son yastı kurdum ayarladım metalar çıkıyor.
@bycengo:disqus, Öncelikle html tagından 2 tane var 4.satırdakini kaldır. Daha sonra kendi elle eklediğin kodları tamamen sil, 73.satırda gözüküyor elle eklediklerin. Söylediğin gibi yoast’ın eklentisiyle tüm hepsi gelmiş. Söylediklerimi yaptıktan sonra bir müddet bekle facebook’ta siten düzelir.
html tagını düzelttim, ama 73 starıda
#karartma { background-color: #000000; }
var baktımda elle eklediklerimide temizledim.
facebook debugta
Critical Errors That Must Be FixedCan’t DownloadCould not resolve the hostname into a valid IP address.
ve
Errors That Must Be FixedMissing Required PropertyThe ‘og:type’ property is required, but not present.
olarak 2 hata devam ediyor
@bycengo:disqus, Facebook html tagının alttaki gibi olmasını istiyor sendeki yanlış onuda bir değiştirirmisin?
“”
olarak değiştirdim bu sefer olur inşallah 🙂
işin komik tarafı tema demosunda düzgün çalışıyor http://temafabrika.com/demo/v2/yhaber/
https://developers.facebook.com/tools/debug/
adresinden kontrol ettiğimde demoda sorun yok bizdekinde var anlamadım gitti
Merhaba,
Kod için çok teşekkürler, fakat birşey soracağım.
Bende meta taglar doğru geliyor. Resim url adreside doğru geliyor ama paylaşım yaptığımız zaman alakasız gidip standart bir fotoğraf getiriyor. bu sorunu nasıl çözebiliriz, Özel alan koduyla çağırmasakda direk öne çıkarılmış görsel koduyla çağırsak daha mantıklı olmazmı? Nacizane fikrimdir. Birde özel alan değil öne çıkarılmış görsel koduyla nasıl çağırırız yazarmısınız? teşekkürler.
@turkeypress:disqus , Öncelikle değişiklik yapar yapmaz direk yeni veriyi göremeyebilirsin. Facebook cache alıyor onun süresi geçmesi gerekiyor. Diğer konuya gelince haklısın öncelik öne çıkarılmış görsel gelmesi gerekiyor.
Fonksiyonun ilk satırına bu kodu ekle;
$resim_url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
Sonra kodu bul;
echo $image;
Bulduğunu silip yerine alttakini ekle;
echo $resim_url;
Çok teşekkür ederim, bu kodu soru sorduğum gün biraz araştırınca ve birazda üzerinde düşününce yazmış oldum. İyi yayınlar!
Teşekkürler çok faydalı oldu benim için
merhaba site için meta tag araştırırken burayı buldum rica etsem incelermisiniz neyi yalnış uyguluyorum karakterler türçe çıkmıyor facebook ta paylaşınca http://www.siersaglik.com/FileUpload/bs639435/File/soly+sac+yikama+bonesi.html
Bende bu og taglarını ekledim fakat facebookda paylaşınca bazen resim çıkmıyor bazende sitemden rastgele resim ekliyor.Nasıl düzeltebilirim bunu acaba. Mesela altta eklediğim resmin facede paylaşınca çıkmasını istiyorum nasıl yapabilirimbunu?
@hakanarko:disqus, meta ogg taglarını yaptıktan sonra sosyal medyada hızlı bir şekilde sonuç bekleme. Biraz bekle 12-24 saate önbellek temizlenir güncellemelerin gözükür.