Facebook Meet Blog: Açık Grafiği Yükle

Facebook Meet Blog: Açık Grafiği YükleFacebook ve bloğunuz el sıkışıp arkadaş olsa hoşunuza gitmez miydi? Şanslısın. Facebook Open Graph tam da bunu yapar.

Açık Grafik, blogunuzu meta veriler aracılığıyla Facebook’un sosyal grafiğine entegre etmenize yardımcı olan bir dizi kuraldır. Bu meta veriler, blogunuzdan bir gönderi veya sayfa bağlantısı paylaştığınızda Facebook’a hangi başlığın, açıklamanın ve görüntünün gösterileceğini söyler.

Açık Grafik, Facebook’un içeriğinizin ne hakkında olduğunu, onu kimin yazıp yayınladığını ve hangi Facebook sayfasıyla ilişkili olduğunu hızlı bir şekilde anlamasına yardımcı olur. Açık Grafik etiketleri her türlü harika şeyi yapar ve sizi bir süredir rahatsız etmiş olabilecek sorunları çözer (paylaşılan bağlantılar için yanlış görüntüyü çekmek gibi).

Koruma. Facebook’ta doğru fotoğrafları çekecek mi? Söylemek.

Facebook sayfanızda bir bağlantı paylaştığınızda, gönderi için öne çıkan bir görsel ayarlasanız bile bazen Facebook’un yanlış görseli çektiğini fark etmişsinizdir. Artık değil! Open Graph’a hangi görüntüyü istediğinizi söyleyin ve orada olsun (Nasıl olacağını bu yazının ilerleyen kısımlarında anlatacağım). Ancak resminizin Facebook için önerilen boyutta olduğundan emin olun: 600 x 315. Facebook’un biraz kırpabileceği ihtimaline karşı fotoğrafınızın büyük kısmının görüntünün merkezinde olduğundan emin olun. Biraz deneme yapmanız gerekebilir.

Ya bu biçimler blog düzeninizle çalışmazsa? Yapabileceğiniz iki şey var:

1. Bir Facebook güncellemesinde bir bağlantı yayınladığınızda, gönderinizdeki görseli (veya çoğumuzun bildiği gibi herhangi bir kenar çubuğu görüntüsünü) otomatik olarak doldurur. Yanlış resim çizildiyse veya çok küçükse ve tam olarak doğru görünmüyorsa, Görüntülenmekte olan görselin hemen altındaki Resim Yükle linkine tıklayabilirsiniz. Ardından, alana uyan veya bağlantının içeriğiyle daha alakalı bir resim yükleyebilirsiniz.

Facebook durum bağlantılarıyla özel resimler yükleyin

2. Diğer seçenek ise blogunuza iki resim yüklemektir. Sayfadaki resimlerim için genellikle daha küçük bir boyut kullanıyorum (genişliğin 300 olduğundan ve yüksekliğin değişebildiğinden emin oluyorum), ancak bu boyut Facebook için ideal değil. Bunu aşmak için aynı resimlerden farklı boyutlarda iki tane yükleyebildim. Biri blog yazımın boyutu (300 piksel genişliğinde) ve diğeri Facebook için optimize edilmiş boyut (600×315). Ardından, daha küçük resmi gönderime ekleyebilir ve öne çıkan resmimi daha büyük resim olarak ayarlayabilirim. Açık Grafik, çekilecek görüntüyü aradığında, daha büyük resmi nasıl çekeceğini bilir.

  Blog İçerik Serinizi İyileştirme: Podcasting

Aşağıdaki talimatlar, Open Graph’ı bir WordPress.org bloguna nasıl yükleyeceğinizi gösterir. Blogger kullanıyorsanız talimatları şu adreste bulabilirsiniz: Blogger ipuçları ve püf noktaları. Onları burada yeniden yazabilirim, ama orada bir dizi iyi talimat varken neden rahatsız edeyim?

WP Açık Grafik eklentisini kurun

Bu harika işlevselliği nasıl elde edersiniz? Biraz ayar gerektiriyor ama zor değil. Yapmanız gereken ilk şey, WP Açık Grafik eklentisi.

  1. WordPress panonuza giriş yapın ve Eklentiler’e tıklayın.
  2. Eklentiler sayfasının üst kısmında Yeni Ekle’ye tıklayın.
  3. Yeni sayfada, arama kutusuna yazın WP Açık grafik ve Eklentileri Ara’yı tıklayın. Bir eklenti listesi görünecek ve WP Open Graph listenin başında olmalıdır (eğer değilse, görene kadar aşağı kaydırın).
  4. WP Open Graph altında, Şimdi Kur’a tıklayın ve talimatları izleyin.

WP Open Graph ayarlarınızı belirleyin

Açık Grafik ayarlarına başlamadan önce, bazı belirli Facebook bilgilerini bulmanız gerekir: yönetici kimliğiniz ve uygulama kimliğiniz. Yeni bir Facebook uygulaması oluşturmadığınıza dikkat etmeniz önemlidir; Facebook ile daha verimli etkileşim kurmak için kurulu bir Facebook uygulamasını kullanırsınız. Endişelenmeyin, bu kimlikleri bulmak kolaydır ve herhangi bir kod bilmenize gerek yoktur.

