Fb app_id khai báo như thế nào
Facebook Open Graph 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. Open Graph giúp Facebook hiểu, tóm tắt và hiển thị được nội dung website chỉ qua đường dẫn được chia sẻ. Để làm việc này, Open Graph xem trang web như một đối tượng có các thuộc tính mà mạng xã hội đòi hỏi. Các thuộc tính này do ta thiết lập, bằng code hoặc bằng plugin. Trong bài này,
hãy cùng Mắt Bão tìm hiểu về Facebook Open Graph là gì nhé!
Show
Khi chia sẻ, thích một liên kết hoặc cập nhật một liên kết trên status, nếu website của bạn có sử dụng Open Graph thì link chia sẻ website trên facebook sẽ có đầy đủ ảnh thumbnail, description,… Các thuộc tính của Open Graph là gì?Dướ đây là một số những thuộc tính cơ bản của Open Graph:
Hãy cùng tìm hiểu chi tiết về những thuộc tính trên! Nhiệm vụ các thuộc tính của Open Graph là giúp tối ưu hóa website trên các công cụ mạng xã hộiOg:title là gì
Og:type là gì
Og:description là gì
Og:image là gì
Og:url là gì
Og:site_name là gì
fb:admins là gì
Hướng dẫn kiểm tra Facebook Open GraphFacebook Debugger Tool là công cụ có chức năng sửa lỗi và khai báo Open Graph cho websiteFacebook Debugger Tool là gì?Facebook Debugger Tool là công cụ giúp bạn phân tích website để kiểm tra xem có lỗi nào xuất hiện trong quá trình xử lý og tags hay không. Bạn có thể dùng tính năng preview để xem trước link sẽ hiện như thế nào trên Facebook khi chia sẻ. Với Facebook Debugger Tool, tài khoản Facebook thông thường có thể sử dụng mà không cần đăng ký tài khoản đặc biệt. Hướng dẫn kiểm tra Open GraphBước 1: Truy cập Facebook Debugger Tool. Bước 2: Gõ link bạn cần phân tích vào. Nhấn nút Debug. Bạn sẽ thấy thông báo og tag nào đang bị lỗi. Ở phía dưới, bạn sẽ thấy thông báo Facebook đã truy cập vào link hoặc “scraped” link. Sau đó bạn sẽ nhìn thấy một bản preview Facebook diễn dịch URL của bạn khi bạn chia sẻ link. Bước 3: Sửa lỗi được hiển thị trên cửa sổ. Open Graph tác động SEO như thế nào?Open Graph có ý nghĩa quan trọng với SEOĐối với SEO, Open Graph có tác dụng kiểm soát nội dung chia sẻ trên mạng xã hội, nâng cao kết quả hiển thị, tăng tỉ lệ tương tác và chuyển đổi (CTR). Vì vậy, nó có ý nghĩa quan trọng trong việc đẩy mạnh hiệu quả SEO. Với các thuộc tính cơ bản của Open Graph, bài viết và website của bạn sẽ được hỗ trợ để tối ưu hóa trên các công cụ tìm kiếm. Thẻ meta cung cấp siêu dữ liệu về tài liệu HTMLCác thẻ meta quan trọng trong Open Graph cung cấp siêu dữ liệu về tài liệu HTML, được hỗ trợ bởi hầu hết các trình duyệt. Các thẻ meta thường được đặt ở trong thẻ , dùng để mô tả, từ khóa, tác giả, thời gian… và không hiển thị trên website.Hướng dẫn chèn Open Graph vào websiteĐối với Website WordPress thì thao tác chèn Open Graph sẽ đơn giản hơn khá nhiều so với những website hoạt động trên các nền tảng khác. Dưới đây là hướng dẫn chi tiết cách chèn Open Graph vào bằng Plugin WordPress và bằng cách thủ công Chèn Open Graph vào website giúp tăng lượng tương tác và phổ biến trên facebookSử dụng plugin trong WordPressChúng ta sẽ sử dụng plugin Yoast SEOđể cấu hình Open Graph. Bước 1: Đầu tiên là vào Social, chọn Facebook, sau đó chọn Enabled. Image URL: Nếu bài viết của bạn không có ảnh đại diện, facebook nó sẽ tự động lấy ảnh này. Facebook Insights and admins: Điền APP ID vào phần Facebook App ID. Bước 2: Bấm nút Save Changes để kết thúc quá trình. Hướng dẫn chèn thủ công Open GraphBước 1: Mở file functions.php, kéo xuống dưới và viết hàm sau đây: function doctype_opengraph($output) { return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"'; } add_filter('language_attributes', 'doctype_opengraph'); // Chú ý chèn vào trong thẻ của file function! Bước 2: Sau khi thêm, hàm này sẽ tự động được chèn vào thẻ của website. Tiếp tục thêm hàm sau:function fb_opengraph() { global $post; if(is_single()) { if(has_post_thumbnail($post->ID)) { $img_src = get_the_post_thumbnail_url(get_the_ID(),'full'); } else { $img_src = get_stylesheet_directory_uri() . 'wp-content/uploads/2019/08/open-graph-la-gi-cach-chen-vao-website.jpg'; } if($excerpt = $post->post_excerpt) { $excerpt = strip_tags($post->post_excerpt); $excerpt = str_replace("", "'", $excerpt); } else { $excerpt = get_bloginfo('description'); } ?> |