Thẻ Open Graph là gì? Cài Open Graph chuẩn SEO

Bạn vừa xuất bản một bài viết tâm huyết lên website. Bạn copy đường link, háo hức dán lên Facebook để chia sẻ cho cộng đồng. Nhưng giao diện hiển thị chỉ là một khoảng trắng vỡ nét, tiêu đề bị cắt cụt và phần mô tả lộn xộn. Người dùng lướt qua mà không thèm nhấn vào. Nỗ lực xây dựng nội dung coi như đổ sông đổ biển.

Vấn đề nằm ở đâu? Tại sao link của đối thủ khi chia sẻ lại có hình ảnh sắc nét, tiêu đề hấp dẫn và lôi cuốn? Khác biệt cốt lõi chính là việc website của họ đã được tối ưu Thẻ Open Graph.

Đối với các Marketer và chủ doanh nghiệp, việc phân phối nội dung đa kênh là bắt buộc. Nếu link website hiển thị kém thẩm mỹ trên mạng xã hội, bạn đang trực tiếp đánh mất hàng ngàn lượt truy cập tiềm năng. Bài viết này là tài liệu duy nhất bạn cần để hiểu sâu, cài đặt chuẩn xác và tận dụng tối đa sức mạnh của công cụ kỹ thuật này.

Thẻ Open Graph là gì?

Thẻ Open Graph là một giao thức kỹ thuật do Facebook giới thiệu. Mục tiêu của nó là biến một trang web thông thường thành một đối tượng đồ thị phong phú trên các nền tảng mạng xã hội. Nói một cách đơn giản, đây là những đoạn mã HTML nhỏ được đặt trong phần đầu trang web.

Các đoạn mã này có nhiệm vụ giao tiếp trực tiếp với các trình thu thập dữ liệu của mạng xã hội như Facebook, Zalo, LinkedIn hay Twitter. Chúng cung cấp thông tin chính xác về tiêu đề, hình ảnh thu nhỏ, mô tả ngắn và loại nội dung của URL đang được chia sẻ.

Khi người dùng dán một đường link vào hộp thoại đăng bài, các bot của mạng xã hội sẽ ngay lập tức cào dữ liệu từ trang web. Nếu trang web không có đoạn mã giao thức này, bot sẽ tự động lấy một hình ảnh ngẫu nhiên và một đoạn văn bản bất kỳ. Kết quả thường rất thảm họa. Ngược lại, khi có sự hướng dẫn cụ thể từ các thẻ Meta này, nền tảng sẽ hiển thị chính xác những gì bạn muốn người dùng nhìn thấy.

Nếu bạn thấy bài viết chia sẻ sang Facebook không hiển thị tiêu đề, avatar hay đoạn tóm tắt một cách trực quan, đẹp mắt. Đó là lúc cần tối ưu thẻ meta Open Graph.Thực chất nguyên nhân việc bài viết hiển thị kém hấp dẫn ở nền tảng khác là do mã nguồn không khai báo đầy đủ. Tiếp đó dẫn đến việc Facebook chỉ hiển thị nội dung có sẵn.

Như vậy, hiểu nôm na thẻ Open Graph có chức năng giúp bạn khai báo thành phần nội dung trang một cách đầy đủ. Từ đó điều chỉnh kết quả hiển thị bài viết khi chia sẻ từ website sang nền tảng khác. Open Graph cũng được coi là dạng dữ liệu có cấu trúc mà nền tảng mạng xã hội có thể hiểu được.

Các loại Thẻ Open Graph quan trọng nhất cần tối ưu

Không phải tất cả các thẻ đều mang lại giá trị như nhau. Để website hiển thị hoàn hảo nhất, bạn cần tập trung tối ưu 5 thuộc tính cơ bản và bắt buộc dưới đây.

1. Thuộc tính og:title (Tiêu đề)

