Webmasters - Sharing - Facebook For Developers
Có thể bạn quan tâm
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 gzip và deflate.
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.
Từ khóa » Html Original Website
-
W3C HTML
-
HTML - Wikipedia
-
How To Build A Website With HTML | DigitalOcean
-
HTML Tutorial - W3Schools
-
The World Wide Web Project - CERN
-
CERN
-
Living Standard - HTML
-
HTML Standard
-
HTML Full Course - Build A Website Tutorial - YouTube
-
The Document Base URL Element - HTML - MDN Web Docs - Mozilla
-
Bootstrap · The Most Popular HTML, CSS, And JS Library In The World.
-
Webflow: Create A Custom Website | No-code Website Builder
-
WordPress Themes & Website Templates From ThemeForest