WordPress Temalarına Facebook Açık Grafik Meta Verileri Nasıl Eklenir

WordPress temalarınıza Facebook Açık Grafik meta verileri eklemek ister misiniz?

Open Graph meta verileri, Facebook ve diğer sosyal medya web sitelerinin gönderi sayfalarınız hakkında meta veriler almasına yardımcı olur. Ayrıca, içeriğinizin Facebook'ta paylaşıldığında nasıl görüneceğini kontrol etmenizi sağlar.

Bu yazıda, WordPress temalarına Facebook açık grafik meta verilerini nasıl kolayca ekleyeceğinizi göstereceğiz. Size en uygun olanı seçebilmeniz için üç farklı yöntemi paylaşacağız.

Yöntem 1. Facebook Açık Grafik Meta Verilerini AIOSEO ile Ekleme

All in One SEO, 2 milyondan fazla web sitesi tarafından kullanılan popüler bir WordPress SEO eklentisidir. Web sitenizi arama motorlarının yanı sıra Facebook ve Twitter gibi sosyal platformlar için kolayca optimize etmenize olanak tanır.

Öncelikle, Hepsi Bir Arada SEO eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Aktivasyon üzerine, All in One SEO » Sosyal Ağlar sayfasını ziyaret etmeniz gerekir. Buraya Facebook sayfanızın URL'sini ve diğer tüm sosyal ağlarınızı girebilirsiniz.

Ardından, sayfanın üst kısmındaki Facebook sekmesine tıklayın ve Open Graph Markup'ın varsayılan olarak etkin olduğunu göreceksiniz. Bir makalenin açık bir grafik görüntüsü yoksa, varsayılan bir Facebook OG görüntüsü seçmek için "Görüntü Yükle veya Seç" düğmesini tıklayabilirsiniz.

Aşağı kaydırırsanız site adınızı, açıklamanızı ve diğer ayarlarınızı özelleştirebilirsiniz. Değişiklik yapmayı bitirdikten sonra mavi Kaydet düğmesine tıklamayı unutmayın.

Artık site genelinde açık grafik meta etiketleri ayarlamış olduğunuza göre, bir sonraki adım, tek tek gönderiler ve sayfalar için açık grafik meta verileri eklemektir.

Varsayılan olarak, AIOSEO, açık grafik başlığı ve açıklaması için yazı başlığınızı ve açıklamanızı kullanır. Ayrıca her sayfa ve gönderi için Facebook küçük resmini manuel olarak ayarlayabilirsiniz.

Gönderiyi veya sayfayı düzenleyin ve editörün altındaki Hepsi Bir Arada SEO bölümüne gidin. Buradan Sosyal sekmesine geçin ve küçük resminizin bir önizlemesini göreceksiniz.

Başlık ve açıklamanın yanı sıra sosyal medya görüntüsünü de buradan ayarlayabilirsiniz. Görüntü Kaynağı alanına kaydırmanız yeterlidir. Öne çıkan görseli kullanmayı, özel bir görsel yüklemeyi veya diğer seçenekleri seçebilirsiniz.

Yöntem 2. Yoast SEO kullanarak Facebook Açık Grafik Meta Verilerini Ayarlayın

Yoast SEO, herhangi bir WordPress sitesine Facebook açık grafik meta verilerini eklemek için kullanabileceğiniz başka bir mükemmel WordPress SEO eklentisidir.

Yapmanız gereken ilk şey, Yoast SEO eklentisini kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirildiğinde, SEO » Sosyal'e gitmeniz ve Açık Grafik meta verileri Ekle'nin yanındaki kutuyu işaretlemeniz yeterlidir.

Ayarlarınızı kaydedebilir veya devam edip diğer Facebook sosyal seçeneklerini ekranda yapılandırabilirsiniz.

Facebook sayfanız ve öngörüleriniz için kullanıyorsanız bir Facebook uygulama kimliği sağlayabilirsiniz. Ayrıca ana sayfanızın Open Graph meta başlığını, açıklamasını ve resmini de değiştirebilirsiniz.

Son olarak, bir gönderi veya sayfa için hiçbir resim ayarlanmadığında kullanılacak varsayılan bir resim ayarlayabilirsiniz.

Yoast SEO ayrıca bireysel gönderiler ve sayfalar için Açık Grafik meta verilerini ayarlamanıza olanak tanır. Bir gönderiyi veya sayfayı düzenleyin ve editörün altındaki SEO bölümüne gidin.

Buradan, söz konusu gönderi veya sayfa için Facebook küçük resmi ayarlayabilirsiniz. Bir gönderi başlığı veya açıklaması belirlemezseniz, eklenti SEO meta başlığınızı ve açıklamanızı kullanır.

Artık gönderinizi veya sayfanızı kaydedebilirsiniz ve eklenti, Facebook açık grafiği meta verilerinizi depolayacaktır.

Yöntem 3. Facebook Açık Grafik Meta Verilerini WordPress Temanıza Manuel Olarak Ekleyin

Bu yöntem, tema dosyalarınızı düzenlemenizi gerektirir, bu nedenle herhangi bir değişiklik yapmadan önce tema dosyalarınızı yedeklediğinizden emin olun.

Bundan sonra, bu kodu kopyalayıp temanızın function.php dosyasına veya siteye özel bir eklentiye yapıştırmanız yeterlidir.

//Adding the Open Graph in the Language Attributes
function add_opengraph_doctype( $output ) {
		return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
	}
add_filter('language_attributes', 'add_opengraph_doctype');

//Lets add Open Graph Meta Info

function insert_fb_in_head() {
	global $post;
	if ( !is_singular()) //if it is not a post or a page
		return;
        echo '<meta property="fb:app_id" content="Your Facebook App ID" />';
        echo '<meta property="og:title" content="' . get_the_title() . '"/>';
        echo '<meta property="og:type" content="article"/>';
        echo '<meta property="og:url" content="' . get_permalink() . '"/>';
        echo '<meta property="og:site_name" content="Your Site NAME Goes HERE"/>';
	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_fb_in_head', 5 );

Not: "Site Adınız Buraya Gidiyor" yazan Site Adını değiştirmeyi unutmayın. Bundan sonra, varsayılan resim URL'sini kendi resminizle değiştirin. Ayrıca kendi Facebook uygulama kimliğinizi de eklemeniz gerekir. Bir Facebook uygulamanız yoksa koddan Facebook uygulama kimliği satırını kaldırabilirsiniz.

Buraya logonuzun olduğu bir resim koymanızı öneririz, bu nedenle gönderinizin küçük resmi yoksa sitenizin logosunu çeker.

Tek yapman gereken bu. Functions.php dosyanızı (veya siteye özgü eklentiyi) kaydeder kaydetmez, WordPress başlığında Facebook açık grafik meta verilerini göstermeye başlayacaktır.

Bu makalenin, WordPress'e Facebook açık grafik meta verilerini eklemenize yardımcı olduğunu umuyoruz. Ayrıca, sosyal takipçi sayınızı artırmak için WordPress için en iyi sosyal medya eklentileri seçimimizi ve WordPress'te Facebook yanlış küçük resim sorununu nasıl çözeceğinize ilişkin sorun giderme kılavuzumuzu da görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, daha fazla WordPress video eğitimi için lütfen YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.