Hướng dẫn chia sẻ dành cho quản trị viên web

Tài liệu này mô tả cách bạn tối ưu hóa nội dung được lưu trữ trên web mà mọi người chia sẻ lên Facebook, bất kể nội dung đó được chia sẻ từ máy tính, web di động hay ứng dụng di động.

Tài liệu này cung cấp những thông tin sau:

Thẻ đánh dấu Open Graph

Hầu hết nội dung được chia sẻ lên Facebook dưới dạng URL. Vì vậy, bạn cần đánh dấu trang web bạn sở hữu bằng thẻ Open Graph để kiểm soát cách nội dung của mình xuất hiện trên Facebook. Để trình thu thập dữ liệu của chúng tôi chia sẻ chính xác trang web bạn sở hữu, máy chủ của bạn cũng phải sử dụng phương thức mã hóa gzipdeflate.

Nếu không có các thẻ Open Graph này, Trình thu thập dữ liệu của Facebook sẽ sử dụng các phỏng đoán nội bộ để đưa ra dự đoán tốt nhất về tiêu đề, mô tả và hình ảnh xem trước cho nội dung của bạn. Hãy chỉ định thông tin này rõ ràng bằng thẻ Open Graph để đảm bảo bài viết trên Facebook có chất lượng cao nhất.

Dưới đây là một ví dụ về nội dung được định dạng bằng thẻ Open Graph để hiển thị tối ưu trên Facebook:

Ví dụ về thẻ đánh dấu

Ví dụ: dưới đây là cách đánh dấu một bài viết, tin tức hoặc bài viết trên blog bằng thẻ og:type="article" và một số thuộc tính khác:

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Các thuộc tính này bao gồm siêu dữ liệu mô tả về bài viết mà chúng tôi đặc biệt muốn hiển thị khi ai đó chia sẻ bài viết này.

Thẻ cơ bản

Dưới đây là những thẻ meta cơ bản nhất mà bạn nên sử dụng cho mọi loại nội dung:

Thẻ Mô tả

og:url

URL chính tắc cho trang của bạn. Đây phải là URL chưa được chỉnh sửa, không có biến phiên, thông số nhận dạng người dùng hoặc bộ đếm. Lượt thích và Lượt chia sẻ của URL này sẽ tổng hợp tại chính URL này. Ví dụ: URL miền di động phải trỏ đến phiên bản URL dành cho máy tính dưới dạng URL chính tắc để tổng hợp Lượt thích và Lượt chia sẻ trên các phiên bản trang khác nhau.

og:title

Tiêu đề bài viết của bạn không có bất kỳ thương hiệu nào, chẳng hạn như tên trang web.

og:description

Mô tả ngắn về nội dung, thường từ 2 đến 4 câu. Mô tả này sẽ hiển thị bên dưới tiêu đề của bài viết trên Facebook.

og:image

URL của hình ảnh xuất hiện khi ai đó chia sẻ nội dung lên Facebook. Hãy xem bên dưới để biết thêm thông tin và xem hướng dẫn về cách làm tốt nhất của chúng tôi để tìm hiểu cách chỉ định hình ảnh xem trước có chất lượng cao.

fb:app_id

Để sử dụng Thông tin chi tiết trên Facebook, bạn phải thêm ID ứng dụng vào trang của mình. Với Thông tin chi tiết, bạn có thể xem dữ liệu phân tích về lưu lượng truy cập từ Facebook vào trang web của mình. Hãy tìm ID ứng dụng trong Bảng điều khiển ứng dụng của bạn.


Bạn cũng có thể thêm 2 thẻ khác để cải thiện hoạt động phân phối nội dung của mình và tăng lượt tương tác:

Thẻ Mô tả

og:type

Loại file phương tiện của nội dung. Thẻ này sẽ ảnh hưởng đến cách nội dung của bạn hiển thị trong Bảng tin. Nếu bạn không chỉ định loại nào thì loại mặc định là website. Mỗi URL phải là một đối tượng duy nhất nên không được có nhiều giá trị og:type. Hãy tìm danh sách đầy đủ các loại đối tượng trong Tài liệu tham khảo về loại đối tượng

og:locale

Ngôn ngữ của tài nguyên. Giá trị mặc định là en_US. Bạn cũng có thể sử dụng og:locale:alternate nếu có sẵn bản dịch bằng các ngôn ngữ khác. Hãy tìm hiểu về các ngôn ngữ được hỗ trợ trong tài liệu về bản địa hóa của chúng tôi.


Danh sách đầy đủ các thuộc tính đối tượng tiêu chuẩn nằm trong Tài liệu tham khảo về thuộc tính đối tượng của chúng tôi.

Thử nghiệm thẻ đánh dấu của bạn

