Cách Sử Dụng Thẻ Open Graph Để Tăng Cường Tương Tác Trên Mạng Xã Hội

Open Graph Là Gì?

Thẻ Open Graph là các đoạn mã mà bạn thêm vào trang web của mình để xác định cách nội dung của bạn xuất hiện khi người dùng chia sẻ nó trên một số trang mạng xã hội nhất định.

Thẻ meta OG thuộc về giao thức Open Graph, mà Facebook tạo ra để chuẩn hóa cách mà metadata được lấy từ các trang web và hiển thị trong nguồn cấp dữ liệu của nó.

Ví dụ, hãy xem bài viết blog này được chia sẻ trên Facebook với thẻ hình ảnh Open Graph:

So với bài viết này không có thẻ hình ảnh OG:

Bài viết đầu tiên hấp dẫn hơn về mặt hình ảnh và cung cấp thêm chi tiết về nội dung được chia sẻ.

Thẻ OG cho bạn nhiều quyền kiểm soát hơn về cách nội dung của bạn trông như thế nào khi được chia sẻ trên các trang như Facebook, LinkedIn, X (trước đây là Twitter) và Pinterest.

Chúng được đặt trong phần tiêu đề của trang web của bạn. Như thế này:

Chúng tôi sẽ đề cập đến cách thêm chúng sau trong bài viết này.

Tại Sao Thẻ Meta Open Graph Quan Trọng?

Thẻ meta Open Graph tạo ra các bản xem trước hấp dẫn và thông tin về các trang của bạn, điều này có thể cải thiện các chỉ số mạng xã hội như tương tác, lượt hiển thị và phản ứng.

Một nghiên cứu INMA năm 2024 cho thấy rằng các bài đăng trên Facebook có hình ảnh có mức độ tương tác cao hơn 100% và lượt hiển thị cao hơn 114% so với các bài đăng không có hình ảnh.

Các lợi ích khác của thẻ Open Graph có thể bao gồm:

• Tỷ lệ nhấp chuột (CTR): Các bản xem trước liên kết hấp dẫn hơn để nhấp vào, điều này có thể dẫn đến nhiều traffic giới thiệu hơn đến trang web của bạn
• Nhiều lượt chia sẻ hơn: Mọi người có xu hướng chia sẻ nội dung có bản xem trước liên kết nhiều hơn
• Thương hiệu mạnh mẽ hơn: Các bản xem trước phong phú giúp duy trì giọng nói thương hiệu và sự nhất quán trên các nền tảng xã hội
• Giao diện chuyên nghiệp: Thiếu thẻ có thể khiến thương hiệu của bạn trông bị bỏ bê
• Lợi ích SEO gián tiếp: Nhiều nhấp chuột và lượt chia sẻ có thể tạo ra backlink và tương tác của người dùng có lợi cho SEO

Các Loại Open Graph: Thẻ Bắt Buộc & Tùy Chọn

Thẻ Open Graph làm phong phú cách các nền tảng mạng xã hội hiển thị các bản xem trước trang của bạn. Một số thẻ là bắt buộc. Những thẻ khác là tùy chọn. Phần này cung cấp các đoạn mã tiêu chuẩn, thực tiễn tốt nhất và ví dụ.

Thẻ Bắt Buộc

Các thẻ dưới đây phải có mặt để các trang mạng xã hội sử dụng Giao thức Open Graph hiển thị các bản xem trước phong phú.

og:title

Thẻ og:title chỉ định một tiêu đề cho nội dung của bạn và cho người dùng biết trang của bạn nói về điều gì.

<meta property="og:title" content="Chèn Tiêu Đề Của Bạn Tại Đây">

Thực Tiễn Tốt Nhất:

• Phù hợp với nội dung của trang web
• Khuyến khích nhấp chuột với văn bản mô tả
• Giữ tiêu đề từ 55-60 ký tự để tránh bị cắt ngắn
• Sử dụng kiểu tiêu đề hoặc kiểu câu, nhưng tránh viết hoa toàn bộ

Ví dụ:

<meta property="og:title" content="250+ Cách Để Tăng Trưởng Doanh Nghiệp Của Bạn Nhanh Chóng">