Đây là thẻ xác định tiêu đề bài viết hoặc trang web của bạn khi hiển thị trên bảng tin. Nó giống như thẻ Title trong SEO Onpage nhưng được thiết kế riêng cho người dùng mạng xã hội.

• Độ dài lý tưởng: Bạn nên giữ tiêu đề dưới 60 ký tự để không bị cắt xén trên giao diện mobile.
• Cách viết: Trực diện, hấp dẫn, khơi gợi sự tò mò hoặc đánh trực tiếp vào nỗi đau của khách hàng. Không cần quá nhồi nhét từ khóa SEO vào đây, hãy ưu tiên văn phong lôi cuốn.
• Cấu trúc mã: <meta property="og:title" content="Tiêu đề bài viết vô cùng hấp dẫn" />

2. Thuộc tính og:description (Mô tả nội dung)

Đây là đoạn văn bản ngắn nằm ngay bên dưới tiêu đề. Nhiệm vụ của nó là giải thích rõ hơn về giá trị mà người đọc sẽ nhận được nếu họ nhấp vào liên kết.

• Độ dài lý tưởng: Nên giữ trong khoảng 2 đến 4 câu, tối đa 200 ký tự. Các nền tảng có thể cắt bớt nếu quá dài.
• Cách viết: Hãy coi đây là một lời kêu gọi hành động hoặc một bản tóm tắt lợi ích cốt lõi.
• Cấu trúc mã: <meta property="og:description" content="Đoạn mô tả ngắn gọn, súc tích và khơi gợi sự tò mò để người dùng nhấp vào xem chi tiết." />

3. Thuộc tính og:image (Hình ảnh đại diện)

Đây là yếu tố quan trọng nhất. Hình ảnh chiếm đến 80% diện tích hiển thị của một liên kết được chia sẻ. Nếu thẻ này bị lỗi, tỷ lệ nhấp chuột sẽ giảm xuống mức chạm đáy.

• Kích thước chuẩn: 1200 x 630 pixels. Tỷ lệ này đảm bảo hình ảnh hiển thị đẹp nhất trên cả màn hình máy tính và điện thoại.
• Dung lượng: Cố gắng giữ dưới 8MB (khuyên dùng dưới 2MB để tải nhanh hơn).
• Lưu ý quan trọng: Luôn đặt chủ thể chính và văn bản (nếu có) ở vị trí trung tâm của hình ảnh. Tránh để nội dung quan trọng ở sát mép vì có thể bị cắt xén tùy theo giao diện ứng dụng.
• Cấu trúc mã: <meta property="og:image" content="https://domain.com/hinh-anh-chuan.jpg" />

4. Thuộc tính og:url (Đường dẫn chuẩn)

Thẻ này khai báo URL gốc của trang. Điều này cực kỳ quan trọng đối với các trang web có nhiều URL động hoặc có tham số theo dõi chiến dịch. Nó giúp hợp nhất các lượt thích và chia sẻ về một địa chỉ duy nhất.

• Lưu ý: Chỉ sử dụng URL chuẩn, không chứa các biến số tracking.
• Cấu trúc mã: <meta property="og:url" content="https://domain.com/bai-viet-chuan" />

5. Thuộc tính og:type (Loại nội dung)

Thẻ này mô tả loại đối tượng bạn đang chia sẻ. Bạn đang chia sẻ một bài viết blog, một trang chủ website, hay một video? Việc khai báo đúng giúp nền tảng tối ưu hóa giao diện hiển thị phù hợp.

• Các loại phổ biến: article (bài viết), website (trang chủ), video, product (sản phẩm thương mại điện tử).
• Cấu trúc mã: <meta property="og:type" content="article" />

Tại sao bắt buộc phải cài đặt Thẻ Open Graph?

Trong chiến lược Digital Marketing tổng thể, bạn không thể bỏ qua tối ưu hóa trải nghiệm hiển thị trên mạng xã hội. Đây không chỉ là câu chuyện về thẩm mỹ, mà là bài toán tối ưu tỷ lệ chuyển đổi và bảo vệ hình ảnh thương hiệu.

