Facebook Gönderi Bağlantısı Resmi


96

Birisi facebook'ta bir bağlantı yayınladığında, bir komut dosyası genellikle bu bağlantıyı herhangi bir resim için tarar ve gönderinin yanında hızlı bir küçük resim görüntüler. Bazı URL'ler için (benimki dahil), FB, o sayfadaki bir dizi resim olmasına rağmen, hiçbir şey almıyor gibi görünüyor.

FB'nin, kullanıcının belirtmek istediği görüntü için "image_src" rel etiketini tercih ettiğini okudum, ancak bu benim sitem için de bu küçük resmi oluşturmaz.

URL'm doğrudan DNS'ye gidiyor ve iletilmiyor, bu yüzden sorunun da bu olabileceğini düşünmüyorum.

FB'nin sitemden neden küçük resim üretemediği konusunda bir fikri olan var mı?


Bize sitenize (veya çalışmayan başka bir siteye) bir bağlantı vermeniz yardımcı olur - bazı fikirleri kışkırtabilir.
Nick Fortescue

Burada nasıl çalıştığını görebilirsiniz! PHP + jQuery kullanarak oluşturuyorum. Kaynak kodu indirilebilir. Beğeneceğinizi umuyoruz! lab.leocardz.com/facebook-link-preview-php--jquery
Leonardo Cardoso

ve aynısını google
plus'ta

Yanıtlar:


119

En kolay yol sadece bir bağlantı etiketidir:

<link rel="image_src" href="http://stackoverflow.com/images/logo.gif" />

Ancak sitenizi daha sosyal medya dostu yapmak için ekleyebileceğiniz başka şeyler de var:

Grafik Etiketlerini Aç

Açık Grafik etiketleri <head>, ister müzik grubu, ister restoran, blog veya başka bir şey olsun, sayfanızın temsil ettiği varlığı açıklamak için web sitenize eklediğiniz etiketlerdir .

Bir Açık Grafik etiketi şuna benzer:

<meta property="og:tag name" content="tag value"/> 

Open Graph etiketlerini kullanırsanız, aşağıdaki altı etiket gereklidir:

  • og:title - Varlığın unvanı.
  • og:type- Varlığın türü. Açık Grafik türleri listesinden bir tür seçmelisiniz.
  • og:image- Varlığı temsil eden bir görüntünün URL'si. Resimler en az 50 piksele 50 piksel olmalıdır. Kare görüntüler en iyi sonucu verir, ancak görüntüleri uzun olduklarından üç kat daha geniş kullanmanıza izin verilir.
  • og:url- Varlığı temsil eden sayfanın standart, kalıcı URL'si. Open Graph etiketlerini kullandığınızda, Beğen düğmesi og:urlBeğen düğmesi kodundaki URL yerine için bir bağlantı yayınlar .
  • og:site_name - Siteniz için okunabilir bir ad, ör. "IMDb".
  • fb:adminsveya fb:app_id- Sayfa yöneticilerinin Facebook kimliklerinin veya bir Facebook Platformu uygulama kimliğinin virgülle ayrılmış listesi. En azından, yalnızca kendi Facebook kimliğinizi ekleyin.

Açık Grafik etiketleri hakkında daha fazla bilgi ve sayfanızı Yönetme ile ilgili ayrıntılar Açık Grafik protokolü belgelerinde bulunabilir.

http://developers.facebook.com/docs/reference/plugins/like


5
Bu hatayı tüy bırakma aracından aldım. All the images referenced by og:image must be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the minimum specification.. Just an fyi
Trevor

Koduma og etiketleri ekledim ve facebook'un og nesne hata ayıklayıcı aracıyla test ettiğimde, og etiketlerine kaydettiğim gibi bana doğru bilgileri gösteriyor, ancak sayfayı fb hesabımdan bağlamayı denediğimde, yalnızca önbelleğe alınmış kopya. Fb önbelleğe alınmış kopyayı ne kadar süre saklar? Önbelleğe alınmış kopyayı temizlemenin başka bir yolu var mı?
KAsh

Facebook uygulamasında AppLinks ( applinks.org ) kullanırken bir gönderiye resim eklemenin tek yolu <link> etiketini kullanmaktır, og: image ile <meta> etiketi kullanmak ÇALIŞMAZ .
emerino

Bu türlerin bir listesi vb. Ve başka yararlı bilgiler içerir.
Wilf

61

