Tối ưu chi phí
Premium
Cẩm nang SEO
Digital Marketing
Kinh nghiệm thiết kế website
Kiến thức Hosting
Giáo dục
VI
EN
Nhắn tin qua
Zalo Official
Hỏi đáp giáo dục 4.0
Tạo cuộc hẹn miễn phí với MONA để giải đáp và tư vấn mọi thắc mắc về giải pháp số hoá ngành giáo dục
SEO
16 Tháng Chín, 2025
Open Graph là gì? Hướng dẫn kiểm tra & cài đặt cho website
MONA.Media
ADMIN
1,4k
360
50
Nội dung
Bạn đã bao giờ chia sẻ một liên kết lên Facebook nhưng hình ảnh hoặc tiêu đề lại hiển thị sai? Đó chính là lúc bạn cần đến Open Graph. Vậy Open Graph là gì và tại sao nó quan trọng đến vậy? Bài viết dưới đây của MONA Media sẽ giúp bạn hiểu rõ lợi ích của Open Graph và hướng dẫn chi tiết cách kiểm tra, cài đặt Open Graph Facebook để website hiển thị chuyên nghiệp, chuẩn SEO hơn trên các nền tảng mạng xã hội.
Open Graph là gì?
Open Graph là một giao thức HTML cho phép SEO Expert kiểm soát cách hiển thị bài viết trên website khi đăng tải lên các kênh mạng xã hội như LinkedIn, Facebook,… giúp bài viết trông chỉn chu, chuyên nghiệp hơn. Nói cách khác, bạn hoàn toàn có thể quyết định tiêu đề, mô tả và hình ảnh đại diện thông qua Open Graph meta tags (OG Tags), thay vì để Facebook hoặc các nền tảng khác tự động lấy ngẫu nhiên.
Ví dụ: Nếu muốn chia sẻ bài viết về cách dùng Chat GPT cho SEO, bạn có thể tạo Open Graph như sau:
<meta property=”og:title” content=”Cách Dùng Chat GPT Cho Seo Và Câu Lệnh Viết Bài Chuẩn Seo” />
<meta property=”og:description” content=”Cập nhật cách SEO GPT 2025, giúp tối ưu hiệu quả công việc và giúp website tăng trưởng traffic bền vững.” />
<meta property=”og:image” content=”https://domain.com/uploads/seo-gpt.jpg” />
Trong đó:
- og:title: Tiêu đề bạn muốn hiển thị khi chia sẻ.
- og:description: Mô tả ngắn gọn, hấp dẫn.
- og:image: Hình ảnh nổi bật để thu hút người dùng click vào link.
Nhờ vậy, khi chia sẻ link liên kết, nội dung của bạn sẽ trọn vẹn và chuyên nghiệp hơn, tạo được ấn tượng mạnh mẽ ngay từ lần xuất hiện đầu tiên.
Tại sao nên cài đặt Open Graph cho website?
Với các doanh nghiệp đang tập trung làm SEO và phát triển thương hiệu trực tuyến, việc triển khai cài đặt Open Graph là điều bắt buộc bởi thẻ meta này mang đến nhiều lợi ích chiến lược. Vậy những lợi ích khi chèn Open Graph là gì?
- Thể hiện sự chuyên nghiệp: Khi website được chia sẻ lên Facebook, Zalo hay LinkedIn, tất cả tiêu đề, mô tả và hình ảnh đều hiển thị đồng bộ, chuẩn chỉnh. Điều này giúp doanh nghiệp tạo dựng hình ảnh thương hiệu chuyên nghiệp, đáng tin cậy ngay từ lần đầu khách hàng nhìn thấy.
- Nâng cao trải nghiệm người dùng: Một bài viết có tiêu đề rõ ràng, mô tả cô đọng và hình ảnh hấp dẫn sẽ giúp người xem dễ dàng nắm bắt nội dung mà không cần mất thời gian tìm hiểu thêm. Chính sự tiện lợi này khiến họ có xu hướng dừng lại lâu hơn và tương tác nhiều hơn với thương hiệu.
- Chủ động kiểm soát nội dung khi chia sẻ: Không còn tình trạng bài viết xuất hiện với ảnh sai, mô tả lỗi thời hoặc tiêu đề thiếu sức hút. Với giao thức Open Graph, bạn hoàn toàn làm chủ được cách website được nhìn nhận trên mạng xã hội, tránh làm mất điểm trong mắt khách hàng chỉ vì một chi tiết hiển thị không chuyên nghiệp.
- Tăng khả năng hiển thị trên Facebook: Các thẻ Open Graph không chỉ làm đẹp hiển thị mà còn giúp Facebook hiểu rõ cấu trúc và nội dung bài viết. Nhờ vậy, khi người dùng tìm kiếm từ khóa trên Facebook, hệ thống sẽ ưu tiên hiển thị những nội dung đã được chia sẻ nhiều, kèm dữ liệu lấy trực tiếp từ OG Tags.
- Thúc đẩy hiệu quả SEO: Dù Open Graph Facebook không trực tiếp cải thiện thứ hạng trên Google, nhưng nó lại góp phần tăng lượt chia sẻ, tương tác và lượng truy cập tự nhiên từ mạng xã hội. Tất cả những yếu tố này đều là tín hiệu tích cực giúp nâng cao độ uy tín và sức mạnh SEO tổng thể cho website.
- Gia tăng tỷ lệ nhấp (CTR) và lượng truy cập chất lượng: Giữa vô số bài đăng xuất hiện trên newsfeed, một đường link được tối ưu bằng OG Tags với hình ảnh sắc nét, mô tả thu hút chắc chắn sẽ nổi bật hơn và kích thích người dùng nhấp vào. Đây là cách đơn giản nhưng hiệu quả để doanh nghiệp kéo thêm lượng truy cập chất lượng về website.
Có thể bạn quan tâm: Tổng hợp 8+ cách kéo traffic từ Instagram đơn giản nhưng hiệu quả
Theo cập nhật mới nhất, Facebook công bố đến 17 thẻ meta Open Graph, nhưng trong đó chỉ có một vài giao thức mang tính cốt lõi, quyết định trực tiếp đến cách website của bạn hiển thị khi chia sẻ. Để biết những thuộc tính quan trọng nhất của Open Graph là gì, hãy xem ngay những phần dưới đây:
og:title
og:title là thẻ dùng để xác định tiêu đề hiển thị khi bài viết hoặc trang web của bạn được chia sẻ lên Facebook, Zalo, LinkedIn hoặc bất kỳ nền tảng nào hỗ trợ Open Graph Facebook.
Ví dụ: <meta property=”og:title” content=”Chiến lược SEO 2025: Tối ưu website để bứt phá doanh thu” />
Cách dùng tối ưu nhất:
- Áp dụng cho tất cả các trang có khả năng được chia sẻ.
- Tiêu đề nên ngắn gọn, rõ ràng, thu hút và có độ dài lý tưởng từ 40 – 60 ký tự.
- Hãy ưu tiên viết tiêu đề chính xác, hấp dẫn để tăng tỷ lệ nhấp chuột (CTR) từ mạng xã hội.
og:url
og:url chỉ định URL chính xác của trang web. Đây là thẻ quan trọng để tránh tình trạng trùng lặp dữ liệu chia sẻ khi một nội dung có nhiều URL khác nhau (ví dụ: URL có gắn tham số).
Ví dụ: <meta property=”og:url” content=”https://www.mona.media/chien-luoc-seo-2025″ />
Cách dùng tối ưu nhất: Luôn sử dụng canonical URL để hợp nhất dữ liệu (lượt chia sẻ, lượt thích, bình luận) về một địa chỉ duy nhất.
og:image
Trong tất cả các OG Tags thì og:image là thẻ có sức ảnh hưởng mạnh mẽ nhất. Bởi lẽ, thẻ này thể hiện hình ảnh đại diện của link khi chia sẻ, và cũng chính là yếu tố thu hút người dùng ngay từ ánh nhìn đầu tiên.
Ví dụ: <meta property=”og:image” content=”https://mona.media/uploads/open-graph.jpg” />
Cách dùng tối ưu nhất:
- Sử dụng hình ảnh liên quan trực tiếp đến nội dung bài viết hoặc trang sản phẩm.
- Đảm bảo kích thước hình ảnh tối thiểu là 1200 x 630 px, tỷ lệ 1.91:1 để hiển thị sắc nét trên mọi thiết bị.
og:type
og:type cho biết loại nội dung của trang web, giúp Facebook hiểu rõ hơn để hiển thị đúng ngữ cảnh. Chẳng hạn khi bạn đặt thẻ og:type là article, Facebook sẽ bổ sung thêm các thông tin như tác giả, ngày xuất bản.
Ví dụ: <meta property=”og:type” content=”article” />
Cách dùng tối ưu nhất:
- Đối với bài viết blog hoặc tin tức, bạn hãy chọn thẻ og:type là article.
- Với website doanh nghiệp hoặc thương hiệu, bạn có thể chọn website.
- Kết hợp cùng các thẻ khác như og:title, og:image, og:description để tối ưu toàn diện khi chia sẻ lên MXH.
og:locale (Thẻ tùy chọn)
Thẻ og:locale cho phép bạn xác định ngôn ngữ và khu vực mà nội dung trang web hướng tới. Nhờ vậy, các nền tảng như Facebook có thể hiển thị bài viết đúng với đối tượng người dùng theo từng ngôn ngữ hoặc quốc gia cụ thể.
Ví dụ: <meta property=”og:locale” content=”vi_VN” />
Trong ví dụ trên, vi_VN cho biết nội dung được viết bằng tiếng Việt và dành cho người dùng tại Việt Nam. Cấu trúc của giá trị locale thường theo định dạng <ngôn ngữ>_<quốc gia>, chẳng hạn ja_JP cho tiếng Nhật tại Nhật Bản.
Cách dùng tối ưu nhất:
- Nếu website của bạn sử dụng tiếng Việt, hãy chọn vi_VN để đảm bảo hiển thị chuẩn.
- Facebook mặc định sẽ hiểu nội dung không khai báo og:locale là tiếng Anh – Mỹ (en_US), vì vậy bạn chỉ cần thêm thẻ này khi nội dung viết bằng ngôn ngữ khác.
- Với các website đa ngôn ngữ, bạn nên thiết lập og:locale tương ứng cho từng phiên bản để nội dung luôn đến đúng người đọc ở từng thị trường.
og:description (Thẻ tùy chọn)
Thuộc tính này cung cấp một đoạn mô tả ngắn gọn về nội dung trang web. Dù là tùy chọn, nhưng og:description lại đóng vai trò quan trọng trong việc thuyết phục người dùng có click vào hay không.
Ví dụ: <meta property=”og:description” content=”Hướng dẫn cách sử dụng Open Graph meta tags để tối ưu hiển thị website trên mạng xã hội.” />
Cách dùng tối ưu nhất:
- Nên viết đoạn meta description từ 100 – 200 ký tự, súc tích, hấp dẫn, phản ánh đúng nội dung trang.
- Viết mô tả riêng cho mỗi trang để tránh trùng lặp.
- Khi cập nhật nội dung website, doanh nghiệp hãy nhớ chỉnh sửa mô tả để đảm bảo luôn chính xác.
Ngoài các thẻ Open Graph cơ bản, bạn cũng có thể tận dụng thêm một số thuộc tính nâng cao để mở rộng khả năng hiển thị của website trên mạng xã hội, chẳng hạn như:
- og:audio: Dùng để chèn đường dẫn đến file âm thanh.
- og:video: Cho phép thêm link dẫn tới file video.
- og:description: Cung cấp phần mô tả chi tiết hơn về nội dung trang khi được chia sẻ.
- og:determiner: Quy định cách hiển thị mạo từ như a, an, the hoặc “auto” trước tiêu đề object.
- og:site_name: Hiển thị tên website tổng thể, phù hợp khi trang của bạn thuộc về một hệ thống hoặc thương hiệu lớn hơn.
Hướng dẫn cách cài đặt Open Graph vào website
Để tối ưu hiển thị khi chia sẻ nội dung trên mạng xã hội, bạn có thể cài đặt giao thức Open Graph cho website theo hai cách: sử dụng plugin SEO WordPress hoặc chèn thủ công bằng mã code. Cả hai phương pháp đều đơn giản và dễ triển khai, tùy vào nhu cầu và nền tảng mà bạn lựa chọn cách phù hợp.
Các bước sử dụng plugin trong WordPress
Nếu website của bạn chạy trên nền tảng WordPress, cách nhanh gọn nhất để chèn Open Graph meta tags là thông qua plugin Yoast SEO. Cụ thể:
- Bước 1: Truy cập vào phần Social của website và chọn Facebook, sau đó chọn Enabled.
- Bước 2: Tại mục Facebook Insights and admins, bạn hãy điền APP ID vào phần Facebook App ID. Nếu bài viết chưa có ảnh đại diện, Facebook sẽ tự động sử dụng hình ảnh từ trường Image URL mà bạn đã cài đặt.
- Bước 3: Nhấn Save Changes để lưu cấu hình.
Từ giờ, khi bạn chia sẻ liên kết, Facebook sẽ lấy tiêu đề, mô tả và ảnh hiển thị đúng chuẩn nhờ thẻ Open Graph Facebook.
Các bước chèn Open Graph thủ công
Trong trường hợp không muốn dùng plugin, bạn vẫn có thể chèn Open Graph meta tags trực tiếp website bằng các bước đơn giản sau đây:
Bước 1: Mở file functions.php, sau đó thêm đoạn code dưới đây vào thẻ <?php ?>
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’);
Bước 2: Đoạn code này sẽ tự động được chèn vào thẻ <head> của website. Lúc này, bạn tiếp tục thêm đoạn code 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/2025/08/open-graph-la-gi-cach-cai-dat-open-graph-toi-uu-cho-website.jpg’;
}
if($excerpt = $post->post_excerpt) {
$excerpt = strip_tags($post->post_excerpt);
$excerpt = str_replace(“”, “‘”, $excerpt);
} else {
$excerpt = get_bloginfo(‘description’);
}
?>
<meta property=”og:title” content=”<?php echo the_title(); ?>”/>
<meta property=”og:description” content=”<?php echo $excerpt; ?>”/>
<meta property=”og:type” content=”article”/>
<meta property=”og:url” content=”<?php echo the_permalink(); ?>”/>
<meta property=”og:site_name” content=”<?php echo get_bloginfo(); ?>”/>
<meta property=”og:image” content=”<?php echo $img_src; ?>”/>
<?php
} else {
return;
}
}
add_action(‘wp_head’, ‘fb_opengraph’, 5);
Bước 3: Thêm thẻ Open Graph vào website bằng cách chèn đoạn mã:
<meta property=”og:title” content=”<?php echo the_title(); ?>”/>
<meta property=”og:description” content=”<?php echo $excerpt; ?>”/>
<meta property=”og:type” content=”article”/>
<meta property=”og:url” content=”<?php echo the_permalink(); ?>”/>
<meta property=”og:site_name” content=”<?php echo get_bloginfo(); ?>”/>
<meta property=”og:image” content=”<?php echo $img_src; ?>”/>
Bước 4: Sử dụng câu lệnh dưới đây để khai báo thẻ meta Open Graph:
add_action(‘wp_head’, ‘fb_opengraph’, 5);
Bước 5: Gắn hàm vừa tạo vào hook để các thẻ Open Graph tự động được chèn vào phần <head> của website.
Hướng dẫn tạo thẻ Open Graph nhanh nhất
Vậy cách nhanh nhất để tạo thẻ meta Open Graph là gì? Nếu bạn muốn khởi tạo Open Graph meta tags một cách đơn giản và tiết kiệm thời gian, hãy làm theo hướng dẫn dưới đây:
Bước 1: Chọn một công cụ hỗ trợ tạo thẻ Open Graph trực tuyến, chẳng hạn như:
- Duplichecker: https://www.duplichecker.com/open-graph-generator.php
- Small SEO Tools: https://smallseotools.com/open-graph-generator/
- Web Code: https://webcode.tools/open-graph-generator
Bước 2: Nhập đầy đủ các thông tin được yêu cầu (tiêu đề, mô tả, URL,…) vào ô trống tương ứng, sau đó nhấn Enter để hệ thống tạo ra đoạn mã.
Bước 3: Sao chép đoạn code vừa tạo và dán trực tiếp vào phần mã nguồn website.
Áp dụng đúng cách cài đặt Open Graph sẽ giúp website hiển thị đẹp mắt hơn trên mạng xã hội, góp phần tăng CTR, cải thiện trải nghiệm người dùng và hỗ trợ mạnh mẽ cho chiến lược marketing tổng thể. Tuy nhiên, để đạt được hiệu quả lâu dài, doanh nghiệp không thể chỉ dừng lại ở việc tối ưu kỹ thuật này.
Với dịch vụ SEO website chuyên nghiệp tại MONA Media, chúng tôi giúp bạn xây dựng chiến lược SEO toàn diện từ tối ưu hạ tầng website, triển khai SEO Onpage/offpage cho đến khai thác các công cụ hỗ trợ như Open Graph. Nhờ đó, website của bạn không chỉ thân thiện với Google mà còn dễ dàng thu hút khách hàng từ nhiều kênh khác nhau.
Song song đó, dịch vụ quảng cáo Facebook của MONA sẽ giúp doanh nghiệp biến những nội dung đã được tối ưu bằng Open Graph trở thành vũ khí mạnh mẽ trên nền tảng Facebook. Quảng cáo của bạn sẽ hiển thị chuẩn chỉnh, ấn tượng và tiếp cận đúng khách hàng tiềm năng, từ đó tăng tỷ lệ tương tác, tăng khả năng chuyển đổi và tối ưu ngân sách.
Để trao đổi chi tiết hơn và nhận giải pháp phù hợp nhất cho tình hình kinh doanh, hãy liên hệ MONA Media ngay hôm nay.
Những lỗi thường gặp trong Open Graph là gì?
Trong quá trình triển khai Open Graph meta tags cho website, không ít doanh nghiệp gặp phải một số lỗi khiến liên kết khi chia sẻ lên mạng xã hội, đặc biệt là Open Graph Facebook, hiển thị sai hoặc thiếu thông tin. Dưới đây là hai lỗi phổ biến nhất mà bạn cần lưu ý:
Facebook không tải được hình ảnh khi share link từ website
Đây là lỗi thường gặp nhất khi cài đặt thẻ meta Open Graph, khi người dùng Facebook nhấn vào link chia sẻ từ website mà không thấy được hình ảnh đi kèm hoặc chỉ hiện khung trống. Nguyên nhân dẫn đến lỗi này thường là do:
- Website chưa được tích hợp đầy đủ dữ liệu Open Graph Meta Data.
- Bot Facebook trong quá trình thu thập dữ liệu gặp vấn đề về cache hoặc kết nối server.
Lỗi Incorrect Open Graph Meta Tags
Lỗi này xảy ra khi các thẻ meta Open Graph được khai báo sai cú pháp hoặc thiếu thông tin quan trọng. Ví dụ, bạn nhập sai giá trị ở og:image, og:url hay để trống og:title, khiến nội dung hiển thị không chính xác hoặc Facebook không nhận diện được.
Câu hỏi thường gặp
Open Graph có thể ứng dụng cho chatbot, ứng dụng mobile hay email không?
Câu trả lời là CÓ, nhưng cách sử dụng sẽ khác nhau một chút. Trong đó:
- Chatbot (Zalo, Messenger): Khi gửi link website, nền tảng sẽ tự lấy thẻ OG Tags để hiển thị tiêu đề, hình ảnh,…
- Email: Hầu như không hiển thị OG preview trong email. Tuy nhiên nếu người nhận email chia sẻ link website đính kèm trong email lên mạng xã hội thì Open Graph vẫn hiển thị như bình thường.
- Ứng dụng mobile: Cần tích hợp tính năng đọc dữ liệu OG từ URL để hiển thị trong ứng dụng.
Làm cách nào để kết hợp Open Graph với các kỹ thuật growth hacking cho chiến dịch marketing?
Để tận dụng Open Graph cho các chiến lược growth hacking, bạn có thể áp dụng một số cách sau:
- Tối ưu hình ảnh và nội dung OG để tạo preview nổi bật, thu hút click.
- Cá nhân hóa thẻ OG theo từng chiến dịch, nguồn giới thiệu hoặc nhóm khách hàng.
- Gắn OG vào nút chia sẻ hay chatbot để tăng khả năng viral tự nhiên.
- Tùy biến OG theo thời điểm nhằm kích thích FOMO và thúc đẩy hành động.
- Thử nghiệm A/B nhiều phiên bản OG để chọn ra thông điệp mang lại CTR cao nhất.
Nắm rõ Open Graph là gì và áp dụng cách cài đặt chính xác sẽ giúp gia tăng CTR, nâng cao trải nghiệm người dùng và hỗ trợ SEO Google hiệu quả. Khi website của bạn hiển thị đẹp mắt, đúng chuẩn trên mạng xã hội, thương hiệu sẽ ghi điểm ngay từ ánh nhìn đầu tiên. Nếu bạn muốn website thật sự bứt phá trên Google và các nền tảng khác, đừng ngần ngại liên hệ đến MONA Media để được hỗ trợ tư vấn miễn phí và nhận báo giá SEO nhanh chóng.
MONA.Media
ADMIN
360
50
Bài viết liên quan
Dịch vụ thiết kế
website chuyên nghiệp
Sở hữu website với giao diện đẹp, độc quyền 100%, bảo hành trọn đời với khả năng
mở rộng tính năng linh hoạt theo sự phát triển doanh nghiệp ngay hôm nay!