Tăng tối đa tỷ lệ nhấp chuột CTR

Người dùng mạng xã hội cuộn bản tin với tốc độ rất nhanh. Bạn chỉ có khoảng 3 giây để thu hút sự chú ý của họ. Một liên kết có hình ảnh đại diện sắc nét, kích thước chuẩn chỉnh, kèm theo tiêu đề đánh trúng tâm lý sẽ có tỷ lệ nhấp chuột cao hơn gấp nhiều lần so với một liên kết trần trụi.

“Mặc dù các thẻ mạng xã hội không trực tiếp tăng thứ hạng SEO của website, nhưng chúng làm cho các liên kết của bạn trở nên hấp dẫn hơn. Khả năng nhấp chuột tăng cao dẫn đến lưu lượng truy cập và tương tác tăng đột biến. Đây là yếu tố sống còn trong phân phối nội dung.” – Theo nhận định từ các chuyên gia tại Ahrefs.

Hỗ trợ gián tiếp cho chiến dịch SEO

Các công cụ tìm kiếm luôn ưu tiên những nội dung mang lại giá trị thực cho người dùng. Dù Google không trực tiếp sử dụng giao thức này làm yếu tố xếp hạng, nhưng lưu lượng truy cập khổng lồ đổ về từ mạng xã hội lại là một tín hiệu cực kỳ tốt.

Khi bài viết có CTR cao trên Facebook hoặc Zalo, lượng Traffic tự nhiên tăng lên. Thời gian trên trang tăng, tỷ lệ thoát giảm. Những tín hiệu hành vi người dùng này sẽ gián tiếp giúp URL của bạn củng cố vị trí trên bảng xếp hạng tìm kiếm.

Đồng bộ nhận diện thương hiệu

Sự nhất quán là chìa khóa trong xây dựng thương hiệu. Bạn muốn mọi hình ảnh chia sẻ đều hiển thị đúng logo, đúng màu sắc thương hiệu và thông điệp chiến dịch. Tối ưu giao thức mạng xã hội giúp Marketer kiểm soát 100% hình ảnh doanh nghiệp khi nội dung được lan truyền trên internet.

Hướng dẫn chèn Open Graph vào Website

Một số cách chèn Open Graph vào Website cực kỳ đơn giản mà ai cũng phải biết: 

Cách 1: Chèn Open Graph vào plugin WordPress

Tại thị trường Việt Nam, WordPress là nền tảng quản trị nội dung phổ biến nhất. Việc cài đặt trở nên vô cùng dễ dàng nhờ vào các Plugin SEO mạnh mẽ như Rank Math hoặc Yoast SEO.

Hướng dẫn trên Rank Math

• Bước 1: Mở bài viết hoặc trang bạn muốn tối ưu trong trình chỉnh sửa WordPress.
• Bước 2: Cuộn xuống phần cấu hình Rank Math SEO, chuyển sang tab có biểu tượng mạng xã hội.
• Bước 3: Tại đây, hệ thống sẽ cho phép bạn tải lên hình ảnh riêng biệt, chỉnh sửa tiêu đề và mô tả chỉ dành riêng cho việc chia sẻ link.
• Bước 4: Nhấn cập nhật bài viết. Mọi thứ đã được tự động chèn vào mã nguồn.

Ưu điểm tuyệt vời của các Plugin này là chúng tự động lấy tiêu đề SEO và ảnh đại diện bài viết làm dữ liệu mặc định. Bạn chỉ cần can thiệp chỉnh sửa khi muốn tạo một thông điệp khác biệt hoàn toàn cho chiến dịch Social Media.

Hướng dẫn trên Yoast SEO

Yoast SEO là một plugin WordPress SEO lý tưởng bạn có thể sử dụng để chèn thêm dữ liệu Open graph vào WordPress.