Để xem thẻ đánh dấu của bạn hiển thị như thế nào với Trình thu thập dữ liệu của Facebook, hãy nhập một URL vào Trình gỡ lỗi chia sẻ. Trình gỡ lỗi sẽ hiển thị các thẻ meta mà trình thu thập dữ liệu quét được, cũng như mọi lỗi hoặc cảnh báo.

Trình gỡ lỗi cũng sẽ kích hoạt quy trình quét trang của bạn. Vì vậy, nếu HTML của bạn có lỗi, bạn có thể sử dụng trình gỡ lỗi để cập nhật nội dung của mình. Hãy xem phần Cập nhật đối tượng để tìm hiểu thêm.

Kiểm tra xem tác nhân người dùng trên Facebook có được xử lý đúng cách hay không

  1. Mở trình duyệt của bạn.
  2. Thay đổi tác nhân người dùng để khớp với tác nhân người dùng trên Facebook. Để biết thêm thông tin về cách thay đổi tác nhân người dùng, hãy xem nội dung tại địa chỉ http://osxdaily.com/2013/01/16/change-user-agent-chrome-safari-firefox/:
    • Menu phát triển > Tác nhân người dùng > Khác
    • Đặt tác nhân người dùng thành: facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)
  3. Tải URL có vấn đề.
  4. Đặt tác nhân người dùng thành tác nhân của trình duyệt di động, chẳng hạn như Safari - iPhone:
    Menu phát triển > Tác nhân người dùng > Safari – iOS 10 – iPhone
  5. Tải URL có vấn đề.
  6. Nếu đây là vấn đề liên quan đến tác nhân người dùng, trang sẽ tải bình thường ở Bước 5 chứ không phải Bước 3.

Các loại nội dung file phương tiện

Bạn có thể thêm thẻ đánh dấu khác nếu nội dung của bạn bao gồm âm thanh, video hoặc thông tin vị trí. Hãy xem tất cả các thuộc tính đối tượng tiêu chuẩn trong Tài liệu tham khảo về loại đối tượng của chúng tôi.

Video

Bạn có thể sử dụng og:video cho mọi loại nội dung. Phần này mô tả cách sử dụng thêm thẻ để tối ưu hóa giao diện của video trên Facebook. Facebook hỗ trợ cả video mp4 và Flash.

Hãy sử dụng URL an toàn cho cả thẻ og:video:urlog:video:secure_url để video của bạn đủ điều kiện phát nội tuyến trên Bảng tin. Lưu ý rằng video của bạn không được đảm bảo phát nội tuyến dựa trên nhiều yếu tố.

Thẻ meta Mô tả

og:video

URL cho video. Nếu muốn video phát nội tuyến trên Bảng tin, bạn nên sử dụng URL https:// nếu có thể.

og:video:url

Tương đương với og:video

og:video:secure_url

URL an toàn cho video. Hãy thêm thẻ này ngay cả khi bạn đã đặt URL an toàn trong og:video.

og:video:type

Loại MIME của video. application/x-shockwave-flash hoăc video/mp4.

og:video:width

Chiều rộng của video tính bằng pixel. Đây là thuộc tính bắt buộc đối với video.

og:video:height

Chiều cao của video tính bằng pixel. Đây là thuộc tính bắt buộc đối với video.

og:image

Chỉ định một hình ảnh cho bản xem trước chất lượng cao trên Bảng tin


Hình ảnh

Sử dụng nhóm thuộc tính này cho nội dung chứa nhiều hình ảnh. Hãy xem phần Cách tốt nhất để chia sẻ để biết hướng dẫn về cách sử dụng og:image hiệu quả nhất.

Thẻ meta Mô tả

og:image

URL cho hình ảnh. Để cập nhật hình ảnh sau khi đăng, hãy sử dụng URL mới cho hình ảnh mới. Hình ảnh sẽ được lưu vào bộ nhớ đệm dựa trên URL và sẽ không được cập nhật trừ khi URL thay đổi.

og:image:url

Tương đương với og:image

og:image:secure_url

URL https:// cho hình ảnh

og:image:type

Loại MIME của hình ảnh. Một trong các thẻ image/jpeg, image/gif hoặc image/png

og:image:width

Chiều rộng của hình ảnh tính bằng pixel. Chỉ định chiều cao và chiều rộng cho hình ảnh của bạn để đảm bảo rằng hình ảnh tải đúng khi được chia sẻ lần đầu tiên.

og:image:height

Chiều cao của hình ảnh tính bằng pixel. Chỉ định chiều cao và chiều rộng cho hình ảnh của bạn để đảm bảo rằng hình ảnh tải đúng khi được chia sẻ lần đầu tiên.

Tài sản 3D

Vui lòng tham khảo tài liệu về Cách chia sẻ bài viết 3D trên Open Graph.