İlk blog yazımdan birini Facebook'ta paylaşmanın yarattığı hayal kırıklığını hala hatırlıyorum, sadece tamamen rastgele, pikselli bir resim çekmesiyle sonuçlandı. İçeriğe saatler harcadıktan sonra, kimse tıklama şansı bulamadan yanlış temsil edildiğini görmek cesaret kırıcıydı.
Bu, bir web sitesi sosyal medya platformlarına neyin görüntüleneceğine dair net talimatlar vermediğinde olur. Bu rehberlik olmadan, Facebook tahmin etmek zorunda kalır ve genellikle yanlış tahmin eder.
WPBeginner olarak, Open Graph meta verilerini kullanarak sosyal paylaşım görünümümüzü kontrol etmeyi başardık. Bu kılavuzda, içeriğiniz paylaşıldığında her zaman en iyi şekilde görünmesini sağlamak için kullandığımız kanıtlanmış yöntemlerde size yol göstereceğiz.
En çok ilgilendiğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:
- AIOSEO ile Facebook Open Graph Meta Verileri Ekleme
- Yoast SEO Kullanarak Facebook Open Graph Meta Verisi Ayarlama
- Kod Kullanarak Facebook Open Graph Meta Verisi Ekleme
- Facebook Open Graph Hakkında Sıkça Sorulan Sorular
- Facebook ve WordPress Hakkında Ek Kaynaklar
Önemli: Lütfen aşağıdaki yöntemlerden yalnızca birini seçin. Birden fazla SEO eklentisi kullanmak veya bir eklenti aktifken kodu manuel olarak eklemek, çakışan Open Graph etiketleri oluşturabilir ve bu da beklenmedik paylaşım sonuçlarına neden olabilir. En kolay ve en kapsamlı kurulum için AIOSEO kullanarak 1. Yöntemi öneriyoruz.
Yöntem 1: AIOSEO ile Facebook Open Graph Meta Verisi Ekleme
All in One SEO, 3 milyondan fazla web sitesi tarafından kullanılan popüler bir WordPress SEO eklentisidir. Web sitenizi arama motorları ve Facebook ve Twitter gibi sosyal platformlar için kolayca optimize etmenizi sağlar.
Öncelikle, ücretsiz Tüm Tek SEO eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.
Upon activation, you need to visit the All in One SEO » Social Networks page. Here, you can enter your Facebook page URL and all your other social networks.
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 Open Graph resmi yoksa varsayılan bir Facebook OG resmi seçmek için ‘Resim Yükle veya Seç’ düğmesine tıklayabilirsiniz.
Aşağı kaydırırsanız, site adınızı, açıklamanızı ve diğer ayarları özelleştirebilirsiniz. İşiniz bittiğinde mavi ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.
Artık site genelinde Open Graph meta etiketlerini ayarladığınıza göre, bir sonraki adım bireysel gönderiler ve sayfalar için Open Graph meta verileri eklemektir.
Varsayılan olarak AIOSEO, Open Graph başlığı ve açıklaması için gönderinizin SEO başlığını ve meta açıklamasını 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 düzenleyicinin altındaki ‘AIOSEO Ayarları’ bölümüne aşağı kaydırın. Buradan Sosyal sekmeye geçin ve küçük resminizin önizlemesini göreceksiniz.
Sosyal medya resmini, başlığı ve açıklamayı buradan ayarlayabilirsiniz.
'Resim Kaynağı' alanına aşağı kaydırmanız yeterlidir. Öne çıkan resmi kullanmayı, özel bir resim yüklemeyi veya diğer seçenekleri seçebilirsiniz.
Yöntem 2: Yoast SEO Kullanarak Facebook Open Graph Meta Verilerini Ayarlama
Yoast SEO, herhangi bir WordPress sitesine Facebook Open Graph meta verileri eklemek için kullanabileceğiniz başka bir 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 dair adım adım kılavuzumuza bakın.
Etkinleştirildiğinde, Facebook Open Graph verileri varsayılan olarak etkinleştirilir.
Bunu Yoast SEO » Ayarlar'a gidip Sosyal Paylaşım bölümüne aşağı kaydırarak kontrol edebilirsiniz. Şimdi Açık Grafik verisi özelliğinin etkin olduğundan emin olabilirsiniz.
Ayarlarınızı kaydedebilir veya devam edip diğer Facebook sosyal seçeneklerini yapılandırabilirsiniz.
Facebook sayfanız ve analizleriniz için kullandığınız bir Facebook uygulama kimliği sağlayabilirsiniz. Ayrıca ana sayfanızın Açık Grafik meta başlığını, açıklamasını ve resmini değiştirebilirsiniz.
Son olarak, bir gönderi veya sayfa için resim ayarlanmadığında kullanılacak varsayılan bir resim ayarlayabilirsiniz.
Yoast SEO'nun Premium sürümü ayrıca bireysel gönderiler ve sayfalar için Open Graph meta verileri ayarlamanıza olanak tanır. Basitçe bir gönderiyi veya sayfayı düzenleyin ve düzenleyicinin altındaki 'Yoast SEO' bölümüne doğru aşağı kaydırın.
Buradan, o belirli gönderi veya sayfa için bir 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 Open Graph meta verilerinizi saklayacaktır.
Yöntem 3: Kod Kullanarak Facebook Open Graph Meta Verisi Ekleme
Bu yöntem genellikle temanızın functions.php dosyasına kod kopyalayıp yapıştırmanızı gerektirir. Ancak, kodu WordPress'e özel kod eklemeyi daha kolay ve güvenli hale getiren WPCode eklentisini kullanarak eklemenizi öneririz.
WPCode ayrıca, temel Open Graph etiketleri eklemek için bir tane de dahil olmak üzere hazır kod parçacıkları kütüphanesiyle birlikte gelir, bu nedenle yalnızca birkaç tıklama yeterlidir.
Öncelikle, ücretsiz WPCode eklentisini kurun ve etkinleştirin. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair rehberimize bakın.
Etkinleştirdikten sonra, WordPress kontrol panelinizden Kod Parçacıkları » + Parçacık Ekle bölümüne gidebilirsiniz.
Kitaplıktan 'Temel Open Graph Etiketleri Ekle' kod parçasını arayın. Bulduğunuzda üzerine gelin ve 'Kod parçasını kullan' düğmesine tıklayın.
Ardından, WPCode kodu otomatik olarak sizin için ekleyecek ve site genelindeki başlığı ekleme yöntemi konumu olarak ayarlayacaktır.
Bundan sonra yapmanız gereken tek şey, kod parçasını 'Aktif' olarak değiştirmek ve 'Güncelle' düğmesine tıklamaktır. Temanız artık WordPress başlığında Facebook Open Graph meta verilerini göstermeye başlayacaktır.
Gelişmiş bir kullanıcıysanız, aşağıdaki kodu temanızın functions.php dosyasına kopyalayıp yapıştırabilirsiniz.
Bu, tema dosyalarınızı doğrudan düzenlemenizi gerektirdiğinden, herhangi bir değişiklik yapmadan önce tema dosyalarınızı yedeklediğinizden emin olun.
//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 );
Lütfen site adınızı 17. Satırda, ‘Sizin Site Adınız Buraya Gelecek’ yazan yere eklemeyi unutmayın. Ardından, 19. Satırda varsayılan resim URL'sini kendi resim URL'lerinizden biriyle değiştirmelisiniz.
Logonuzun olduğu bir resim koymanızı öneririz, böylece gönderinizin küçük resmi yoksa sitenizin logosunu çeker.
Ayrıca 13. Satıra kendi Facebook Uygulama Kimliğinizi eklemeniz gerekir. Bir Facebook uygulamanız yoksa, 13. Satırı koddan kaldırabilirsiniz.
Facebook Open Graph Hakkında Sıkça Sorulan Sorular
Binlerce kullanıcının sosyal paylaşım ayarlarını yapmalarına yardımcı olduk ve birkaç soru oldukça sık geliyor. Facebook Open Graph meta verisi ekleme hakkındaki en yaygın soruların cevapları burada.
1. Open Graph etiketlerimin doğru çalışıp çalışmadığını nasıl test edebilirim?
Etiketlerinizi kontrol etmenin en iyi yolu Facebook'un resmi Sharing Debugger aracıdır. Gönderinizin veya sayfanızın URL'sini girmeniz yeterlidir; araç, paylaşıldığında nasıl görüneceğinin bir önizlemesini gösterecek ve bulduğu tüm hataları veya uyarıları listeleyecektir.
2. Facebook Open Graph resmi için en iyi resim boyutu nedir?
Yüksek çözünürlüklü ekranlarda en iyi sonuçlar için Facebook, en az 1200 x 630 piksel boyutunda resimler kullanılmasını önerir. Resminizin garip bir şekilde kırpılmasını önlemek için 1.91:1 en boy oranını korumak önemlidir.
3. Bir resim ayarlamama rağmen Facebook neden yanlış resmi gösteriyor?
Bu genellikle bir önbelleğe alma sorunudur. Facebook, bir URL için ilk gördüğü Open Graph verilerini kaydeder. Resmi güncellerseniz, URL'yi Sharing Debugger aracından geçirip 'Tekrar Kazı' düğmesine tıklayarak Facebook'a tekrar kontrol etmesini söylemeniz gerekir.
4. Open Graph etiketleri web sitemin SEO'sunu etkiler mi?
Open Graph etiketleri arama motoru sıralamalarınızı doğrudan etkilemese de, güçlü bir dolaylı etkisi vardır. Etkileyici ve profesyonel görünümlü bir sosyal paylaşım, daha yüksek tıklama oranlarına ve daha fazla trafiğe yol açar; bunlar da arama motorları için olumlu sinyallerdir.
Facebook ve WordPress Hakkında Ek Kaynaklar
Bu makalenin WordPress'te Facebook Open Graph meta verisi eklemenize yardımcı olduğunu umuyoruz. Ayrıca Facebook'u WordPress'te nasıl kullanabileceğinizle ilgili diğer bazı kılavuzları da görmek isteyebilirsiniz:
- WordPress Kullanıcıları İçin En İyi Facebook İpuçları ve Eğitimleri
- WordPress'ten Otomatik Olarak Facebook'a Nasıl Gönderilir
- WordPress'te Facebook Yorumları Nasıl Kurulur ve Ayarlanır
- WordPress'te Özel Bir Facebook Akışı Nasıl Oluşturulur
- Facebook Sayfanızın İncelemelerini WordPress'te Görüntüleme
- WordPress'te Facebook Yanlış Küçük Resim Sorunu Nasıl Düzeltilir
- Yazarın Twitter ve Facebook'unu Profil Sayfasında Görüntüleme
- WordPress'te Facebook Reklamları Açılış Sayfası Nasıl Oluşturulur
- How to Fix the Facebook and Instagram oEmbed Issue in WordPress
Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.
wpbeginner
@SteveJoseph@joshuatj Josh eklentiyi en son ne zaman kontrol ettiğinden emin değilim, ancak eklentimiz og:description için tam destek sunuyor. Sürüm 0.1.2'den beri orada. İşte değişiklik günlüğü:http://wordpress.org/extend/plugins/facebook-open-graph-meta-in-wordpress/changelog/In sürüm 0.1.3'te, açıklama kodunu iyileştirdik, aslında Yoast'ın eklentisinin açıklama kodunu arıyoruz ve eğer bu mevcut değilse, o zaman gönderi özetini çekiyoruz, eğer mevcutsa.
SteveJoseph
@joshuatj İyi nokta ve bağlantılar ve yardımınız için tekrar teşekkürler. Çok takdir ediliyor. Linter ve Yoast eklentisi arasında idare ederim. Hepsi iyi olsun.
joshuatj
@SteveJoseph Ya da Facebook'un Lint kontrolünü yapmasını bekleyebilirsiniz.
SteveJoseph
@joshuatj daha önce linter'ı denedim ama o sadece ilk gönderiyi düzeltti. Geri kalanı hala eski kopyayı gösteriyor. Ancak fark ettim ki her benzersiz sayfayı lintlersem doğru bilgiyi gösteriyor, ki bu sizin yukarıda paylaştığınız şey. Sinir bozucu ama sanırım şimdilik bunu kullanmam gerekecek veya sağladığınız bağlantıya bakıp o eklentinin benim için çalışıp çalışmadığını göreceğim. Çok teşekkürler dostum! Sağ ol.
joshuatj
@SteveJoseph Ah, haklısın, orada bir yazım hatası yapmışım. “Yoast” demek istemiştim. http://yoast.com/wordpress/seo/But aslında Yoast, og-description sorununu çözmekten daha fazlasını yapıyor, bu yüzden istediğin şey bu olmayabilir. Siten için URL Linter (http://developers.facebook.com/tools/lint/) kullandım. Bu açıklamayı gösteriyor gibi görünüyor: “Future Tomorrow, Steve Joseph’in kolektif çevrimiçi takma adı, portföy sitesi ve blogudur. Birden fazla disiplinde 14 yılı aşkın yaratıcı deneyim ve “sadece yaratıcı olmanın” çok ötesine geçen bilgi birikimiyle paylaşılacak çok şey var ama öğrenilecek daha çok şey var.”. Açıklama alanında istediğin bu mu? “Facebook’ta paylaş” seçeneğini tekrar dener misin?
SteveJoseph
@joshuatj yanıtınız için teşekkürler joshuatj. Ne yazık ki “Yeost Facebook Plugin” veya “Yeost Plugin” araması, bu olası çözüme ulaşmamı sağlayacak yardımcı bir sonuç döndürmedi. Doğrudan bir bağlantınız var mı?
Yanıtınızda bir yazım hatası olabileceğini düşünerek "Yoast" aramayı da denedim ve bu hala beni bir çözüme götürmedi. Daha fazla yardım çok takdir edilecektir. Zamanınız için teşekkürler.
joshuatj
@SteveJoseph Sanmıyorum ki bu eklenti açıklama ile ilgilensin. Yeost'unkini mi denedin?
SteveJoseph
bağlantı için üzgünüm – http://futuretomorrow.net/blog/ – herhangi bir gönderideki “Facebook’ta paylaş” seçeneğine tıklayarak ne olduğunu görsel ayrıntılarla görün. Tekrar teşekkürler.
SteveJoseph
Merhaba,
Eklentinizi ve kod yöntemini denedim ve ikisi de işe yaramadı. Blogumdan “Facebook’ta bunu paylaş”a tıkladığımda, başlığım doğru, URL doğru, resim doğru ancak açıklama eski ve yanlış. “Açıklama”nın düzgün görüntülendiği kod veya eklenti için bir güncelleme var mı? Şimdiden teşekkürler.
Teşekkürler,
Steve
joshuatj
Eklenti harika! Teşekkürler wpbeginner! Ancak, “açıklama” içeriğini de <meta property=”og:description” content=””> meta etiketi için ekleyebilirsek harika olurdu.
GenişletSM
üzgünüm, site http://societyofsocialpreneurs.com/blog
GenişletSM
Bu eklenti için teşekkürler! Bir blogum var ve aynı zamanda bir Buddypress sitesi ve gönderi özetini çekemiyorum. Herhangi bir öneriniz var mı?
jaffa
@wpbeginner Yanıtınız için teşekkürler.
Bu başlıkta en büyük baş belası haline geldiğimi fark ediyorum ve bu son sorum olacak:
Sitemde resmi yakalama ve tim thumb fonksiyonunu kullanıyorum ve bunun öne çıkan resmi arayan kodu değiştirmek için bu fonksiyona nasıl veya eğer uygulayabileceğimi merak ediyordum?
Bazen öne çıkan resmi kullanmıyorum, bu yüzden betik sadece gönderideki ilk resmi arasa ve o yoksa varsayılanı kullansa kullanışlı olurdu.
Thanks in advance
dbrabyn
@wpbeginner @dbrabyn Anlaşıldı. Denemiştim ve öne çıkan bir resmi olmayan ancak bir gönderi resmi olan bir gönderi için FB Lint bana “Resim URL’si RFC2396 ile uyumlu değil ve doğru görüntülenmeyecek.” diyor. Varsayılan bir resmin olmaması da bir sorun. Yine de teşekkürler.
wpbeginner
@jaffa Bu meta etiketlerine sahip değilseniz ve kullanıcı blogunuzdaki beğen düğmesini kullanarak bir gönderiyi BEĞENİRSE (FB onlar için rastgele bir resim seçecektir)…. Şimdi bağlantıyı Facebook profillerine koyarlarsa (o zaman seçenekleri olacaktır)… Çoğu zaman insanlar beğen düğmesine tıklar, sonra aslında bağlantıyı kopyalayıp Facebook durum kutularına yapıştırırlar. Bu eklenti aslında bu sorunu giderir.
wpbeginner
@dbrabyn Depomuzdaki eklenti aslında bunu yapıyor. Öne çıkan resmi arıyor ve öne çıkan resim bulunamazsa gönderinin ilk resmine geri dönüyor… Bu gönderideki kod parçacığı bunu yapmıyor. Sadece eklentiyi kullanın.
jaffa
Sonunda wpbeginner yardımıyla bunu çalışır hale getirdim!
Bir sorum var, içerikte herhangi bir resim olmayan bir sayfayı paylaştığımda varsayılan resim kullanılıyor. Birden fazla varsayılan resim belirlemek mümkün mü?
Ayrıca, web sitesinin ana sayfasını paylaştığımda, sayfadaki tüm resimlerden seçim yapma hakkım olduğunu fark ettim, ancak normal bir sayfayı paylaştığımda sadece varsayılanı kullanmaya zorlanıyorum. Sayfadaki tüm resimleri görmenin bir yolu var mı?
Teşekkürler
dbrabyn
Bu fonksiyonun gönderinin ilk görselini, sonra öne çıkan görseli, sonra varsayılan görseli almasının bir yolu var mı? Tıpkı get_the_image gibi.
jaffa
@wpbeginner öyle yapacağım!
Thank you so much
wpbeginner
@jaffa İletişim formunu kullanarak bize bir e-posta gönderirseniz, kesinlikle inceleyebilir ve bunu çalıştırmanıza yardımcı olabiliriz.
jaffa
@wpbeginner Makaleden memnun değilim değil, sadece çalıştıramıyorum. Bu siteye her zaman büyük ölçüde yardımcı olduğu ve wp hakkında çok şey öğrenmeme izin verdiği için uğruyorum.
Opengraph'ı çalıştıramadım ve sonra çevrimiçi başka yerlere bakmaya başladım, bu da beni gerçekten kafamı karıştıran başka makalelere yönlendirdi. Sonra tekrar denemek için buraya geri döndüm. Belki bir şeyi yanlış yaptım veya temanımda çalışmasını engelleyen bir sorun var. 'Hallettim' derken bunu kastetmiştim.
Yanıtlarınız ve yardımınız için minnettarım.
Teşekkür ederim.
wpbeginner
@jaffa İstemiyorsanız bir uygulamaya ihtiyacınız yok. Beğen düğmeleriniz için analizleri kişisel hesabınız aracılığıyla hala alabilirsiniz. Anlaşılacak bir şey yok çünkü makale her şeyi açıklıyor, ancak yine de tatmin olmazsanız, o zaman daha fazla araştırma yapın.
jaffa
@wpbeginner tamam, teşekkürler!
Diğer makaleler bir uygulama gerektiğini öne sürüyordu, bu yüzden kafam karışmıştı. Boşver, halledeceğim.
wpbeginner
@jaffa Bu eğitim için bir facebook uygulaması OLUŞTURMAK ZORUNDA DEĞİLSİNİZ. Her durumda çalışacaktır. Uygulama, bu makalede bahsedilen eğitimle ilgili olmayan başka nedenlerle sayfamızda.
jaffa
@wpbeginner yanıtınız için teşekkürler. Çok kafam karışmıştı :s
Bu open graph'ın doğru çalışması için bir facebook uygulaması oluşturmam gerekiyor mu? Bu sayfanın kaynak kodunu kontrol ettim ve yukarıdaki kodda bulunmayan bir ‘fb:app_id’ alanınız var mı?
Tüm sorularım için özür dilerim, eğer biri bana open graph hakkında bazı belgeler gösterebilirse, memnuniyetle bazı cevaplar bulmaya çalışır ve bulduğum bilgileri paylaşmak için geri dönerim.
Teşekkürler
wpbeginner
@jbjb3077 Look at our article about showing custom fields anywhere on the site. Custom Fields 101 article covers that on our site
wpbeginner
@jaffa Bu bir uygulama kimliği ile aynı değil…. Kişisel kullanıcı kimliğiniz farklıdır.
jaffa
Bu çok aptalca bir soru gibi görünebilir ama bunun çalışması için önce bir facebook uygulaması oluşturmanız gerekiyor mu? Sadece normal bir facebook sayfam var ve başka bir şey yok ve bu kodu defalarca denedim ama hala çalıştıramıyorum. Linter aracıyla çalıştırdığımda şu hatayı alıyorum: geçersiz uygulama kimliği.
Yukarıdaki KULLANICI kimliği örneği, bir uygulama kimliği ile aynı mı, değil mi?
jbjb3077
@jbjb3077 lütfen bunu kontrol edin…
mark.bravura
Hızlı yanıtınız için tekrar teşekkürler. Ve sorumun özü bu… Facebook Open Graph Meta For WordPress eklentisi, alıntı/açıklama verisi hariç tüm meta verileri doğru bir şekilde çekiyor. Bu yüzden manuel olarak nasıl düzeltebileceğimi merak ediyorum. Herhangi bir öneriniz var mı?
wpbeginner
@mark.bravura Gönderi başlığınız başlık olarak çekiliyor. Alıntınız açıklama olarak çekiliyor. Öne çıkan görseliniz (küçük resim) küçük resim olarak çekiliyor. Bunlardan herhangi birini değiştirirseniz, og verilerini de değiştirebilirsiniz.
mark.bravura
Hızlı yanıtınız için teşekkürler. Peki OG verilerini manuel olarak ince ayar yapmanın (erişmenin/değiştirmenin) makul derecede kolay bir yolu var mı?
wpbeginner
@mark.bravura Bilgi aslında veritabanınızda saklanıyor. Bu eklenti yalnızca bunu çıktı olarak verir.
mark.bravura
Merhaba,
OG meta veri eklentisini kullanırken, etiketleri hangi PHP dosyasına kaydediyor? Teşekkürler!
Liverpoolfcblog
Merhaba wpbeginner @wpbeginner , kod düzgün çalışıyor. Bunun için teşekkürler.
Sadece bir sorum var. Facebook’un linter’ından tek tek makaleler geçirdim ve hepsi iyi göründü. Ancak, ana sayfamı geçirdiğimde şu mesajı alıyorum:
Gerekli Özellik Eksik og:title gerekli
Gerekli Özellik Eksik og:type gerekli
Gerekli Özellik Eksik og:url gerekli
Gerekli Özellik Eksik og:image gereklidir
Kodda şunu fark ettim: if ( !is_singular()) //eğer tekil bir gönderi veya sayfa değilse return;
Yukarıdaki dördünü eklemek facebook'un sitemi görmesini etkiler mi? Örneğin, bir web sitesi olarak mı kategorize edecek ve Başlığı gösterecek mi?
Teşekkürler.
Yayın Kadrosu
is_singular öğesini kaldırıp bunu ana sayfada gösterebilirsiniz… WordPress bloglarının çoğu, eğer hepsi değilse, yalnızca tek gönderi sayfasından paylaşılır. Beğen düğmesinin belirgin olduğu sayfa da budur.
Yönetici
jbjb3077
Merhaba, gönderi resimlerim özel bir alanda (thumb) bulunuyor, önceki sürümle bir hile yapmıştım ama şimdi onu nasıl ekleyeceğimi anlayamıyorum. Lütfen yardım edin. İşte değiştirdiğim kod
if ( get_post_meta($post->ID, ‘thumb’, true) ) { //gönderinin öne çıkan görseli var $thumbnail_src = get_post_meta($post->ID, “thumb”, true); echo ‘<meta property=”og:image” content=”‘ . esc_attr( $thumbnail_src[0] ) . ‘”/>’; } else{ echo ‘<meta property=”og:image” content=”mysite image in a path.jpg”/>’; } echo “n”;
Danny Foo
Fonksiyon yöntemini yaptıktan sonra bile küçük resim sorunum devam ediyor.
Bu arada, xmlns:og'yi güncellemeniz gerekiyor mu? Facebook'un opengraph belgeleri bunu şöyle belirtiyor; http://ogp.me/ns#
Nurul Imam
Teşekkürler… Bu fonksiyonu temalarıma başarıyla ekledim
jaffa
@Elliot – Tema gönderi küçük resimlerini destekliyor, Twenty Ten'in bir alt temasını kullanıyorum
Fonksiyonlar.php'ye küçük resim desteği eklemek için kodun bir kopyasını buraya ekledim;
http://pastebin.com/7Cw480Xy
Belki de burada bir şeyler yanlış yaptım?
jaffa
Teşekkürler Daniel, bunu eklemek daha önce aldığım hataları kaldırmaya yardımcı oldu ama şimdi başlık, url, resim ve türün eksik olduğunu söylüyor, oysa onlar orada.
Yanlış görseli de gösteriyor, makaledeki görseli değil, sayfadaki rastgele bir görseli alıyor gibi görünüyor.
Bunun neden çalışmadığını hiçbir fikrim yok, eklenti kullanmaktan kaçınmak istedim ama belki de gitmem gereken yol budur.
Yardımlarınız için teşekkürler arkadaşlar.
Daniel Chenery
Oh! I have that issue too. I popped the info in my header.php, lint the homepage = Works
Link a post page = Broken
I just gave up and ignored it!
jaffa
Yardım etmeye çalıştığın için teşekkürler Daniel.
Sanırım ben de pes etmek zorunda kalacağım, tüm zamanımı buna harcayamam.
Benim için çalışsaydı harika olurdu.
Elliott web tasarımcısı
Muhtemelen tekrar test etmeden önce linter aracıyla yeniden taradınız, ayrıca kodu functions.php veya header.php dosyanıza eklediniz mi?
jaffa
Evet, tavsiyenize uydum ve linter aracını kullandım ama hala sonuç alamadım.
Ve kodu functions.php'ye yerleştirdim.
Elliott web tasarımcısı
Temanız gönderi küçük resimlerini destekliyor mu?
jaffa
Kodu functions dosyama ekledim ve ardından Beğen ve Gönder düğmesini ekleme konusundaki makalenizi takip ettim ve her şey yolunda görünüyordu ancak bugün müşterim en son makaleye ait bir bağlantıyı FB duvarında paylaştığında, makaleyle birlikte bir resim seçme seçeneği yoktu.
Ne yanlış gittiğini veya nasıl düzelteceğimi anlayamıyorum. Başka hiçbir değişiklik yapmadığım için, eklediğim FB kodunun buna neden olduğunu varsayıyorum.
Sorunun ne olabileceğine dair bir fikriniz var mı?
Yayın Kadrosu
Evet, sizin resim seçme seçeneğinizi ortadan kaldırıyor…. Kod sizin için RESMİ seçiyor. Gönderinin küçük resmini seçiyor ve bunu o makalenin resmi olarak gönderiyor.
Yönetici
jaffa
Cevabınız için teşekkür ederim.
Bu seçeneği kaldırdığını fark etmemiştim. Ama küçük resim eklemiş olmama rağmen neden küçük resmi görüntülemediğini hala anlamıyorum. Orada hiç görsel yoktu.
Kaynağı görüntülediğimde, og:image alanında resme giden bir bağlantı görebiliyorum.
Keşke çalıştırabilseydim, eklentiyi denemem gerekebilir.
Sadece bir şey daha, temamda çeşitli yerlerde kullanmak üzere bir dizi farklı küçük resim boyutu tanımladım, bu yüzden 'medium' boyutlu resmi çağırmak yerine, tanımladığım küçük resimlerden birini çağırmasını sağlamam gerekiyor mu??
Uzun ve kafa karıştırıcı yorum için üzgünüm, acemiyim!
Elliott web tasarımcısı
Facebook will scrape your site every 24hrs or so… so if you’ve made any changes on your site facebook will need to catch up – 24hrs or so later. But, you can force facebook to re-scrape your site by using the linter tool. Before testing the Send button again run anyone of your url’s through http://developers.facebook.com/tools/lint/ to force Facebook to refresh the details, hopefully this should resolve the image issue
jaffa
Teşekkürler Elliott, bağlantısını verdiğiniz Linter aracı oldukça yardımcı oldu.
Bir URL'yi içinden geçirdikten sonra aldığım hata mesajı şuydu:
fb:admins alanı geçersiz kimlikler içeriyordu, sayfa kimliğimin 15 karakter uzunluğunda olduğunu fark ettim ancak yukarıdaki örnekte kullanılan yalnızca 10 karakter.
Aldığım diğer mesaj şuydu:
App ID'yi fb:admins alanına koymuşsun. fb:app_id alanında olmalıydı
Yukarıdaki kodda app_id için ek bir alan olmalı mı?
Şimdi biraz kafam karıştı…
Daniel Chenery
@Jaffa Yapmanız gereken, şunu eklemek:
İşe yaramalı.
Daniel Chenery
Üzgünüm,
codeetiketinin etiketleri tutacağını sanmıştım, demek ki tutmuyormuş. Tekrar göndermeyi deneyeyim<meta property=”fb:app_id” content=”Your_App_ID”/>
<meta property=”fb:admins” content=”Your_Profile_ID”/>
Gretchen
Varsayılan resim için bir alan göremiyorum – yalnızca Kimlik ve site adı için. Bir şeyi mi kaçırıyorum?
Yayın Kadrosu
Varsayılan resim sorununu gidermek için eklentiyi güncelledik. Şimdi, gönderinizin bir küçük resmi olup olmadığını kontrol ediyor… Yoksa, gönderinizdeki ilk resmi alıyor. Varsayılan resim özelliğini yakında geri getirmeyi planlıyoruz.
Yönetici
Gretchen
Güzel! Varsayılan resim özelliğini kesinlikle beğendim, çünkü gönderilerimin hepsinde resim yok.
Harika eklenti için teşekkürler!
Ayanna Mitchell
Eklentiyi kurdum… ama varsayılan bir resim ekleyecek bir yer yok. Lütfen yardım edin.
Yayın Kadrosu
Gretchen'e verdiğimiz yanıta bakın.
Yönetici
Ovidiu
I am curios about this part of the code: add_opengraph_doctype the problem is that that function doesn’t seem to do anything on my install
the rest is working fine but this add_opengraph_doctype doesn’t.
gerekli mi ve temalarımın neden bunu tetiklemediğini düşünüyorsunuz?
Yayın Kadrosu
Temanızın tüm WordPress temalarının içermesi GEREKEN standart bir kod (dil öznitelikleri) içermiyorsa hiçbir şey yapmaz.
Yönetici
Ovidiu
Bu kodu eklemeyi unutmuşum: `’ xmlns:og=”http://opengraphprotocol.org/schema/” xmlns:fb=”http://www.facebook.com/2008/fbml”‘`
header.php dosyamın başında şunlar var:
`
`
Bunda ne yanlış var? Neyi kaçırıyorum?
Ovidiu
tamam filtreleniyor gibi görünüyor… yapıştırma kutusuna bir bağlantı: http://pastebin.com/vrsVzFhU
Sheryl
WordPress'e açık grafik eklentisini yükledim. Ayarları, iş ismimi gönderdiğiniz URL'deki isimle değiştirerek yapılandırdım.
Şimdi ne?? Beğen düğmemin altında gönder düğmesini almak için şimdi ne yapmalıyım?
Yayın Kadrosu
Gönder düğmesi makalemize bakın. SmartSharing eklentimizi de kullanabilirsiniz.
Yönetici
Thnok
Kodu functions.php'nin neresine eklemem gerekiyor? En üste mi yoksa nereye?
Eklenti çalışmıyor.
Preston
Bu harika. Facebook'un yazılı içerikten bir alıntı çekmesini nasıl değiştirebilirim konusunda herhangi bir rehberlik var mı? Eklenti içeriğe gitmiyor ama yazar adını, kategorileri ve tarihi alıyor. Düşünceler?
Elliott web tasarımcısı
evet, ilk if ifadesinden sonra şunu eklemeniz yeterli:
echo ‘<meta property="og:description" content="” />’;
Preston
O kodu eklemeyi denedim ve eklentiyi devre dışı bırakan ölümcül bir hata aldım. Nedenini anlayamıyorum.
Elliott web tasarımcısı
Yorum yapma özelliğinin belirli işaretlemelere izin vermediği anlaşılıyor, beni Twitter'da takip edin, kodu size DM'den göndereceğim.
İçerik wp the_excerpt() fonksiyonunu içermelidir
Gretchen
Web sitesi için bir Facebook sayfamız varsa, kişisel Facebook profilimizin kullanıcı kimliği yerine sayfanın kullanıcı kimliğini gireceğimizi varsayıyorum, değil mi?
Chris Bracco
Bu kod, OG etiketlerini yalnızca tekil gönderilere ve sayfalara ekler. Etiketlerin tüm sayfalarımda görünmesini istiyorum ve bunu başarmak için basit bir yol bulamıyorum. Fikirleriniz var mı?
Yayın Kadrosu
Arşiv, kategori, etiket sayfalarınızda bireysel beğeni / gönderme düğmeleriniz var mı??? Beğeni düğmeleri yalnızca tek gönderilerde / sayfalarda iyidir, bu yüzden kod bunu ekler. Sitede eklenen tek diğer beğeni düğmesi sitenin Facebook sayfası için (Beğeni Kutusu)'dur. Bunun bu bilgiye ihtiyacı yoktur.
Ama mecbur kalırsan, o zaman !is_singular koşullu ifadesini kaldır.
Yönetici
Daniel Chenery
Bilgileri doğrudan header.php'ye eklemek daha kolay değil mi? Bir keresinde bununla ilgili bir eğitim okuduğumu hatırlıyorum.
Yayın Kadrosu
Bunu header.php'ye sabit kodlayabilirsiniz ancak bu çok adımlı bir işlemdir çünkü doctype'ı düzenlemeniz ve diğer meta etiketlerini eklemeniz gerekir… Bu tek adımlı bir işlemdir. Yapıştır ve Tamamdır. Veya eklentiyi kurun ve tamamdır. Eklentiyi kullanırsanız, temaları değiştirdiğinizde etiketler kaldığı için daha da iyi durumda olursunuz.
Yönetici