Web Sitenize Facebook Og Meta tagları ekleyin. 16

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.

https://1.bp.blogspot.com/-7i60GZeuEWE/T4GfzCF93lI/AAAAAAAAGw8/8V7x9mQL4Fk/s1600/Facebook_Open_Graph_ShopTab.png

Open Graph – Facebook Developers

Artık tüm web sitelerinde kesinlikle görüceğiniz alttaki meta og taglarıdır.

https://2.bp.blogspot.com/-sGsBi28-Tlo/T4Ggl7rQvvI/AAAAAAAAGxE/SKU9640R4WE/s1600/root-tv-facebook-meta.JPG

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);

16 Comments

  1. 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’;

      1. 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ü

          1. @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.

          2. 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

  2. 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.

    1. @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;

      1. Ç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!

  3. 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?

    1. @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.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

Rengarenk Facebook Kapak Fotoğrafları 0

rengarenk facebook kapak fotograflari

Facebook zaman tüneliniz için rengarenk kapak fotoğrafları karşınızda. Zaman tüneliniz için tam uyumlu hd kapak fotoğrafları ile kapak fotoğrafınızı yenileyebilirsiniz.

Birbirinden güzel rengarenk kapak fotoğraflarının tamamı 800×351 piksel çözünürlüktedir. İndirmesi tamamen ücretsiz olan kapak resimlerini arşivinize ekleyebilirsiniz. Fotoğrafları zaman tüneli duvarınıza eklediğinizde tam uyumlu olarak yerleşecektir. Uğraşmanıza bile gerek kalmayan renkli kapak fotoğraflarını hemen indirebilirsiniz.

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

İLGİNİZİ ÇEKEBİLİR: 25 Siyah Beyaz Facebook Kapak Fotoğrafı

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

İLGİNİZİ ÇEKEBİLİR: Ölmeden Önce Görmeniz Gereken 31 Yer

grey

grey

grey

grey

grey

grey

grey

25 Siyah Beyaz Facebook Kapak Fotoğrafı 0

siyah beyaz facebook kapak fotograflari

Facebook profilinize en güzel siyah ve beyaz renkte kapak fotoğrafları yükleyin. Facebook zaman tünelinizde bulunan duvarınıza kapak siyah beyaz kapak fotoğraflarını kolayca indirebilirsniz. 800×351 piksel boyutuna uygun kapak fotoğraflarını ücretsiz olarak indirebilirsiniz.

grey

grey

grey

grey

grey

grey

grey

İLGİNİZİ ÇEKEBİLİR: 35 En Güzel Facebook Kapak Fotoğrafları

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

grey

İLGİNİZİ ÇEKEBİLİR:  En Çok İndirilen Facebook Kapak Fotoğrafları

grey

grey

grey

Most Popular Topics

Editor Picks