• Bước 1: Bạn truy cập SEO → Social, sau đó di chuyển mục Add Open Graph metadata và chọn Enable. 

Image URL:  Bạn hoàn toàn có thể thiết lập hình ảnh mặc định, hình ảnh này được dùng khi trong bài viết hoặc page không có ảnh đại diện nào.

Facebook Insights and Admins: Hãy nhập Facebook app ID của mình vào nếu bạn sử dụng Facebook Page và thêm dữ liệu cho Facebook insights. Hoặc bạn cũng có thể thay đổi dữ liệu Open graph cho title, description (mô tả) và hình thumbnail cho trang chủ.

• Bước 2: Nhấn vào nút Save Changes kết thúc quá trình

Cách 2: Chèn Open Graph bằng cách thủ công

• Bước 1: Mở file functions.php, kéo xuống dưới và viết hàm dưới đây: 

function doctype_opengraph($output) { return $output. 

 xmlns:og=”https://opengraphprotocol.org/schema/”

 xmlns:fb=”https://www.facebook.com/2008/fbml”‘;

Chú ý chèn vào trong thẻ file function.

• Bước 2: Sau khi hoàn thành bước đầu tiên, hàm sẽ tự động được chèn vào thẻ của trang web. 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’);

• Bước 3: Chèn thẻ Open Graph
• Bước 4: Thực hiện khai báo Open graph tại add_action(‘wp_head’, ‘fb_opengraph’, 5);
• Bước 5: Móc hàm này vào hook để tự động móc thẻ Open graph vào thẻ.

Các thuộc tính có trong Open Graph

Một số thuộc tính có trong Open Graph mà bạn có thể biết đó là:

• og Title: Đây là nơi bạn đặt tiêu đề cho nội dung bài viết trên website của bạn. Bạn có thể nghĩ thuộc tính này tương tự như thẻ title HTML mà Search Engine đang sử dụng. Khi tạo title, nên giữ số ký tự ít hơn 25.
• og Type: Đây là nơi bạn mô tả loại hình nội dung mà mình sẽ chia sẻ trong bài viết trên website. Các nội dung đó có thể là hình ảnh, video, bài viết, blog,… Đây cũng là danh sách đầy đủ bạn có thể sử dụng để nghiên cứu khi định hình nội dung.
• og Description: Tương tự như meta Description HTML, thuộc tính này sử dụng cho mục đích mô tả nội dung. Bạn không cần quan tâm phần mô tả có chứa nhiều từ khóa hay không, thay vào đó, nên tiếp cận cách viết mô tả hấp dẫn để thu hút và nhận được nhiều lượt click.
• og Image: Facebook bằng cách sử dụng thẻ này đưa ra một hình ảnh Thumbnail ngay khi có người chia sẻ URL của bạn. Ngay lúc này, một hình ảnh nhỏ xuất hiện bên cạnh nội dung mà bạn chia sẻ. Đây được xem là cách để status của bạn trở nên nổi bật hơn so với status được cập nhật bằng text.
• og URL: Với thẻ này, bạn sẽ đặt URL chính trên trang bạn chia sẻ. Đây là thuộc tính quan trọng bởi đôi lúc bạn sẽ cần nhiều hơn một URL cho cùng một nội dung của trang web. Sử dụng thẻ này, bạn đảm bảo mọi thứ mà người dùng chia sẻ trên Facebook đều cùng đi đến một URL gốc mà chính bạn chỉ định và tránh được việc phân tán.
• og Sitename: Thẻ này sẽ chỉ cho Facebook tên website của bạn. Thẻ này không thực sự cần thiết bởi nó không ảnh hưởng quá nhiều nếu nó không có.

Mối liên hệ giữa Thẻ Open Graph và Twitter Cards

Nhiều Marketer thường thắc mắc liệu có cần cài đặt riêng biệt cho nền tảng X hay không. Thực tế, nền tảng này sử dụng một hệ thống riêng có tên là Twitter Cards với các thẻ bắt đầu bằng tiền tố twitter: (ví dụ: twitter:title, twitter:image).

