“Facebook Publisher” paylaşılan bir web sitesinden resim, başlık ve içeriği nasıl seçer?

Bu Facebook Publisher hakkında bir soru . Bir bağlantı paylaştığımda, Facebook siteden bir resim ve başlık için bazı metinler alacak ve kullanıcı için bir önizleme oluşturacak. Kullanıcı daha sonra önizlemeyi düzenleyebilir, birkaç farklı küçük resimden birini seçebilir ve ardından bunu Facebook profillerine gönderebilir.

İşte noktayı gösteren bir ekran görüntüsü:

Publisher uygulaması, bağlantıdan resim ve metinleri nasıl alır? Diğer popüler web uygulamaları, Google uygulamaları, Wordpress blogları vb. İçin çalışan benzer uygulamalar var mı?

Birkaç ay önce benzer bir soru sordum ve Facebook'un oEmbed kullandığını , ancak oEmbed'in yalnızca içeriği gömdüğü anlaşılıyor. Ayrıca oEmbed'in yalnızca oEmbed sağlayıcılarıyla çalıştığını da okudum. Facebook Publisher neredeyse tüm web siteleriyle çalışır.

Facebook, başlık ve resim vb. İçin varsa açık grafik meta etiketlerini kullanır (ör. Og: title). Açık Grafik Protokolü için facebook belgeleri bunu daha ayrıntılı olarak açıklamaktadır:

Açık Grafik protokolü, gerekli dört özelliği tanımlar:

og: title - Nesnenizin grafikte görünmesi gereken başlığı, örneğin "The Rock".

og: type - Nesnenizin türü, ör. "film". Desteklenen türlerin tam listesine bakın.

og: image - Nesnenizi grafik içinde temsil etmesi gereken bir resim URL'si. Görüntü en az 50 piksel x 50 piksel olmalı ve maksimum en boy oranı 3: 1 olmalıdır.

og: url - Nesnenizin grafikte kalıcı kimliği olarak kullanılacak standart URL, ör . http://www.imdb.com/title/tt0117500/ .

Ayrıca, sayfanızı Facebook'a bağlamak için gerekli iki alanı eklemek için temel meta verilerini genişlettik:

og: site_name - Siteniz için okunabilir bir ad (ör. "IMDb").

fb: admins veya fb: app_id - Bu sayfayı yöneten Facebook kullanıcı kimliklerinin veya bir Facebook Platform uygulama kimliğinin virgülle ayrılmış listesi. Sayfanıza hem fb: admins hem de fb: app_id ifadelerini eklemek geçerlidir.

Ayrıca, aşağıdaki özelliğin yanı sıra bu çok parçalı özellikleri de eklemeniz önerilir.

og: description - Sayfanızın bire iki cümle açıklaması.

Bu etiketleri olmayan sayfalar için nasıl yaptıklarından emin değilim. Bu işlevselliği çoğaltmaya çalışıyorsanız, bu yardımcı olmaz, üzgünüm. Ancak sayfalarınızın Yayıncı'da istediğiniz gibi görünmesini sağlamaya çalışıyorsanız, belki de bu olur.

Ayrıca, önizlemeniz hakkında bilgi sağlayacak facebook opengraph hata ayıklayıcısını kullanabilir ve değişiklik yaparsanız önbellek bağlantılarını (süper kullanışlı) güncelleyebilirsiniz. Aksi takdirde, paylaşmak istediğiniz bir bağlantıda değişiklik yapabilirsiniz; değişiklikler günlerce görünmez:

https://developers.facebook.com/tools/debug

Facebook'a hangi metni ve resimleri alacağını söylemek için sayfanızın başına belirli meta anahtarları eklemeniz gerekir.

    <meta name="title" content="title" />
    <meta name="description" content="description " />
    <link rel="image_src" href="thumbnail_image" / >

Ayrıntılarını buraya gönderdim http://umairj.com/2010/10/modify-how-the-shared-item-appears-on-facebook/

Benim için işe yarayan şey, istenen küçük resim etiketinden hemen sonra sayfaya yerleştirilip görülemeyecek kadar küçük olmasıydı.

<img src="imagename.jpg" width="1" height="1" />

Ben yükseklik 0 ve genişlik 0 ile test etmedim ama muhtemelen hala çalışacaktır .. Bu kullanıcının bu resmi seçeceğini garanti etmez ..

AYRICA Facebook sayfanızdaki küçük resimleri önbelleğe alır ve her zaman yenilerini kontrol etmez. Bunu sitenizdeki başka bir sayfaya eklemeyi deneyin ve çalıştığını görürsünüz.

Bu yardımcı olur umarım.

Facebook, bağlantı yayınlarken hangi resmin, başlığın ve açıklamanın gösterileceğini belirlemek için paylaştığınız sayfada meta etiketler kullanır. Meta etiket sözdizimi, Facebook'un OpenGraph spesifikasyonuna uygundur.

Tanımlamanız gereken en önemli meta etiketler şunlardır:

• <meta property="og:title" content="The title of the sharing preview" />
• $<meta property="og:description" content="The first few lines of content below the title" />
• <meta property="og:image" content="http://site.com/your-image-1200x630px.jpg" />

Bu elbette yalnızca paylaştığınız site üzerinde tam kontrolünüz varsa işe yarar. Harici bir bağlantı paylaşıyorsanız (bir haber makalesi gibi), sitelerine erişiminiz yoktur ve bu nedenle meta etiketleri değiştiremezsiniz. Meta etiketlerle uğraşmak zorunda kalmadan paylaştığınız herhangi bir bağlantının başlığını, açıklamasını ve görüntüsünü değiştirmenize olanak tanıyan ShareKit.io kullanıyorum .

Sorunuzun cevabının oldukça karmaşık olduğunu ve büyük olasılıkla Facebook için bir ticari sırrı olduğunu söyleyebilirim. Bir URL'yi tarama ve haber akışında görüntülenecek ilgili içeriği / medyayı alma yetenekleri, hizmetlerini Facebook'u kullanan günlük kişi için benzersiz ve kullanışlı hale getiren şeylerden biridir.

Bununla birlikte, algoritmanın çok karmaşık olmayacağını söyleyebilirim, muhtemelen Google'ın web sitelerinden içerik kazımak için kullandığı kuralların çoğunu kullanıyor ( burada yayınlanan bazı genel ayrıntılar var ). Yayıncının arkasındaki gücün Facebook mühendisleri tarafından yapılan çok sayıda deneme yanılma ve testten kaynaklandığını düşünüyorum.