Bạn đã từng copy link một bài viết dán vào Facebook hay Zalo và thấy nó tự hiện ra ảnh thumbnail kèm tiêu đề đẹp đẽ? Đó chính là Open Graph đang làm việc. Nếu không có nó, link của bạn sẽ trông như một dòng chữ trần trụi, không ai muốn click.
\n\n
Open Graph Là Gì?
\n\n
Open Graph (viết tắt là OG) là một giao thức metadata giúp trang web kiểm soát cách nội dung hiển thị khi được chia sẻ trên các mạng xã hội. Nó được Facebook giới thiệu vào năm 2010 và nhanh chóng trở thành tiêu chuẩn de facto cho việc preview link.
\n\n
Nói đơn giản hơn: Open Graph là tập hợp các thẻ HTML nằm trong phần <head> của trang web, nói cho mạng xã hội biết “hãy hiển thị link này như thế này”.
\n\n
Các Thẻ Open Graph Cơ Bản
\n\n
Có 4 thẻ OG quan trọng nhất mà bất kỳ trang web nào cũng cần có:
\n\n
og:title — Tiêu đề hiển thị khi share link. Nên ngắn gọn, thu hút, tối đa 60 ký tự.
\n\n
og:description — Mô tả ngắn bên dưới tiêu đề. Khoảng 150-200 ký tự là lý tưởng.
\n\n
og:image — Đường dẫn ảnh thumbnail. Đây là yếu tố quan trọng nhất决定 lượt click. Kích thước khuyến nghị: 1200×630 pixel.
\n\n
og:url — URL chính thức của trang, dùng khi có nhiều URL trỏ về cùng một nội dung.
\n\n
Ngoài ra còn có og:type (article, website, video…), og:locale (ngôn ngữ), và og:site_name (tên trang).
\n\n
Vì Sao Open Graph Quan Trọng Cho SEO?
\n\n
Nhiều người nghĩ OG chỉ liên quan đến social media, không ảnh hưởng SEO. Điều này không hoàn toàn đúng. Mặc dù Google đã xác nhận không dùng OG tags trực tiếp làm yếu tố xếp hạng, nhưng có những tác động gián tiếp rất rõ ràng.
\n\n
Thứ nhất, OG image chất lượng giúp tăng CTR (tỷ lệ click) trên social media. Khi nhiều người click và share, trang của bạn nhận được traffic và tín hiệu xã hội. Dữ liệu cho thấy bài viết có OG image phù hợp nhận được nhiều hơn 2-3 lần lượt click so với bài không có.
\n\n
Thứ hai, các công cụ AI như ChatGPT, Perplexity, Claude khi trích dẫn nguồn cũng đọc OG tags để hiển thị preview. Nếu OG tags bị thiếu hoặc sai, nội dung của bạn có thể hiển thị kém hấp dẫn trong các câu trả lời AI.
\n\n
Thứ ba, một số nền tảng như Slack, Discord, Telegram cũng dùng OG để tạo link preview. Bất kỳ nơi nào người dùng chia sẻ link của bạn, OG đều quyết định ấn tượng đầu tiên.
\n\n
Cách Thêm Open Graph Cho WordPress
\n\n
Nếu dùng WordPress, cách đơn giản nhất là cài plugin SEO. Yoast SEO, Rank Math, hay All in One SEO đều tự động tạo OG tags cho bạn. Bạn chỉ cần điền tiêu đề, mô tả và upload ảnh trong phần meta box khi viết bài.
\n\n
Nếu muốn tự code, thêm đoạn sau vào <head> của theme:
\n\n
<meta property="og:title" content="Tiêu đề bài viết" />\n<meta property="og:description" content="Mô tả ngắn về bài viết" />\n<meta property="og:image" content="https://example.com/image.jpg" />\n<meta property="og:url" content="https://example.com/bai-viet" />\n<meta property="og:type" content="article" />\n\n
Lỗi Thường Gặp Với Open Graph
\n\n
Mình thấy khá nhiều trang web mắc những lỗi sau:
\n\n
Quên upload OG image — Trang có ảnh trong nội dung nhưng không set OG image riêng. Kết quả: khi share, mạng xã hội không lấy ảnh nào hoặc lấy nhầm ảnh khác.
\n\n
Ảnh sai kích thước — Dùng ảnh vuông 400×400 cho OG. Trên Facebook nó sẽ bị cắt xén xấu xí. Luôn dùng tỷ lệ 1.91:1 (1200×630).
\n\n
Không cập nhật sau khi sửa bài — Sửa tiêu đề bài viết nhưng quên cập nhật OG title. Facebook cache rất mạnh, nên cần dùng Facebook Sharing Debugger để force refresh.
\n\n
Trùng lặp OG tags — Cài nhiều plugin SEO cùng lúc, mỗi plugin tự xuất OG tags riêng. Kết quả: có 2-3 bộ OG tags khác nhau trong cùng một trang. Dùng công cụ OpenGraph.xyz để kiểm tra.
\n\n
Open Graph vs Twitter Cards
\n\n
Nhiều người nhầm OG và Twitter Cards là một. Thực ra chúng song hành với nhau. Twitter (nay là X) có bộ thẻ riêng (twitter:card, twitter:title, twitter:image), nhưng nếu chỉ có OG tags, Twitter vẫn đọc được. Tốt nhất là set cả hai để đảm bảo hiển thị đẹp trên mọi nền tảng.
\n\n
Website Không Có Open Graph Có Sao Không?
\n\n
Có sao chứ. Mình lấy ví dụ thực tế: bạn viết một bài hay, gửi link cho khách hàng qua Zalo. Nếu không có OG, Zalo chỉ hiện một dòng link text xanh lè. Khách hàng không thấy ảnh, không thấy mô tả, cảm giác kém chuyên nghiệp. Ngược lại, với OG đầy đủ, link hiện ra đẹp với ảnh lớn, tiêu đề đậm, mô tả rõ ràng — tỷ lệ họ click vào cao hơn hẳn.
\n\n
Trong thời đại content cạnh tranh khốc liệt, ấn tượng đầu tiên khi share link quyết định việc người ta có đọc bài của bạn hay không. Open Graph chính là công cụ giúp bạn kiểm soát ấn tượng đó.
\n\n
Kết Luận
\n\n
Open Graph không phải tính năng cao siêu, nhưng bỏ qua nó là một sai lầm. Nếu bạn đang chạy blog hay website bán hàng, hãy dành 5 phút kiểm tra xem trang của mình đã có OG tags chưa. Upload ảnh thumbnail 1200×630, viết tiêu đề và mô tả hấp dẫn. Đầu tư nhỏ này mang lại hiệu quả lớn cho mọi nỗ lực phân phối nội dung của bạn.