Tuy nhiên, bạn không cần quá lo lắng. Hệ thống của họ được thiết kế rất thông minh. Nếu trình thu thập dữ liệu của nền tảng này không tìm thấy thẻ dành riêng cho chúng, nó sẽ tự động tìm kiếm và sử dụng Thẻ Open Graph để thay thế. Do đó, việc tối ưu tốt giao thức của Facebook cũng đồng nghĩa với việc bạn đã giải quyết được 90% bài toán hiển thị trên đa số các mạng xã hội khác.

Cách kiểm tra và Debug Thẻ Open Graph hiệu quả

Cài đặt xong không có nghĩa là công việc đã hoàn tất. Bạn phải kiểm tra xem các nền tảng mạng xã hội có cào đúng dữ liệu hay không. Lỗi bộ nhớ cache (lưu trữ tạm thời) là vấn đề cực kỳ phổ biến khiến link hiển thị sai hình ảnh cũ.

Sử dụng Facebook Sharing Debugger

Đây là công cụ chính chủ không thể thiếu đối với mọi Marketer. Khi bạn thay đổi hình ảnh đại diện của một bài viết trên web, Facebook thường vẫn lưu hình ảnh cũ trong bộ nhớ. Để ép nền tảng này cập nhật dữ liệu mới, hãy làm theo các bước sau:

• Truy cập công cụ Trình gỡ lỗi chia sẻ của Facebook.
• Nhập URL bài viết vào thanh tìm kiếm và nhấn nút “Gỡ lỗi”.
• Xem phần bản xem trước để kiểm tra hình ảnh và tiêu đề.
• Nếu dữ liệu vẫn sai, hãy nhấn nút “Thu thập lại” nhiều lần cho đến khi hình ảnh mới nhất xuất hiện.

Sử dụng Zalo Developers Tool

Tại thị trường Việt Nam, Zalo là kênh chia sẻ liên kết khổng lồ. Tuy nhiên, cơ chế lưu trữ cache của Zalo rất mạnh và thường xuyên bị lỗi hiển thị. Nếu link gửi qua Zalo bị sai hình ảnh, bạn cần xử lý ngay lập tức.

Hãy truy cập vào trang Zalo Developers, tìm đến công cụ kiểm tra URL. Dán đường dẫn của bạn vào và nhấn kiểm tra. Công cụ này sẽ mô phỏng lại quá trình thu thập dữ liệu và ép hệ thống Zalo xóa bản ghi cũ, cập nhật ngay hình ảnh chuẩn xác mà bạn vừa cài đặt.

“Quá trình thu thập dữ liệu của các nền tảng đôi khi gặp độ trễ. Việc chủ động xóa cache thông qua các công cụ Debugging là bước bắt buộc để đảm bảo chiến dịch truyền thông không bị gián đoạn vì những lỗi hiển thị ngớ ngẩn.” – Lời khuyên từ chuyên gia tại Search Engine Land.

Case Study Thực Tế: Tăng 150% Traffic từ Social Media nhờ Tối ưu Thẻ Open Graph

Tại Xuyên Việt Media, chúng tôi từng tiếp nhận một khách hàng hoạt động trong lĩnh vực phân phối dược phẩm. Họ sở hữu một Fanpage với hơn 100.000 lượt theo dõi. Khách hàng đầu tư rất nhiều tiền để sản xuất các bài viết blog chuyên sâu về sức khỏe. Tuy nhiên, mỗi lần chia sẻ link lên Fanpage, lượng truy cập đổ về website lại thấp lẹt đẹt.

Vấn đề: Khi đội ngũ kỹ thuật của Xuyên Việt Media tiến hành Audit tổng thể, chúng tôi phát hiện toàn bộ website của khách hàng hoàn toàn trống trơn các thẻ Meta mạng xã hội. Khi chia sẻ link, Facebook tự động lấy logo của công ty (kích thước hình vuông nhỏ xíu) làm ảnh đại diện, phần mô tả hiển thị những đoạn mã lộn xộn từ thanh menu trang web.