og:image

og:image thêm một hình ảnh vào bản xem trước của bạn, chiếm nhiều không gian hình ảnh, điều này có thể tăng số lần nhấp.

<meta property="og:image" content="Chèn URL hình ảnh tại đây">

Thực Tiễn Tốt Nhất:

• Sử dụng hình ảnh có kích thước 1200 x 630 pixel cho hầu hết các nền tảng mạng xã hội
• Sử dụng định dạng JPEG hoặc PNG
• Đảm bảo hình ảnh xã hội OG của bạn phù hợp với nội dung trang của bạn
• Sử dụng hình ảnh độ phân giải cao

Ví dụ:

<meta property="og:image" content="​​https://www.businessnewsdaily.com/_next/image?url=https%3A%2F%2Fimages.businessnewsdaily.com%2Fapp%2Fuploads%2F2016%2F05%2F06125310%2Fhire-the-right-people.png&w=1080&q=75">

og:url

og:url là địa chỉ tài nguyên đồng nhất (URL) của trang của bạn và cho biết các trang mạng xã hội nơi lấy nội dung.

<meta property="og:url" content="Chèn URL chuẩn của bạn tại đây">

Thực Tiễn Tốt Nhất:

• Sử dụng một URL chính xác.
• Sử dụng URL chuẩn cho bất kỳ bản sao nào, điều này đảm bảo rằng trang mạng xã hội có thể truy cập các thuộc tính meta đúng, ngay cả khi các phiên bản khác của trang được chia sẻ

Ví dụ:

<meta property="og:url" content="​​https://talkroute.com/8-basic-reasons-your-small-business-isnt-growing-tips/">

og:type

og:type mô tả loại nội dung và nên phù hợp với một trong các giá trị loại đối tượng sau đây:

• Website
• Bài viết
• Sách
• Hồ sơ
• Video
• Âm nhạc

<meta property="og:type" content="Chèn loại tại đây"/>

Thực Tiễn Tốt Nhất:

• Chọn một loại OG phù hợp với nội dung của trang. Nếu bạn có nhiều loại nội dung (ví dụ: một bài viết blog có hình ảnh và video), hãy chọn loại chính
• Sử dụng giá trị loại đối tượng tương ứng chính xác

Ví dụ:

<meta property="og:type" content="article"/>

Thẻ Tùy Chọn

Các thẻ này không bắt buộc, nhưng chúng có thể cải thiện cách các trang mạng xã hội hiển thị nội dung của bạn.

og:description

Thẻ og:description cung cấp một tóm tắt ngắn gọn về nội dung của bạn để khuyến khích nhấp chuột.

<meta property="og:description" content="Chèn mô tả của bạn tại đây">

Thực Tiễn Tốt Nhất:

• Giữ cho mô tả của bạn ngắn gọn, chính xác và hấp dẫn
• Sử dụng ít hơn 120 ký tự để tránh bị cắt ngắn
• Tránh lặp lại og:title

Ví dụ:

<meta property="og:description" content="Tìm hiểu cách tạo ra 10X nhiều khách hàng tiềm năng hơn cho doanh nghiệp của bạn với hướng dẫn miễn phí của chúng tôi">

og:site_name

Thẻ og:site_name liệt kê trang web, doanh nghiệp hoặc thương hiệu liên quan đến nội dung.

<meta property="og:site_name" content="Nhập tên thương hiệu của bạn ở đây">

Thực hành tốt nhất:

• Xác minh chính tả và khớp với thương hiệu của bạn
• Tránh lặp lại tên thương hiệu của bạn nếu nó đã xuất hiện trong og:title

Ví dụ:

<meta property="og:site_name" content="IMDb">

og:locale

Thẻ og:locale chỉ định ngôn ngữ và quốc gia của nội dung của bạn để các trang mạng xã hội có thể phân loại nó.

<meta property="og:locale" content="Nhập ngôn ngữ và quốc gia theo định dạng đúng">

Thực hành tốt nhất:

• Sử dụng đúng mã ngôn ngữ và quốc gia
• Xác nhận thứ tự đúng (tức là, ngôn ngữ_quốc gia)
• Sử dụng og:local:alternate cho các khu vực hoặc ngôn ngữ bổ sung

