Facebook Open Graph Cho Blogspot là 1 giao thức dùng để giao tiếp giữa website của bạn với mạng xã hội facebook. Hay nói cách khác Open Graph chính là cầu nối giúp website của bạn trở thành một phần của mạng xã hội để cho việc quảng bá website và tương tác mạng xã hội được dễ dàng hơn.
Facebook Open Graph bao gồm một tập hợp meta tags giúp bạn định nghĩa nội dung trên website thành dữ liệu có cấu trúc mà Facebook có thể hiểu được. khi bạn share, like 1 link hoặc cập nhật 1link trên status, nếu website của bạn không có sử dụng Opne Graph thì Facebook chỉ nhận ra link bài viết mà thôi.
Khi chèn Open Graph vào website nó sẽ làm cho web pages mà bạn chia sẻ trở thành đối tượng có các thuộc tính mà mạng xã hội yêu cầu như là title, description, ảnh thumbnail…Vì thế link chia sẻ sẽ có đầy đủ ảnh thumbnail, description do bạn chỉ định để lôi kéo người đọc click theo chủ ý của bạn.
Cách chèn Facebook Open Graph vào blogspot. Thay đổi dòng chữ màu đỏ cho phù hợp với blog của bạn là được.
<meta property='og:title' expr:content='data:blog.pageTitle'/> <b:if cond='data:blog.pageType == "item"'> <meta property='og:type' content='article'/> <b:else/> <meta property='og:type' content='website'/> </b:if> <meta property='og:url' expr:content='data:blog.canonicalUrl'/> <!-- Large image, original size --> <b:if cond='data:blog.postImageUrl'> <meta property='og:image' expr:content='data:blog.postImageUrl'/> <b:else/> <!-- Thumbnail image, 72 × 72 pixels --> <b:if cond='data:blog.postImageThumbnailUrl'> <meta property='og:image' expr:content='data:blog.postThumbnailUrl'/> <b:else/> <!-- Default, no image. Use favicon or your own image URL --> <meta property='og:image' expr:content='data:blog.blogspotFaviconUrl'/> </b:if> </b:if> <b:if cond='data:blog.metaDescription'> <meta property='og:Description' expr:content='data:blog.metaDescription'/> <b:else/> <meta property='og:Description' content='{{DEFAULT SITE DESCRIPTION GOES HERE}}'/> </b:if> <meta property='og:-site_name' expr:content='data:blog.title'/> <!-- Optional. Read more → [URL='https://developers.facebook.com/docs/platforminsights']Insights for your Facebook App, Domain or Page[/URL] <meta property='fb:admins' content='{{FB ADMINS}}'/> <meta property='fb:app_id' content='{{APP ID}}'/> -->