Yönetici kimliğinizi bulmak için yeni bir sekme açın ve şuraya gidin: graph.facebook.com/adınız (adınız = kişisel kullanıcı adınız, sayfa adınız değil). Bazı temel bilgileri içeren aşağıdaki gibi bir sayfa göreceksiniz. Sayfanın üst kısmında “id” göreceksiniz. Orada listelenen sayı dizisi, yönetici kimliğinizdir. Daha sonra Ayarlar sayfasına geldiğimizde yönetici kimliğini kopyalayabilmeniz için bu sekmeyi açık tutun. (Mavi kutuların olduğu yerde bilgileriniz görünüyor, güvenlik nedeniyle bilgilerimi gizledim.)

Açık Grafik Yönetici Kimliği

Uygulama Kimliğinizi bulmak için başka bir yeni sekme açın ve şuraya gidin: https://developers.facebook.com/apps. Bu sayfada Ayarlar adlı bir bölüm göreceksiniz ve size uygulama kimliğinizi/API anahtarınızı gösterecek. Ayrıca, bu kimliği WP Open Graph sayfasına kopyalayabilmeniz için bu sekmeyi açık tutun.

  Blog adımı değiştirip okuyucularımı koruyabilir miyim?

Açık Grafik Uygulama Kimliği

Şimdi işimize dönelim. WordPress kontrol panelinize gidin ve sol kenar çubuğundaki Ayarlar seçeneğinin üzerine gelin. Menüden WP Açık Grafiği seçin. WP Open Graph ayarları sayfasında gerekli bilgileri doldurunuz.

  • Varsayılan görüntü. Kullanmak istediğiniz resmin URL’sini yazın – istediğiniz herhangi bir şey olabilir. Medya kitaplığınıza bakın ve istediğiniz görüntünün URL’sini alın. Blog gönderisi veya sayfası için öne çıkan bir resim ayarlamadıysanız, Açık Grafik bu resmi kullanır.
  • Facebook Uygulama Kimliği. Uygulama Ayarları sayfasında bulduğunuz kimliği girin.
  • Facebook yönetici kimliği. graph.facebook.com/yourname sayfasında bulduğunuz kimliği girin.

Öğelerin geri kalanı kendileri için konuşur.

Değişikliklerinizi kaydetmek için Gönder’i tıkladığınızdan emin olun.

Bireysel Açılış Sonrası Grafiği ayarlarını özelleştirin

Evin gerisindeyiz! Bir blog gönderisini veya sayfasını her yazdığınızda veya güncellediğinizde, artık söz konusu gönderi veya sayfa için Açık Grafik bilgilerini ayarlayabilirsiniz. Düzenlemek (veya yazmak) istediğiniz gönderiyi veya sayfayı açın ve ardından Gönderiyi Düzenle sayfasındayken Grafik Verilerini Aç kutusunu görene kadar aşağı kaydırın. olduğunu göreceksin

  • Facebook parçacığı örneği
  • özel bir başlık için bir kutu (bu, bir bağlantı paylaştığınızda Facebook’un gösterdiği başlıktır)
  • gönderinin özel açıklaması için bir kutu (Facebook bunu resmin ve başlığın altında gösterir)
  • Açık Grafik türü

Açıklamalar hakkında kısa bir not: Özel bir açıklama olmadan, Facebook gönderinizin ilk birkaç cümlesini alır ve onları kesebilir. Daha kısa açıklamalar daha akılda kalıcı olduğundan, açıklamanızda yalnızca iki cümle kullanmayı deneyin.

Farklı Açık Grafik türleri türlerini şu adreste görüntüleyebilirsiniz: Açık Grafik protokolü İnternet sitesi. Varsayılan tür makaledir, dolayısıyla normalde yaptığınız gibi normal bir makale yayınlıyorsanız bu kutuyu boş bırakabilirsiniz (önerilir).

Gönderiniz için öne çıkan bir resim belirlemediyseniz, Facebook snippet önizlemesi, WP Open Graph’ın ayarlar sayfasında ayarladığınız varsayılan resmi gösterecektir).

  Blogunuzun saldırıya uğramasını önleyin

boşluk

Gönderiniz için öne çıkan bir resim belirlemenizi, tüm Açık Grafik seçeneklerinizi ayarlamanızı ve ardından gönderiyi kaydetmenizi öneririm. Grafik Verilerini Aç kutusuna geri dönün ve parçacığın yeni bilgileri ve resmi aşağıdaki gibi göstermesi gerekir:

boş2

Snippet’in yanda küçük bir resim ve sağda başlık ve açıklamanın gösterildiğini fark edeceksiniz. Kırpılan aslında Facebook’ta aşağıdaki resim gibi görünecektir. Değilse, görüntü boyutunu kontrol edin ve tekrar deneyin.

OG-RealFBSnippet'i

Gönderinizi Facebook Hata Ayıklayıcı Aracı ile kontrol etme

İle postanızı kontrol ettiğinizden emin olun. Facebook Hata Ayıklayıcı Aracı her şeyin doğru şekilde kurulduğundan ve göndermeden ve paylaşmadan önce herhangi bir sorun olmadığından emin olmak için. Hata ayıklama sayfasında, kontrol etmek istediğiniz gönderi veya sayfanın URL’sini yazın ve Hata Ayıkla’ya tıklayın. Bir sorun olup olmadığını bildiren bir sayfa alacaksınız.

Open Graph düzgün bir şekilde kurulmuş ve çalışıyorsa, kaynak kodunu görüntülediğinizde şunları görürsünüz:

Grafiği kaynak görünümünde aç

Benimle kaldığın için teşekkür ederim.

Gelecek hafta size Yoast’ın WordPress SEO’sunu Facebook Açık Grafik aracınız olarak nasıl kullanacağınızı göstereceğim.