Làm thế nào để Nhà xuất bản Facebook của Facebook chọn hình ảnh, tiêu đề và nội dung từ một trang web được chia sẻ?


11

Đây là một câu hỏi về Nhà xuất bản Facebook . Khi tôi chia sẻ một liên kết, Facebook sẽ lấy một số văn bản, tiêu đề một hình ảnh từ trang web và xây dựng bản xem trước cho người dùng. Sau đó, người dùng có thể chỉnh sửa bản xem trước, chọn từ một trong nhiều hình thu nhỏ khác nhau và sau đó đăng nó lên hồ sơ Facebook của họ.

Đây là một ảnh chụp màn hình để minh họa điểm:

Ảnh chụp màn hình từ Facebook

Làm thế nào để ứng dụng Publisher lấy hình ảnh và văn bản từ Liên kết? Có các ứng dụng tương tự hoạt động cho các ứng dụng web phổ biến khác, bất kỳ ứng dụng Google, blog Wordpress, v.v. không?

Tôi đã hỏi một câu hỏi tương tự vài tháng trước và có vẻ như Facebook sử dụng oEmbed , nhưng có vẻ như oEmbed chỉ nhúng nội dung. Tôi cũng đọc rằng oEmbed chỉ hoạt động với các nhà cung cấp oEmbed. Nhà xuất bản Facebook hoạt động với gần như tất cả các trang web.



@phwd: Có vẻ như @Edward đang nói về một lỗi trong bài đăng của anh ấy. Nó đã hoạt động cho đến khi "Nhưng kể từ khoảng hai tuần trước, ..."
Stefan Lasiewski

Câu trả lời:


10

Facebook sẽ sử dụng bất kỳ thẻ meta biểu đồ mở nào nếu có cho tiêu đề và hình ảnh, v.v. (ví dụ: og: title). Tài liệu facebook cho Open Graph Protocol giải thích điều này chi tiết hơn:

Giao thức Open Graph xác định bốn thuộc tính bắt buộc:

og: title - Tiêu đề của đối tượng của bạn sẽ xuất hiện trong biểu đồ, ví dụ: "The Rock".

og: type - Loại đối tượng của bạn, ví dụ: "phim". Xem danh sách đầy đủ các loại được hỗ trợ.

og: image - Một URL hình ảnh sẽ đại diện cho đối tượng của bạn trong biểu đồ. Hình ảnh phải có ít nhất 50px x 50px và có tỷ lệ khung hình tối đa là 3: 1.

og: url - URL chính tắc của đối tượng của bạn sẽ được sử dụng làm ID vĩnh viễn của nó trong biểu đồ, ví dụ: http://www.imdb.com/title/tt0117500/ .

Ngoài ra, chúng tôi đã mở rộng dữ liệu meta cơ bản để thêm hai trường bắt buộc để kết nối trang của bạn với Facebook:

og: site_name - Một tên dễ đọc cho trang web của bạn, ví dụ: "IMDb".

fb: admins hoặc fb: app_id - Danh sách ID người dùng Facebook được phân tách bằng dấu phẩy hoặc ID ứng dụng Nền tảng Facebook quản lý trang này. Nó là hợp lệ để bao gồm cả fb: admins và fb: app_id trên trang của bạn.

Chúng tôi cũng khuyên bạn nên bao gồm các thuộc tính sau cũng như các thuộc tính đa phần này.

og: description - Mô tả một đến hai câu của trang của bạn.

Tôi không chắc làm thế nào họ làm điều đó cho các trang thiếu các thẻ này. Nếu bạn đang cố gắng sao chép chức năng này thì điều này không có ích, xin lỗi. Nhưng nếu bạn đang cố gắng đảm bảo các trang của mình hiển thị trong Nhà xuất bản như bạn muốn thì có lẽ điều này sẽ xảy ra.

Bạn cũng có thể sử dụng trình gỡ lỗi opengraph facebook, nó sẽ cung cấp thông tin về bản xem trước của bạn cũng như (siêu tiện dụng) cập nhật liên kết được lưu trong bộ nhớ cache của họ nếu bạn thay đổi. Nếu không, bạn có thể thay đổi liên kết bạn muốn chia sẻ và những thay đổi sẽ không hiển thị trong nhiều ngày:

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


