• 30-10-2013, 22:56:15
    #1
    Sevgili R10 arkadaşlarım;

    Bir websiteniz var ve sitenizi Facebook'ta paylaşınca resim, yazı başlığı, açıklama kısmını göstermek mi istiyorsunuz? Veya takipçilerinizin sitenizdeki makaleyi beğendikleri zaman, Facebook zaman tünellerinde düzgün bir şekilde resim, yazı başlığı, açıklama kısmını mı göstermek istiyorsunuz?

    Doğru yerdesiniz.

    Öncelikle belirtmek isterim ki, ben de bu konuda çok muzdariptim. Araştırdım ve sonucunu buldum.
    Meta taglar ile yapacağız bu işi. Kodlarımız aşağıdaki şekilde.

    <meta property="og:title" content="Siteniz Başlığı"/>
    <meta property="og:image" content="http://resimadresi"/>
    <meta property="og:url" content="http://yazıurlsi" />
    <meta property="og:site_name" content="yazı içeriği"/>
    <meta property="og:description" content="yazı açıklaması"/>
    </head> tagından önce kodlarımızı yerleştiriyoruz.
    Sonrasında ise yapmamız gereken Facebook'un uygulaması olan HATA AYIKLAMAya girip, site adresimizi yazıp, kontrol ettirmek.
    Bundan sonra sitenize girip, share butonuna basmak kalıyor.
    Şunu da belirteyim; meta taglarda yaptığımız her değişiklikten sonra hata ayıklamaya girip, sitemizi tekrar kontrol ettirmesini sağlayabiliyoruz. Facebook yaptığınız son değişiklikte olan şekilde paylaşıyor.

    NOT: Localhost'ta sorun olabiliyor. Lütfen sunucunuza atıp, birebir gözlemleyiniz.

    Denedikten sonra yorum yazarsanız, elimden geldiğince yardımcı olmaya çalışacağım. İyi forumlar.
  • 30-10-2013, 23:19:19
    #2
    Tinto adlı üyeden alıntı: mesajı görüntüle
    Sevgili R10 arkadaşlarım;

    Bir websiteniz var ve sitenizi Facebook'ta paylaşınca resim, yazı başlığı, açıklama kısmını göstermek mi istiyorsunuz? Veya takipçilerinizin sitenizdeki makaleyi beğendikleri zaman, Facebook zaman tünellerinde düzgün bir şekilde resim, yazı başlığı, açıklama kısmını mı göstermek istiyorsunuz?

    Doğru yerdesiniz.

    Öncelikle belirtmek isterim ki, ben de bu konuda çok muzdariptim. Araştırdım ve sonucunu buldum.
    Meta taglar ile yapacağız bu işi. Kodlarımız aşağıdaki şekilde.

    <meta property="og:title" content="Siteniz Başlığı"/>
    <meta property="og:image" content="http://resimadresi"/>
    <meta property="og:url" content="http://yazıurlsi" />
    <meta property="og:site_name" content="yazı içeriği"/>
    <meta property="og:description" content="yazı açıklaması"/>
    </head> tagından önce kodlarımızı yerleştiriyoruz.
    Sonrasında ise yapmamız gereken Facebook'un uygulaması olan HATA AYIKLAMAya girip, site adresimizi yazıp, kontrol ettirmek.
    Bundan sonra sitenize girip, share butonuna basmak kalıyor.
    Şunu da belirteyim; meta taglarda yaptığımız her değişiklikten sonra hata ayıklamaya girip, sitemizi tekrar kontrol ettirmesini sağlayabiliyoruz. Facebook yaptığınız son değişiklikte olan şekilde paylaşıyor.

    NOT: Localhost'ta sorun olabiliyor. Lütfen sunucunuza atıp, birebir gözlemleyiniz.

    Denedikten sonra yorum yazarsanız, elimden geldiğince yardımcı olmaya çalışacağım. İyi forumlar.
    resim adresi vs kısımları her konuda afrklı olacağından bunu nasılyapacağız. bir resim url yapıştırmamız yeterlimi yoksa bunu otomatik olması için oraya ne yazmalıyız
  • 30-10-2013, 23:29:23
    #3
    Buna ihtiyacım olmadığı için hiç kullanmadım fakat aşağıdaki gibi bir kod var. Wordpress kullanıyorsunuz sanırım. function.php ye şunları ekleyip dener misin?
    function insert_image_src_rel_in_head() {
    	global $post;
    	if ( !is_singular()) //if it is not a post or a page
    		return;
    	if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
    		$default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
    		echo '<meta property="og:image" content="' . $default_image . '"/>';
    	}
    	else{
    		$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
    		echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
    	}
    	echo "
    ";
    }
    add_action( 'wp_head', 'insert_image_src_rel_in_head', 5 );

    Bir de şöyle bir eklenti varmış.