Facebook Open Graph Protokolü Blogger’a Nasıl Entegre Edilir?

Open Graph Protocol yapısı internet sitelerindeki içeriği Facebook’un daha anlaşılır şekilde yorumlaması için geliştirilmiştir. Birçok farklı içeriğin belli bir şablon çerçevesinde kombine edilmesi zor olsa da Open Graph Protocol ile bu kolaylaştırılabilir. Bu yazımda sizlere Facebook Open Graph Protokolünün Blogger’a nasıl entegre edileceğini anlattım.

Terimlerin Anlamları

Birazdan anlatacağım adımları uygularken karşınıza çıkacak olan terimlerin anlamlarını aşağıya listeledim. Böylece kodları sitenize yerleştirirken nerede ne yaptığınızı bileceksiniz.

  • og:url – İçeriğin bulunduğu bağlantı yolu.
  • og:title – İçeriğe ait başlık.
  • og:description – İçeriğe ait bir iki cümlelik açıklama.
  • og:type – İçeriğin tipini belirtir.
  • og:image – İçeriğe ait öne çıkan görsel.
  • article:author – İçeriği yazan kişiye ait web sayfası. Hakkımda sayfası veya sitenizin ana sayfası olabilir.

Facebook Open Graph Protokolü Kurulum

Şimdi vereceğim kodların içinde sitenizde zaten bulunan bazı kodlar çakışabilir. O yüzden kodların hepsini olduğu gibi eklemek yerine sitenizdeki kodlarla karşılaştırıp öyle ekleyin. Yani bir koddan iki tane olmasın.

<!-- Open Graph etiketleri baslangici -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description' ><meta content='391039220929579' ><meta content='1359194357' ><meta expr:content='data:blog.title' ><meta expr:content='data:blog.homepageUrl' ><meta content='blog' ><meta expr:content='&quot;tr_TR&quot;' ></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' ><meta content='http://www.furkanozden.net/' ><meta expr:content='data:blog.url' ><meta expr:content='data:blog.pageName' ><meta expr:content='data:blog.postImageThumbnailUrl' ></b:if>
<!-- Open Graph etiketleri bitisi -->

Değişkenler

Verdiğim kodu sitenize eklerken değiştirmeniz gereken yerleri renklendirdim.

Mavi ile gösterdiğim alan Facebook profil id numaranız. Facebook id numaranızı öğrenmek için aşağıdaki bağlantıda kalın yazı tipiyle vurguladığım alanı kendi kullanıcı adınızla değiştirin ve bağlantıya gidin.

http://www.developers.facebook.com/tools/explorer/?method=GET&path=frknzdn.tk

Kırmızı ile belirttiğim alan uygulamanızın id numarası. Uygulamanızın id numarasını öğrenmek için https://developers.facebook.com/apps bağlantısına tıklayın. İlgili uygulamanın sayfasındaki Uygulama Kimliği/Uygulama Anahtarı başlığı altındaki kod uygulamanızın id numarasıdır.

Turuncu ile gösterdiğim alan ise yazar ile ilgili bağlantıdır. Bu sitenizin ana sayfası veya hakkımda sayfanız olabilir. Kafanızda soru işareti kaldıysa aşağıdaki önizleme resminde ilgili alana gözatabilirsiniz.

Önizleme

Güncelleme: Yazıyı yazdıktan birkaç ay sonra kontrol ettiğimde yukardaki resim aşağıdaki şekli almış ve uygulamanın adı görünüyor.

Kontrol

Kodları doğru yerleştirdiğinizden emin olmanız için aşağıdaki araçları kullanabilirsiniz.

İlgili Bağlantılar

Bu makaleyi yazarken aşağıdaki bağlantılardan yararlandım.

Furkan Özden

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

Paylaş
Yazar
Furkan Özden

Son Gönderiler

The Walking Dead Evreninde Bir Dizi Daha Mı?

Bildiğiniz gibi veya birazdan öğreneceğiniz gibi The Walking Dead evreninde geçen başka bir dizi daha…

6 gün önce

#Alive (2020) Film İncelemesi

#Alive, Cho il Hyung tarafından yönetilen ve Yoo Ah-in ile Park Shin-hye'yin iki genç yetişkini…

2 ay önce

MSI Optix AG32CV 31.5″ 165Hz 1ms Monitör İncelemesi

Yaklaşık üç ay önce MSI Optix AG32CV model monitörünü satın aldım. Bu inceleme yazısını da…

3 ay önce

Ralli Pilotuyla Yarıştım

Evet doğru. Bizim Youtuberlardan neyimiz eksik. Biz de böyle başlık atabiliriz yani, neden olmasın? Gerçekten…

3 ay önce

Durdurulamaz Güç (2020) Film İncelemesi

Vin Diesel, yakın zamanda bir eylemde öldürülen ve RST şirketi tarafından süper kahraman Bloodshot olarak…

4 ay önce

M60 AMBT War Thunder’a Geliyor!

Bilindiği gibi War Thunder belli süre arayla Dünya Savaşı etkinliği yapıyor. Bu sezonki dünya savaşı…

4 ay önce