Họ sẽ sử dụng các thẻ meta nếu bạn chưa cung cấp các thẻ biểu đồ mở. Thẻ OG hữu ích hơn khi thích một trang web, vì nó tạo ra một trang facebook sau đó cho trang web / url
Umair Jabbar

4

Để cho facebook biết văn bản và hình ảnh nào sẽ nhận, bạn cần thêm các phím meta cụ thể vào đầu trang của mình.

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

Tôi đã đăng chi tiết anh ấy ở đây http://umairj.com/2010/10/modify-how-the- Shared-item-appears-on-facebook /


1
Điều đó thật thú vị và những thẻ meta đó là một cách thực hành được khuyến nghị cho nhiều quản trị web (Nó giúp các công cụ tìm kiếm, v.v.). Tuy nhiên, hãy xem nguồn cho Flowdata.com/2010/09/15/ . Trang đó không có các thẻ đó và cũng không có <link rel=thẻ hình ảnh.
Stefan Lasiewski

@ Stefan, đây là một câu hỏi rất hay, nhưng FB làm gì nếu nó không tìm thấy các thẻ meta của các thẻ OpenGraph OG mới, sau đó nó chọn tất cả các hình ảnh và hiển thị một phần văn bản từ đầu html của trang đó . Vì vậy, người dùng có được một sự lựa chọn cho hình ảnh nhưng văn bản là như nhau. Hơn nữa, chỉ những hình ảnh được hiển thị theo tiêu chí cụ thể của Facebook. tỷ lệ aspet
Umair Jabbar

1

Điều làm việc cho tôi là đặt hình ảnh thu nhỏ mong muốn trên trang ngay sau thẻ và làm cho nó quá nhỏ để xem ..

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

Tôi chưa thử nó với chiều cao 0 và chiều rộng 0 nhưng có lẽ nó vẫn hoạt động .. Điều này không đảm bảo người dùng sẽ chọn hình ảnh này ..

CSONG có vẻ như Facebook lưu trữ các hình thu nhỏ trên trang của bạn và không phải lúc nào cũng kiểm tra nó cho những cái mới .. hãy thử thêm nó vào một trang khác trên trang web của bạn và bạn sẽ thấy nó hoạt động.

Hi vọng điêu nay co ich.


0

Facebook sử dụng thẻ meta trên trang bạn đang chia sẻ để xác định hình ảnh, tiêu đề và mô tả nào sẽ hiển thị khi đăng liên kết. Cú pháp thẻ meta tuân theo thông số OpenGraph của Facebook .

Các thẻ meta quan trọng nhất bạn cần xác định là:

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

Điều này tất nhiên chỉ hoạt động nếu bạn có toàn quyền kiểm soát trang web bạn đang chia sẻ. Nếu bạn đang chia sẻ một liên kết bên ngoài (như một bài báo), bạn không có quyền truy cập vào trang web của họ và do đó không thể thay đổi các thẻ meta. Tôi đang sử dụng ShareKit.io , cho phép bạn thay đổi tiêu đề, mô tả và hình ảnh của bất kỳ liên kết nào bạn đang chia sẻ mà không cần phải sử dụng thẻ meta.


-1

Tôi muốn nói rằng câu trả lời cho câu hỏi của bạn khá phức tạp và rất có thể là một bí mật thương mại cho Facebook. Khả năng quét URL và chọn nội dung / phương tiện có liên quan để hiển thị trong luồng tin tức là một trong những điều khiến dịch vụ của họ trở nên độc đáo và hữu ích với người sử dụng Facebook hàng ngày.

Điều đó đang được nói, tôi sẽ nói rằng thuật toán sẽ không quá phức tạp, nó có thể sử dụng rất nhiều quy tắc tương tự Google sử dụng để cạo nội dung từ các trang web (chúng có một số chi tiết chung được xuất bản ở đây ). Tôi nghĩ rằng sức mạnh đằng sau Nhà xuất bản đến từ rất nhiều thử nghiệm và lỗi và thử nghiệm của các kỹ sư Facebook.


1
Tôi hoàn toàn không đồng ý!
Umair Jabbar
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.