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.
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.
Ş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='"tr_TR"' ></b:if>
<b:if cond='data:blog.pageType == "item"'>
<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 -->
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.
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.
Kodları doğru yerleştirdiğinizden emin olmanız için aşağıdaki araçları kullanabilirsiniz.
Bu makaleyi yazarken aşağıdaki bağlantılardan yararlandım.
Dying Light, 2015 yılında Techland tarafından piyasaya sürülmüş birinci şahıs açılı bir zombi oyunudur. Dying Light'ı diğer zombi oyunlarından ayıran…
Google Chrome, masaüstü ve mobil cihazlar için karanlık bir moda sahiptir. Ancak etkinleştirmek beklediğiniz kadar kolay değildir. Bazı tarayıcıların…
Bloğunuzda konuk yayınlarına izin vermeyi hiç düşündünüz mü? Ben her ne kadar kendi bloğumda konuk yayınlarına pek yer vermesem de…
Stok fotoğrafçılığından grafiklere, çizelgelere ve infografiklere blog gönderilerinizde göstermek için kullanabileceğiniz resim türleri çoktur. Peki hangi gönderi için hangi türü…
Counter-Strike: Global Offensive herkesin eğlenebileceği kadar basit aynı zamanda en uzman oyuncuları bile tatmin edecek kadar karmaşık bir oyundur. Oyundaki…
Conjuring ve Annabelle filmleri iki farklı sırada izlenebilir. Annabelle Comes Home'un vizyona girmesiyle birlikte The Conjuring evreni toplamda yedi filme…
