Bạn muốn thêm dữ liệu mã mở Facebook Open Graph vào các chủ đề WordPress của mình?
Dữ liệu mã mở Open Graph giúp Facebook và các trang web mạng xã hội khác lấy thông tin về các bài đăng và trang WordPress của bạn. Nó cũng cho phép bạn kiểm soát cách nội dung của bạn hiển thị khi được chia sẻ trên Facebook.
Ở bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng thêm dữ liệu mã mở Facebook Open Graph vào các chủ đề WordPress.
Chúng tôi sẽ chia sẻ ba phương pháp khác nhau, vì vậy bạn có thể chọn một phương pháp phù hợp nhất cho trang web WordPress của bạn:
Phương pháp 1: Thêm dữ liệu mã mở Facebook Open Graph bằng AIOSEO
All in One SEO là một plugin SEO WordPress phổ biến được sử dụng bởi hơn 3 triệu trang web. Nó cho phép bạn dễ dàng tối ưu hóa trang web của bạn cho các công cụ tìm kiếm cũng như các nền tảng mạng xã hội như Facebook và Twitter.
Trước tiên, bạn cần cài đặt và kích hoạt plugin All in One SEO miễn phí. Để biết thêm chi tiết, xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.
Sau khi kích hoạt, bạn cần truy cập trang All in One SEO » Mạng xã hội. Ở đây, bạn có thể nhập URL trang Facebook của mình và tất cả các mạng xã hội khác của bạn.
Tiếp theo, nhấp vào tab Facebook ở phía trên trang, và bạn sẽ thấy rằng Open Graph Markup được kích hoạt theo mặc định.
Bạn có thể nhấp vào nút ‘Tải lên hoặc Chọn Hình ảnh’ để chọn hình ảnh Open Graph mặc định nếu một bài viết không có hình ảnh Open Graph.
Nếu bạn cuộn xuống, bạn có thể tùy chỉnh tên trang web, mô tả và các cài đặt khác. Đừng quên nhấp vào nút ‘Lưu thay đổi’ màu xanh khi bạn hoàn thành.
Bây giờ bạn đã thiết lập các thẻ mô tả Open Graph cho toàn bộ trang web, bước tiếp theo là thêm dữ liệu mã mở Open Graph cho các bài viết và trang riêng lẻ.
Theo mặc định, AIOSEO sẽ sử dụng tiêu đề và mô tả bài viết của bạn cho tiêu đề và mô tả Open Graph. Bạn cũng có thể tự động đặt hình thu nhỏ Facebook cho mỗi trang và bài viết.
Chỉ cần chỉnh sửa bài viết hoặc trang và cuộn xuống phần ‘Cài đặt AIOSEO’ dưới trình soạn thảo. Từ đây, chuyển sang tab Mạng xã hội và bạn sẽ thấy một bản xem trước của hình thu nhỏ của bạn.
Bạn có thể đặt hình ảnh truyền thông xã hội ở đây, cũng như tiêu đề và mô tả.
Chỉ cần cuộn xuống phần ‘Nguồn Hình ảnh’. Bạn có thể chọn sử dụng hình ảnh nổi bật, tải lên hình ảnh tùy chỉnh hoặc các tùy chọn khác.
Phương pháp 2: Đặt dữ liệu mã mở Facebook Open Graph bằng Yoast SEO
Yoast SEO là một plugin SEO WordPress khác mà bạn có thể sử dụng để thêm dữ liệu mã mở Facebook Open Graph cho bất kỳ trang web WordPress nào.
Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Yoast SEO. Để biết thêm chi tiết, xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.
Sau khi kích hoạt, bạn cần truy cập SEO » Xã hội và chọn tùy chọn ‘Kích hoạt’ dưới ‘Thêm dữ liệu mã mở Open Graph’.
Bạn có thể lưu cài đặt của mình hoặc tiếp tục và cấu hình các tùy chọn xã hội Facebook khác.
Bạn có thể cung cấp một ID ứng dụng Facebook nếu bạn sử dụng một ID ứng dụng cho trang Facebook và thông tin chi tiết. Bạn cũng có thể thay đổi tiêu đề, mô tả và hình ảnh mã mở Open Graph của trang chủ của bạn.
Cuối cùng, bạn có thể thiết lập một hình ảnh mặc định để sử dụng khi không có hình ảnh được đặt cho một bài đăng hoặc trang.
Yoast SEO cũng cho phép bạn đặt dữ liệu mã mở Open Graph cho từng bài viết và trang riêng lẻ. Chỉ cần chỉnh sửa bài đăng hoặc trang và cuộn xuống phần ‘Yoast SEO’ nằm bên dưới trình soạn thảo.
Từ đây, bạn có thể đặt hình thu nhỏ Facebook cho bài đăng hoặc trang cụ thể đó. Nếu bạn không đặt tiêu đề hoặc mô tả bài đăng, sau đó plugin sẽ sử dụng tiêu đề và mô tả SEO của bạn.
Giờ đây bạn có thể lưu bài đăng hoặc trang của mình, và plugin sẽ lưu trữ dữ liệu mã mở Facebook Open Graph của bạn.
Phương pháp 3: Thêm dữ liệu mã mở Facebook Open Graph bằng mã
Phương pháp này yêu cầu bạn chỉnh sửa các tệp theme của mình, vì vậy hãy đảm bảo sao lưu các tệp theme của bạn trước khi thực hiện bất kỳ thay đổi nào.
Sau đó, chỉ cần sao chép và dán đoạn mã này vào tệp functions.php của theme hoặc thêm đoạn mã bằng cách sử dụng plugin WPCode (được khuyến nghị).
Trước tiên, cài đặt và kích hoạt plugin miễn phí WPCode. Để biết thêm chi tiết, vui lòng xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.
Sau khi kích hoạt, bạn có thể truy cập vào Mã mới » + Thêm Mã nguồn từ bảng điều khiển WordPress của bạn. Bạn cần di chuột qua đoạn mã đầu tiên được gắn nhãn ‘Thêm Mã tùy chỉnh của bạn’ và nhấp vào nút ‘Sử dụng Mã’.
Điều này sẽ tạo ra một mã mới, nơi bạn cần nhập tiêu đề và chọn loại mã ‘Snippet PHP’. Sau đó, bạn cần dán đoạn mã sau vào phần ‘Mã xem trước’:
Remember to add your site name on Line 17, where it says ‘Your Site Name Goes Here’. After that, you should change the default image URL on Line 19 with one of your own image URLs.
Chúng tôi khuyến nghị đặt một hình ảnh với logo của bạn ở đây, để nếu bài viết của bạn không có hình ảnh, nó sẽ hiển thị logo của trang web của bạn.
Bạn cũng cần thêm ID ứng dụng Facebook riêng của mình vào dòng 13. Nếu bạn không có ứng dụng Facebook, bạn có thể xóa dòng 13 khỏi mã.
Sau khi bạn đã hoàn thành cập nhật mã, bạn cần chuyển đổi đoạn mã thành ‘Hoạt động’ và nhấp vào nút ‘Lưu Mã’. Chủ đề của bạn sẽ bắt đầu hiển thị dữ liệu mã mở Facebook Open Graph ở phần tiêu đề WordPress.
Chúng tôi hy vọng bài viết này đã giúp bạn thêm dữ liệu mã mở Facebook Open Graph vào WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách chạy một cuộc thi hoặc sự kiện trong WordPress hoặc các plugin Facebook tốt nhất để phát triển blog của bạn.
Nếu bạn thích bài viết này, vui lòng đăng ký kênh YouTube của chúng tôi để xem các hướng dẫn video WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.