Giải pháp:

• Thiết lập hệ thống tự động sinh cấu trúc dữ liệu qua Plugin cho hơn 500 bài viết cũ.
• Thiết kế lại template ảnh thumbnail cho blog chuẩn kích thước 1200×630 pixels.
• Viết lại tiêu đề og:title tập trung vào yếu tố khơi gợi sự tò mò, thay vì tiêu đề SEO khô khan.
• Sử dụng công cụ Debug để ép Facebook cập nhật lại toàn bộ link của các bài viết trụ cột.

Kết quả: Chỉ sau 2 tuần triển khai đồng bộ, tỷ lệ nhấp chuột tự nhiên từ Fanpage về website tăng vọt. Cùng một lượng tiếp cận bài viết như trước, nhưng Traffic đổ về đã tăng trưởng 150%. Chi phí trên mỗi lượt nhấp (CPC) khi chạy quảng cáo Facebook Ads cho các liên kết này cũng giảm đi 35% nhờ điểm chất lượng nội dung hiển thị được cải thiện.

Những sai lầm thường gặp khi triển khai tối ưu giao thức mạng xã hội

Ngay cả những người làm Digital Marketing lâu năm cũng thỉnh thoảng mắc phải những sai lầm cơ bản. Dưới đây là danh sách bạn cần kiểm tra chéo (Cross-check) trước khi khởi chạy chiến dịch chia sẻ liên kết:

• Sai tỷ lệ hình ảnh: Đăng ảnh hình vuông hoặc ảnh dọc làm ảnh đại diện. Khi hiển thị, hình ảnh sẽ bị cắt ngang mất phần đầu hoặc phần đuôi, gây phản cảm cho người xem. Hãy luôn tuân thủ tỷ lệ 1.91:1.
• Bỏ trống thẻ mô tả: Nhiều người chỉ quan tâm đến tiêu đề và hình ảnh. Khi bỏ trống mô tả, nền tảng sẽ lấy đoạn văn bản đầu tiên của bài viết, đôi khi đó là chữ “Menu” hoặc “Trang chủ”, làm giảm tính chuyên nghiệp.
• Kích thước file ảnh quá lớn: Ảnh đẹp nhưng dung lượng lên tới 5MB. Trình cào dữ liệu của mạng xã hội thường có giới hạn thời gian (Time-out). Nếu ảnh tải quá chậm, bot sẽ bỏ qua và link của bạn sẽ hiển thị khoảng trắng.
• Quên cập nhật sau khi sửa bài: Đã thay tiêu đề và hình ảnh trên website nhưng lại quên dùng công cụ gỡ lỗi để xóa cache. Người dùng vẫn nhìn thấy nội dung cũ khi bạn chia sẻ.

Lời khuyên từ chuyên gia Xuyên Việt Media

Thẻ Open Graph là một minh chứng rõ ràng cho việc: Chi tiết nhỏ tạo ra tác động lớn trong Digital Marketing. Việc tối ưu hóa trải nghiệm hiển thị không đòi hỏi kỹ thuật quá phức tạp hay chi phí cao, nhưng lại là nền tảng để tối đa hóa hiệu suất phân phối nội dung.

Tại Xuyên Việt Media, chúng tôi luôn coi việc thiết lập và kiểm tra các đoạn mã cấu trúc mạng xã hội là tiêu chuẩn bắt buộc trong mọi quy trình triển khai dịch vụ viết bài SEO và xây dựng website. Hãy bắt đầu kiểm tra lại các liên kết quan trọng nhất trên website của bạn ngay hôm nay. Chỉ cần một vài thao tác tinh chỉnh, bạn sẽ thấy sự thay đổi rõ rệt trong biểu đồ lưu lượng truy cập từ các kênh Social Media.