Bu sorunun eski olduğunu biliyorum, ancak son zamanlarda aynı problemle uğraştım ve birkaç hafta boyunca bu sorunun üzerine gidip geldim. Google'da yapılan birden fazla arama, pek çok yararlı bilgi ortaya çıkardı, ancak bunların çoğu, kullanmakla ilgilenmediğim Açık Grafik etiketlerine odaklandı. Sitemde birden çok sorun olduğu ortaya çıktı, ancak işte bazı temel bilgiler.

  1. EightyEight'in dediği gibi, HTML'nizin geçerli olduğundan emin olun - ve aynısı javascript ve sunucu tarafı kodunuz (PHP, ASP, vb.) İçin de geçerlidir. Ana sayfadan sunucuya ayrı bir çağrı olarak yürütülen bir kod parçasında küçük bir PHP hatası aldım. Bir takım tuhaf tesadüfler nedeniyle, bu kod 500 hatası oluşturuyordu - ancak YALNIZCA IE6 ve W3C doğrulayıcı ve Facebook sayfa tarayıcısı gibi katı ayrıştırma motorları için. Sorun modern tarayıcılarda (Chrome 4, FF 3.5, IE 8, vb.) Görünmedi, bu yüzden hemen görmedim, ancak daha eski / daha katı istemciler her seferinde 500'ü gösteriyordu ve FB'nin olmamasının ana nedeni buydu Sayfamızı taramıyoruz (her şey doğru göründüğünde).

  2. Randy'nin cevabına gelince, Facebook'un siz güncelledikten çok sonra da sayfanızın önbelleğe alınmış eski bir kopyasını saklayacağı konusunda haklı. FB sadece 24 saat tutulduğunu iddia ediyor, ancak ben bundan çok daha uzun süreler yaşadım. FB, FB'de paylaşılırken sayfanızın nasıl görüneceğinin bir ön izlemesini gösterecek ve FB'yi sayfanızın önbelleğini anında güncellemeye zorlayacak olan "URL Linter" aracını yayınladı . Bu hayat kurtaran bir araçtı. Bunu http://developers.facebook.com/tools/lint/ adresinde bulabilirsiniz.

  3. URL Linter aracıyla ilgili olarak, bir URL'nin her varyasyonunun Facebook'ta ayrı ayrı önbelleğe alındığını unutmayın, bu nedenle "www.example.com", "example.com" ile aynı değildir. Ayrıca, benzersiz büyük harf kullanımı da saklanır, bu nedenle "ExampleOne.com", "exampleone.com" ile aynı değildir. (Bu , önbelleğin gayet iyi güncellendiği ve müşterinin güncellemeleri görmediğini iddia ettiği göründüğünde müşterimle benim arasında çok fazla kafa karışıklığına yol açtı . Ornekone.com'a baktığım ve Önbelleği güncellemek için Linter, ancak Linter'e göndermediğim exampleOne.com'a bakıyorlardı. Sonuç olarak, sadece temelleri kapsamak için Linter'e URL'nin epeyce varyasyonlarını gönderdim.)

  4. WyrdNEXUS'un image_src bağlantı etiketini kullanma tavsiyesi yerinde. Bu, FB'nin sayfanız için mümkün olan en iyi resmi aldığından emin olmanızı sağlar. Görüntü dosyasının hangi özelliklere sahip olması gerektiğiyle ilgili bazı değişken yönergeler var, ancak 128 piksel kare bir görüntüyü başarıyla kullandım ve 130x97 bir görüntünün de geçtiğini gördüm. İşte Facebook'un http://developers.facebook.com/docs/reference/plugins/like/ adresindeki resmi belgeleri :

    Resimler en az 50 piksele 50 piksel olmalıdır. Kare görüntüler en iyi sonucu verir, ancak görüntüleri uzun olduklarından üç kat daha geniş kullanmanıza izin verilir.

    Açıkçası, FB sizin için büyük bir resmi yeniden boyutlandıracaktır, ancak önceden kendiniz yeniden boyutlandırırsanız neredeyse her zaman daha iyi sonuçlar alırsınız.

  5. Mike Cooper'ın eHow makalesine bağlantısı ile ilgili olarak, bu makaledeki 1. adımı kullanmaktan kaçının. Makale yazıldığında ve Mike bağlantıyı yayınladığında geçerli bir tavsiyeydi, ancak artık sayfanızın paylaşılırken nasıl görüneceğini önizlemek için URL Linter aracını kullanmak daha iyidir. Linter kullanarak, FB'nin ince ayar yapma şansınız olmadan sayfanın (potansiyel olarak) kötü bir kopyasını önbelleğe almasına neden olmazsınız.


Günlerce mücadele ediyordum ve küçük resmimi doğru şekilde güncellemedim. Facebook Linter aracı sorunumu hemen çözdü - önbelleğini güncellemek için facebook'u aldı! Yaşasın!
Hady

Linter aracı için ÇOK teşekkürler. Blogumdaki bazı gönderiler resimler gösteriyordu, diğerleri veritabanı odaklı bir site olmasına rağmen göstermiyordu. Soruna neden olan sayfanın URL'sini URL Linter'e koymak, onu resmi önbelleğe almaya zorladı! Woo-HOO!
kristina childs

4
lint aracı adını değiştirdi. şimdi sadece hata ayıklama : developers.facebook.com/tools/debug - tüm söyleyebileceğim, tüm bunların tl; dr sürümü: sadece aracı kullanın!
cregox


11

Başlık, Açıklama ve Resmi değiştirmek için, başlık etiketi altına bazı meta etiketler eklememiz gerekir.

ADIM 1: Başlık etiketi altına meta etiketler ekleyin

<html>
<head>
<meta property="og:url" content="http://www.test.com/" />
<meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
<meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
<meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />

SONRAKİ ADIM: Aşağıdaki bağlantıya tıklayın https://developers.facebook.com/tools/debug

URL'nizi , etiketlerden bahsettiğiniz metin kutusuna (örn. Http://www.test.com/ ) ekleyin. HATA AYIKLA düğmesine tıklayın.

Bitti.

Burada https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/ doğrulayabilirsiniz.

Yukarıdaki url'de, u = web sitenizin bağlantısı

ZEVK ALMAK !!!!


Lütfen birden fazla soruya tam olarak aynı cevabı göndermeyin: ya hepsi için uygun değildir ya da sorular, bu şekilde işaretlenmesi / kapatılması gereken mükerrer sorulardır.
kleopatra

Merhaba Kleopatra, cevabı başkalarına yardım etmek için göndermeyi düşünüyordum. Sanırım fikriniz tamamen geçerli. Bununla ilgileneceğim. Teşekkürler Arkadaş
Gaurav123

@ Gaurav123 test bağlantısı öldü. Ancak, Facebook'ta kendime mesaj atarak kontrol ettim. Çok yararlı cevap için çok teşekkür ederim!
gsamaras



2

Aslında, "image_src" bağlantısını eklemeden ÖNCE bu sayfayı Facebook'ta bağlamayı denediyseniz, Facebook önbelleğe alınmış eski kopyayı kullanmaya devam edecek ve değişikliklerinizi bile görmeyecektir. 'Www' kısmını kaldırarak veya ekleyerek URL’yi değiştirmeyi deneyin veya test etmek için sayfanızı çoğaltın.


1

Facebook'un web sitelerinden https ile başlarsa küçük resimler almadığını fark ettim, bu sizin durumunuz olabilir mi?


1

aynı sorunu yaşadım ve kafa kapatma etiketimin yanlış yerde olduğunu anladım


0

Eski soru, ancak son zamanlarda bağlantımdaki küçük resimlerin Facebook'taki durum güncellemelerinde görünmemesiyle aynı sorunla karşılaşıyor gibiydim. Birçok müşteri için gönderiyorum ve bu nispeten yeni.

FB artık uzun URL'leri sevmiyor gibi görünüyor - goo.gl veya bitly.com gibi bir URL kısaltıcı kullanırsanız, bağlantınızdaki / yayınınızdaki küçük resim FB güncellemenizde görünecektir.


0

Bunun gibi bir şey kullanmayı deneyin:

<link rel="image_src" href="http://yoursite.com/graphics/yourimage.jpg" /link>`

Görüntünüze giden tam yolu kullandığınız sürece Firefox'ta gayet iyi çalışıyor gibi görünüyor.

Sorun, bazı nedenlerden dolayı dikey olarak aşağı doğru kaydırılmasıdır. Görüntü, okuduğum bir yerde önerildiği gibi 200 x 200.


Aptal olduğum için gönderilmeyen bir bağlantı etiketinin kodunu göndermek niyetindeyim. Afedersiniz.
user2494810

-1

Seo için herhangi bir eklenti kullandıysanız, 1. seo eklenti ayarlarınızı kontrol edin ve Noindex için Medyayı Etkinleştirdiyseniz Noindex ayarını bulun ve devre dışı bırakın.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.