Neler yeni

Hoşgeldin Ziyaretçi

Kayıt olarak forumumuzdan dosya indirebilir,bilgi sahibi olabilir,daha iyi bir şekilde yararlanabilirsin.

Şimdi kayıt ol

WordPress Temasına Facebook Open Graph Meta Verileri Nasıl Eklenir?

wordpresstr

Administrator
Yönetici
57
13 Kas 2020
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 etmenize de olanak tanır.
All in One SEO ile Facebook Open Graph Meta Verilerini 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 All in One SEO eklentisini kurmanız ve etkinleştirmeniz gerekir .

Etkinleştirdikten sonra, Hepsi Bir Arada SEO »Özellik Yöneticisi sayfasını ziyaret etmeniz gerekir . Buradan 'Sosyal Meta' özelliğini etkinleştirmeniz gerekir.

30

Ardından, All in one SEO »Sosyal Meta sayfasını ziyaret etmeniz gerekir . Buradan, Facebook meta verilerinizi girmek için alanları doldurmanız yeterlidir.

31

Ana sayfanız için başlık, resim ve açıklama sağlayarak başlayabilirsiniz.
Bunun altında, bir makale açık bir grafik resmine sahip değilse kullanılacak varsayılan bir resim ayarlayabilirsiniz. Görüntünün genişliğini ve yüksekliğini de sağlayabilirsiniz.
32

33

İsteğe bağlı olarak, Twitter için ayarları değiştirebilir ve sitenizde yinelenen Açık Grafik etiketlerini önlemek için bir tarama yapabilirsiniz.
İşiniz bittiğinde, değişikliklerinizi kaydetmek için 'Güncelleme Seçenekleri' düğmesine tıklamayı unutmayın.
Artık site genelinde açık grafik meta etiketleri belirlediğinize göre, sonraki adım, tek tek gönderiler ve sayfalar için açık grafik meta verileri eklemektir.

Facebook Open Graph Meta Verilerini Yoast SEO kullanarak ayarlayın

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


Etkinleştirildikten sonra, SEO »Sosyal'e gitmeniz ve Açık Grafik meta verileri ekle'nin yanındaki kutuyu işaretlemeniz yeterlidir .
Facebook Open Graph'i etkinleştir

Ayarlarınızı kaydedebilir veya devam edip ekrandaki diğer Facebook sosyal seçeneklerini yapılandırabilirsiniz.
Facebook sayfanız ve içgörüleriniz için kullanıyorsanız bir Facebook uygulama kimliği sağlayabilirsiniz. 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 herhangi bir görüntü ayarlanmadığında kullanılacak bir varsayılan görüntü ayarlayabilirsiniz.
Yoast SEO, bireysel yazılar ve sayfalar için Açık Grafik meta verilerini ayarlamanıza da olanak tanır. Bir gönderiyi veya sayfayı düzenleyin ve düzenleyicinin altındaki SEO bölümüne gidin.
Yazı ve sayfalar için açık grafik meta verilerini ayarlayın

Buradan, söz konusu gönderi veya sayfa için Facebook küçük resmi ayarlayabilirsiniz. Bir gönderi başlığı veya açıklaması ayarlamazsanız, eklenti SEO meta başlığınızı ve açıklamanızı kullanacaktır.
Artık gönderinizi veya sayfanızı kaydedebilirsiniz ve eklenti Facebook açık grafik meta verilerinizi saklayacaktır.

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 functions.php dosyasına yapıştırın.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
//Adding the Open Graph in the Language Attributes
function add_opengraph_doctype( $output ) {
return $output . ' xmlns:eek:g="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 Gelecek" 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, Facebook uygulamanız yoksa, Facebook uygulama kimliği satırını koddan kaldırabilirsiniz.
Oraya logonuzun bulunduğu bir resim koymanızı öneririz, bu nedenle yayınınızın küçük resmi yoksa sitenizin logosunu çeker.
Tüm yapmanız gereken bu. Functions.php dosyanızı (veya siteye özgü eklentiyi) kaydettiğiniz anda, WordPress başlığında Facebook açık grafik meta verilerini göstermeye başlayacaktır.
 
Üst