W jaki sposób „Facebook Publisher” wybiera obraz, tytuł i treść ze wspólnej witryny?

To jest pytanie dotyczące wydawcy Facebooka . Kiedy udostępniam link, Facebook pobierze trochę tekstu, tytuł obrazu ze strony i zbuduje podgląd dla użytkownika. Użytkownik może następnie edytować podgląd, wybrać jedną z kilku różnych miniatur, a następnie opublikować go na swoim profilu na Facebooku.

Oto zrzut ekranu ilustrujący tę kwestię:

W jaki sposób aplikacja Wydawca pobiera obrazy i tekst z łącza? Czy istnieją podobne aplikacje, które działają w innych popularnych aplikacjach internetowych, aplikacjach Google, blogach Wordpress itp.?

Zadałem podobne pytanie kilka miesięcy temu, a wydaje się, że Facebook używa interfejsu oEmbed , ale wydaje się, że tylko interfejsu oEmbed osadza zawartość. Przeczytałem również, że oEmbed działa tylko z dostawcami oEmbed. Wydawca Facebook współpracuje z prawie wszystkimi stronami internetowymi.

Facebook użyje dowolnych metatagów otwartego wykresu, jeśli są obecne w tytule i obrazie itp. (Np. Og: title). Dokumentacja Facebooka dla Open Graph Protocol wyjaśnia to bardziej szczegółowo:

Protokół Open Graph definiuje cztery wymagane właściwości:

og: title - Tytuł twojego obiektu taki, jaki powinien pojawić się na wykresie, np. „The Rock”.

og: type - typ obiektu, np. „film”. Zobacz pełną listę obsługiwanych typów.

og: image - adres URL obrazu, który powinien reprezentować obiekt na wykresie. Obraz musi mieć rozmiar co najmniej 50 na 50 pikseli, a jego maksymalny współczynnik kształtu to 3: 1.

og: url - kanoniczny adres URL obiektu, który będzie używany jako jego stały identyfikator na wykresie, np . http://www.imdb.com/title/tt0117500/ .

Ponadto rozszerzyliśmy podstawowe metadane, aby dodać dwa pola wymagane do połączenia strony z Facebookiem:

og: site_name - czytelna dla człowieka nazwa witryny, np. „IMDb”.

fb: admins lub fb: app_id - Rozdzielona przecinkami lista identyfikatorów użytkowników Facebooka lub identyfikatora aplikacji platformy Facebook, która zarządza tą stroną. Prawidłowe jest umieszczenie na stronie zarówno fb: admins, jak i fb: app_id.

Zalecane jest także uwzględnienie następującej właściwości, a także właściwości wieloczęściowych.

og: description - opis strony zawierający od jednego do dwóch zdań.

Nie jestem pewien, jak to robią dla stron bez tych tagów. Jeśli próbujesz powielić tę funkcję, to nie jest pomoc, przepraszam. Ale jeśli starasz się, aby Twoje strony wyświetlały się w Wydawcy tak, jak chcesz, być może tak się stanie.

Możesz także skorzystać z debuggera Facebooka Opengraph, który dostarczy informacji o twoim podglądzie, a także (bardzo przydatny) zaktualizuje ich buforowany link, jeśli wprowadzisz zmiany. W przeciwnym razie możesz wprowadzić zmiany w łączu, który chcesz udostępnić, a zmiany nie będą widoczne przez kilka dni:

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

Aby powiedzieć facebookowi, który tekst i obrazy ma odebrać, musisz dodać określone meta-klucze w nagłówku strony.

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

Opublikowałem tutaj szczegółowe informacje http://umairj.com/2010/10/modify-how-the-shared-item-appears-on-facebook/

To, co zadziałało, to umieszczenie pożądanego obrazu miniatury na stronie tuż za tagiem i zbyt małe, aby można było go zobaczyć ...

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

Nie testowałem go z wysokością 0 i szerokością 0, ale prawdopodobnie nadal będzie działał .. Nie gwarantuje to, że użytkownik wybierze ten obraz.

RÓWNIEŻ wygląda na to, że Facebook buforuje miniatury na twojej stronie i nie zawsze sprawdza je pod kątem nowych. Spróbuj dodać to do innej strony w swojej witrynie, a zobaczysz, że to działa.

Mam nadzieję że to pomoże.

Facebook używa metatagów na udostępnianej stronie, aby określić, który obraz, tytuł i opis mają być wyświetlane podczas publikowania linku. Składnia metatagu jest zgodna ze specyfikacją Facebooka OpenGraph .

Najważniejsze metatagi, które musisz zdefiniować, to:

• <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" />

Działa to oczywiście tylko wtedy, gdy masz pełną kontrolę nad witryną, którą udostępniasz. Jeśli udostępniasz link zewnętrzny (np. Artykuł z wiadomościami), nie masz dostępu do jego witryny, a zatem nie możesz zmienić metatagów. Korzystam z ShareKit.io , który pozwala zmienić tytuł, opis i obraz każdego linka, który udostępniasz, bez konieczności majstrowania przy metatagach.

Powiedziałbym, że odpowiedź na twoje pytanie jest dość złożona, a także najprawdopodobniej tajemnicą handlową Facebooka. Ich zdolność do skanowania adresu URL i zbierania odpowiednich treści / mediów do wyświetlenia w strumieniu wiadomości jest jedną z rzeczy, które sprawiają, że ich usługa jest tak wyjątkowa i przydatna dla codziennej osoby korzystającej z Facebooka.

Biorąc to pod uwagę, powiedziałbym, że algorytm nie byłby strasznie skomplikowany, prawdopodobnie używa wielu tych samych zasad, które Google stosuje do zeskrobywania treści ze stron internetowych ( tutaj opublikowano kilka ogólnych szczegółów ). Myślę, że siła wydawcy wynika z wielu prób i błędów oraz testów przeprowadzonych przez inżynierów z Facebooka.