Ví dụ:

<meta property="og:locale" content="en_AU">

Cách thiết lập thẻ OG

Dưới đây là cách thêm thẻ Open Graph trên một số hệ thống quản lý nội dung phổ biến.

Trong WordPress

Trong WordPress, bạn có thể thêm thẻ Open Graph thông qua nhiều plugin khác nhau, nhưng chúng tôi khuyên bạn nên sử dụng Yoast SEO.

Để truy cập và sử dụng plugin cho Open Graph, hãy làm theo các bước sau:

1. Đăng nhập vào tài khoản WordPress của bạn
2. Đi tới “Plugins” và tìm kiếm “Yoast SEO” (phiên bản Premium là cần thiết)
3. Cài đặt và kích hoạt plugin
4. Đi tới “Yoast SEO” > “Cài đặt”
5. Kéo công tắc bên dưới tính năng Open Graph để bật nó
6. Sử dụng tab “Social” trong plugin để tùy chỉnh thẻ trên từng trang

Trong Wix

Wix tự động thêm thẻ Open Graph vào các trang của bạn dựa trên dữ liệu của trang web và các thực hành tốt nhất về Open Graph.

Để tùy chỉnh chúng, hãy làm theo các bước sau:

1. Đăng nhập vào tài khoản Wix của bạn
2. Đi tới “Tối ưu hóa công cụ tìm kiếm (SEO)” trong bảng điều khiển của bạn
3. Nhấp vào “Cài đặt SEO”
4. Chọn loại trang bạn muốn chỉnh sửa (tức là, bài viết blog, trang sản phẩm, v.v.)
5. Nhấp “Chỉnh sửa” bên cạnh “Cơ bản SEO & chia sẻ xã hội”
6. Cuộn xuống “Chia sẻ xã hội” và áp dụng thẻ tùy chỉnh của bạn

Trong Squarespace

Squarespace thêm các loại OG cần thiết, nhưng bạn có thể tùy chỉnh chúng theo từng trang.

Dưới đây là cách:

1. Đăng nhập vào tài khoản Squarespace của bạn
2. Di chuột qua trang để chỉnh sửa và nhấp vào biểu tượng bánh răng bên cạnh “Menu”
3. Nhấp “Nâng cao”
4. Sao chép và dán thẻ OG của bạn vào “Tiêm mã tiêu đề trang”
5. Nhấp “Lưu”

Cách kiểm tra thẻ meta OG của bạn

Đối với Facebook

Sử dụng công cụ “ Sharing Debugger của Facebook để kiểm tra thẻ OG của bạn.

Nhập URL của trang và nhấp “Debug.” Bất kỳ vấn đề nào sẽ xuất hiện dưới “Cảnh báo cần sửa chữa.”

Cuộn xuống phần “Xem trước liên kết” để xem bài viết của bạn sẽ trông như thế nào.

Đối với LinkedIn

Sử dụng “ Post Inspector của LinkedIn để kiểm tra thẻ OG của bạn.

Nhập URL trang của bạn và nhấp “Inspect.” Xem trước liên kết và nếu có gì thiếu hoặc có thể cải thiện.

Đối với X

X không còn cung cấp xem trước liên kết trong “ card validator, vì vậy hãy sử dụng Tweet Composer để kiểm tra cách nội dung của bạn sẽ xuất hiện.

Kiểm tra thẻ Open Graph của bạn

Sử dụng “ Site Audit để xác nhận rằng các thẻ OG của bạn có mặt và được thiết lập đúng.

Để kiểm tra các trang nào trên trang web của bạn có thẻ OG, hãy thực hiện một cuộc kiểm tra trang web. Sau đó, nhấp “Xem chi tiết” dưới báo cáo “Markup”.

Tìm phần “Các trang theo loại Markup” và tìm “Open graph.” Số màu xanh cho biết có bao nhiêu trang có thẻ OG. Nhấp để xem danh sách đầy đủ.

Nhấp “# types” trong cột “Markup” để xem liệu bạn đã triển khai đúng thẻ meta Open Graph hay chưa thông qua dấu kiểm màu xanh.