On-Page SEO

Open Graph Tags

Các thẻ meta (og:title, og:description...) kiểm soát cách nội dung hiển thị khi chia sẻ trên mạng xã hội — gián tiếp ảnh hưởng đến lưu lượng và tín hiệu tương tác.

4 lượt xem Cập nhật: 26/05/2026

Open Graph Tags là gì?

Open Graph Tags (thẻ Open Graph) là các thẻ meta đặc biệt được chèn vào phần <head> của trang web, giúp kiểm soát cách nội dung hiển thị khi người dùng chia sẻ liên kết lên mạng xã hội như Facebook, LinkedIn, Pinterest hoặc một số nền tảng nhắn tin (ví dụ: WhatsApp trên Android, Telegram). Chúng không phải là yếu tố xếp hạng trực tiếp trên Google, nhưng ảnh hưởng rõ rệt đến trải nghiệm người dùng và hiệu quả chia sẻ — từ đó tác động gián tiếp đến lưu lượng truy cập và tín hiệu tương tác.

Các thẻ này do dự án Open Graph Protocol (ra đời năm 2010 bởi Facebook) khởi xướng, và hiện được hỗ trợ rộng rãi bởi nhiều nền tảng. Tên thẻ bắt đầu bằng tiền tố og:, ví dụ: og:title, og:description, og:image, og:url, og:type.

Tại sao quan trọng trong SEO?

Open Graph Tags không xuất hiện trong kết quả tìm kiếm Google, nhưng lại đóng vai trò then chốt trong chiến lược On-Page SEO tổng thể vì ba lý do chính:

Tăng tỷ lệ nhấp (CTR): Khi liên kết được chia sẻ với tiêu đề hấp dẫn, mô tả rõ ràng và hình ảnh chất lượng cao, người dùng có xu hướng nhấp vào nhiều hơn — đặc biệt trên thiết bị di động.
Cải thiện độ tin cậy và nhận diện thương hiệu: Một thẻ og:image chuẩn kích thước, có logo và màu sắc nhất quán giúp nội dung dễ nhận diện giữa hàng loạt bài đăng.
Hỗ trợ đo lường và phân tích: Các nền tảng như Facebook Insights hoặc LinkedIn Analytics sử dụng dữ liệu Open Graph để báo cáo hiệu suất chia sẻ — từ đó giúp tối ưu chiến dịch content marketing.

Lưu ý: Nếu không khai báo Open Graph, mạng xã hội sẽ tự chọn tiêu đề, mô tả và ảnh từ nội dung HTML — thường không kiểm soát được, dẫn đến hiển thị sai, thiếu chuyên nghiệp hoặc gây hiểu nhầm.

Cách hoạt động

Khi người dùng dán một URL vào ô nhập nội dung trên Facebook hoặc LinkedIn, máy chủ nền tảng sẽ gửi yêu cầu HTTP GET tới trang đó, đọc phần <head> và trích xuất các thẻ og:*. Hệ thống sau đó dựng preview (xem trước) dựa trên dữ liệu thu được.

Quá trình này chỉ diễn ra một lần mỗi khi URL mới được chia sẻ lần đầu — hoặc khi có yêu cầu làm mới cache (ví dụ: dùng Facebook Sharing Debugger). Do đó, việc cập nhật thẻ không đồng nghĩa với việc preview thay đổi ngay lập tức trên mọi bài đăng cũ.

Hướng dẫn thực hiện

Dưới đây là các bước triển khai Open Graph Tags đúng kỹ thuật:

Chọn đúng vị trí: Chèn tất cả thẻ vào phần <head> của trang HTML — trước thẻ </head>.
Khai báo bắt buộc: Ít nhất 4 thẻ sau phải có mặt trên mọi trang:
- og:title — tiêu đề ngắn gọn (tối đa 60 ký tự)
- og:description — mô tả súc tích (tối đa 155 ký tự)
- og:image — đường dẫn tuyệt đối tới ảnh (khuyến nghị: 1200×630 px, định dạng JPG/PNG, dưới 5MB)
- og:url — URL chuẩn hóa của trang (phải khớp với phiên bản canonical)
Thêm thẻ bổ sung (tùy nhu cầu):
- og:type: giá trị phổ biến là website, article, video.movie…
- og:locale: ví dụ vi_VN cho tiếng Việt
- og:site_name: tên thương hiệu (hiển thị nhỏ bên dưới tiêu đề)
- article:published_time, article:modified_time: dành riêng cho bài viết
Kiểm tra và xác thực: Dùng công cụ chính thức:
- Facebook Sharing Debugger
- LinkedIn Post Inspector
- Twitter Card Validator (dành cho thẻ twitter:*, không phải Open Graph nhưng nên dùng song song)
Làm mới cache: Sau khi cập nhật, nhấn nút “Scrape Again” ở các công cụ trên để cập nhật preview.

Lỗi thường gặp

Lỗi	Dấu hiệu	Cách khắc phục
Ảnh không hiển thị	Preview hiện ảnh mặc định hoặc lỗi “Image not accessible”	Đảm bảo ảnh có đường dẫn tuyệt đối, không chặn bởi `robots.txt`, không yêu cầu đăng nhập, và server trả mã trạng thái 200.
Tiêu đề/mô tả bị cắt ngắn	Hiển thị dấu “…” bất thường hoặc thiếu thông tin	Giới hạn ký tự: `og:title` ≤ 60, `og:description` ≤ 155. Kiểm tra khoảng trắng thừa và ký tự đặc biệt (như &, “, ’).
URL hiển thị sai	Preview dẫn tới trang khác hoặc domain phụ	So sánh `og:url` với thẻ `rel="canonical"` — hai giá trị phải giống nhau.
Cache cũ không cập nhật	Thay đổi thẻ nhưng preview không đổi dù đã chờ vài giờ	Dùng công cụ debug và nhấn “Scrape Again”. Một số nền tảng cache tối đa 7 ngày — không thể ép làm mới sớm hơn.

Ví dụ thực tế

Dưới đây là đoạn mã HTML chuẩn cho một bài blog tiếng Việt:

<meta property="og:title" content="Open Graph Tags là gì? Hướng dẫn chi tiết cho người mới | Bách Khoa SEO" />
<meta property="og:description" content="Hướng dẫn từng bước triển khai Open Graph Tags chuẩn SEO: cách đặt thẻ, lỗi hay gặp, công cụ kiểm tra và ví dụ thực tế." />
<meta property="og:image" content="https://bachkhoaseo.vn/images/og-tags-vn.jpg" />
<meta property="og:url" content="https://bachkhoaseo.vn/open-graph-tags" />
<meta property="og:type" content="article" />
<meta property="og:locale" content="vi_VN" />
<meta property="og:site_name" content="Bách Khoa SEO" />

Lưu ý: Không cần thêm <meta name="viewport"> hay <meta charset> — những thẻ này không thuộc Open Graph.

Câu hỏi thường gặp

Open Graph Tags có ảnh hưởng đến thứ hạng Google không?

Không. Google không sử dụng Open Graph để xếp hạng trang. Tuy nhiên, chúng cải thiện CTR từ mạng xã hội — và lưu lượng chất lượng cao từ chia sẻ có thể tăng thời gian ở lại, giảm tỷ lệ thoát, từ đó hỗ trợ tín hiệu hành vi gián tiếp.

Có cần dùng cả Open Graph và Twitter Cards không?

Có. Twitter không đọc thẻ og:* — nó yêu cầu thẻ riêng (twitter:title, twitter:image…). Để đảm bảo hiển thị tốt trên mọi nền tảng, bạn nên triển khai song song cả hai bộ thẻ.

Một trang có thể có nhiều thẻ og:image không?

Có thể. Bạn có thể khai báo nhiều thẻ og:image để cung cấp lựa chọn ảnh — tuy nhiên chỉ ảnh đầu tiên thường được ưu tiên. Một số nền tảng (như LinkedIn) hỗ trợ chọn ảnh thủ công nếu có nhiều hơn một.