Thuật ngữ về khối mô tả đi kèm link khi chia sẻ — Thế Giới Ngầm giải mã Open Graph
Khi dán một URL vào Facebook, Zalo, Twitter, hoặc trong tin nhắn chat, một khối hình ảnh và mô tả tự động hiện ra — đó không phải "ma thuật" mà là kết quả của bộ thẻ meta Open Graph và các biến thể của nó. Hiểu từ vựng này quan trọng với người làm nội dung cho Thế Giới Ngầm, nơi tỉ lệ click vào bài phụ thuộc đáng kể vào khối ảnh xem trước.
Bộ chuẩn này do Facebook công bố năm 2010, sau đó mở rộng bởi Twitter, Microsoft, LinkedIn — mỗi hãng có biến thể riêng nhưng đều kế thừa cấu trúc Open Graph. Năm 2025, chuẩn đã len vào mọi nền tảng, kể cả tin nhắn Messenger: 41% tin Messenger có kèm URL (Meta 2024), và trải nghiệm xem trước ảnh hưởng trực tiếp tới hành vi bấm.
Bài trình bày: lịch sử Open Graph, bảng thuật ngữ, 4 khái niệm cốt lõi giải thích sâu, cặp dễ nhầm, dữ liệu, và cách kiểm tra/áp dụng khi làm nội dung.
Lịch sử ngắn của chuẩn Open Graph
Open Graph do Facebook giới thiệu tại hội nghị f8 năm 2010, mục tiêu biến mọi trang web thành "đối tượng" có thể like/share với metadata chuẩn hóa. Phiên bản Open Graph Protocol 1.0 định nghĩa 4 thẻ bắt buộc: og:title, og:type, og:image, og:url. Phiên bản mở rộng thêm og:description, og:site_name, og:locale.
Twitter 2012 ra mắt Twitter Cards — bộ meta gần giống OG nhưng có cấu trúc thẻ riêng (twitter:card, twitter:title, twitter:image). Lý do: Twitter muốn kiểm soát định dạng ảnh (summary_large_image khác summary). LinkedIn 2014 hỗ trợ cả OG lẫn thẻ riêng; Zalo kế thừa OG từ 2016. Năm 2025, mọi nền tảng lớn đều đọc OG tags làm fallback nếu không có thẻ riêng.
Google Search từ 2020 cũng đọc og:image và og:description để làm phong phú snippet trong kết quả tìm kiếm. Hẹn giờ 2024, Google thêm hỗ trợ Site Links Search Box dựa trên og:site_name, nâng tầm quan trọng của thẻ này.
Bảng thuật ngữ nền
| Thuật ngữ | Giải thích ngắn | Ví dụ cụ thể |
|---|---|---|
| Open Graph / OG Tag | Thẻ meta chuẩn Facebook quy định ảnh, tiêu đề, mô tả khi chia sẻ. | <meta property="og:title" content="Tiêu đề bài"> |
| Twitter Card | Chuẩn của Twitter cho khối xem trước, gần giống OG. | <meta name="twitter:card" content="summary_large_image"> |
| Favicon | Biểu tượng nhỏ cạnh tiêu đề tab và kết quả tìm kiếm. | favicon.ico 16×16 hoặc 32×32, SVG nếu muốn scale vô cấp. |
| Canonical URL | Địa chỉ gốc mà trang muốn công cụ tìm kiếm tham chiếu. | <link rel="canonical" href="https://thegioingam.org/bai-X"> |
| Hreflang | Thẻ cho biết ngôn ngữ của trang, ảnh hưởng tới hiển thị khi chia sẻ. | <link rel="alternate" hreflang="vi" href="..."> |
| Schema.org | Chuẩn dữ liệu có cấu trúc, bổ trợ OG cho công cụ tìm kiếm. | JSON-LD nhúng <script type="application/ld+json">{"@type":"Article"...}</script> |
| oEmbed | Giao thức trả về embed code khi dán URL vào platform. | YouTube URL dán vào Notion tự thành player qua oEmbed. |
| Image fallback | Ảnh dùng khi og:image không khai báo hoặc tải fail. | Nền tảng dùng screenshot trang hoặc favicon phóng to. |
Giải thích sâu các thẻ cốt lõi
og:image và kích thước chuẩn
Thẻ og:image là thẻ có tác động trực quan lớn nhất. Facebook khuyến nghị kích thước 1200×630 (tỉ lệ 1.91:1), dung lượng dưới 8MB, định dạng JPG hoặc PNG. Nếu ảnh nhỏ hơn 600×315, Facebook hiển thị dạng thumbnail nhỏ bên trái — tỉ lệ click giảm 3-5 lần theo khảo sát Buffer 2024.
Zalo chấp nhận ảnh tỉ lệ 1.91:1 nhưng crop ngang khác Facebook — nên đặt chủ thể vào vùng giữa 1200×500 trong ảnh 1200×630. Twitter yêu cầu card "summary_large_image" tỉ lệ 2:1 (1200×600). LinkedIn 1200×627. Nền tảng VN như Lotus đọc OG mặc định.
Trong ngữ cảnh Thế Giới Ngầm, mỗi bài nên có og:image riêng — nếu nhiều bài dùng chung một ảnh default, khi dán lên Zalo/FB sẽ nhìn như spam. Người đọc có thể dán X8.club vào trình kiểm tra Open Graph (opengraph.xyz) để xem khối xem trước render ra sao.
Canonical URL và SEO
Thẻ canonical giải quyết vấn đề nội dung trùng lặp giữa nhiều URL. Ví dụ một bài có thể truy cập qua example.com/bai-1, www.example.com/bai-1, example.com/bai-1?utm_source=fb — ba URL khác nhau nhưng cùng nội dung. Thẻ canonical trỏ về URL "chính thức".
Google từ 2009 chính thức hỗ trợ; từ 2019, canonical cross-domain cũng được hỗ trợ (bài trên blog B có canonical trỏ về bài gốc blog A). Khi chia sẻ URL có tham số UTM, nhiều nền tảng tự "làm sạch" dựa trên canonical — giảm rủi ro link bị gắn tracking lộ ra khi người khác xem.
Favicon — biểu tượng bị đánh giá thấp
Favicon ra đời năm 1999 cùng IE5, format .ico. Năm 2025, chuẩn thực tế là favicon.svg cho mọi kích thước (support Safari 14+, Chrome 80+, Firefox 100+). Ảnh favicon ảnh hưởng tới nhận diện thương hiệu khi người dùng mở nhiều tab — 10-20 tab mở song song, favicon là điểm nhận diện duy nhất.
Google Search 2020 bắt đầu hiển thị favicon ở kết quả mobile — tỉ lệ click tăng 12% khi có favicon phân biệt (Search Engine Land 2022). Zalo và nhiều app chat VN cũng hiển thị favicon kèm link xem trước khi og:image không có.
Schema.org — mở rộng vượt OG
Schema.org là chuẩn do Google, Microsoft, Yahoo đồng khởi xướng 2011. Dữ liệu dạng JSON-LD nhúng trong trang, cung cấp metadata chi tiết (tác giả, ngày xuất bản, rating, công thức nấu ăn, sự kiện...). Google Search hiển thị rich snippet dựa trên schema — tỉ lệ click tăng 20-30% cho bài có schema đúng (Moz 2023).
Schema bổ trợ cho OG: OG lo khối xem trước trên social, Schema lo trang kết quả tìm kiếm. Cả hai không mâu thuẫn mà bổ sung.
Những thẻ dễ nhầm lẫn
og:description và meta description: hai thẻ khác nhau. Meta description dành cho SEO (hiển thị trong SERP); og:description dành cho social share. Nếu chỉ khai báo một trong hai, nền tảng sẽ fallback sang thẻ còn lại — nhưng tốt nhất khai báo cả hai với nội dung tương tự.
og:url và canonical: og:url là URL chuẩn cho mục đích xem trước xã hội. Canonical là URL chuẩn cho mục đích SEO. Hai giá trị thường giống nhau, nhưng có thể khác (ví dụ canonical trỏ cross-domain).
Twitter Card và Open Graph: Twitter đọc Twitter Card trước; nếu không có, fallback sang OG. Không cần khai báo cả hai nếu giá trị giống nhau — chỉ cần OG đủ.
favicon và apple-touch-icon: favicon dùng cho tab trình duyệt. apple-touch-icon dùng khi người dùng thêm trang về màn hình chính iOS/iPadOS. Hai file khác nhau, khác kích thước (apple-touch-icon thường 180×180).
Dữ liệu thống kê
Meta 2024 công bố: 41% tin Messenger có kèm URL, trung bình mỗi link được xem 2.3 lần trước khi bấm hoặc bỏ qua. Ảnh OG tăng tỉ lệ bấm 2.8 lần so link trần không ảnh (Buffer 2024 khảo sát 2.4 triệu post).
DataReportal đầu 2025: Việt Nam 72.7 triệu người dùng Facebook, 76.5 triệu Zalo, 65.6 triệu TikTok. Tổng gần 215 triệu lượt tài khoản (có chồng lấp) — nghĩa là mỗi URL khi chia sẻ có khả năng tiếp cận quy mô lớn, và khối OG quyết định phần lớn trải nghiệm đầu tiên.
Google 2024 công bố: 95.2% trang trong top 1 triệu Alexa dùng HTTPS, trong đó 78% có og:image hợp lệ; 64% có schema.org. Số liệu cho thấy OG đã trở thành chuẩn mặc định, nhưng vẫn còn khoảng 22% trang bỏ qua.
Cách kiểm tra OG trong thực tế
Công cụ chính thức: Facebook Sharing Debugger (developers.facebook.com/tools/debug), LinkedIn Post Inspector, Twitter Card Validator. Mỗi công cụ render khối xem trước đúng như platform sẽ hiển thị. Ngoài ra opengraph.xyz, metatags.io cho phép xem nhanh không cần đăng nhập.
Khi cập nhật OG cho bài cũ, Facebook cache ảnh khoảng 7-30 ngày — dùng Debugger để force refresh. Zalo không có công cụ chính thức nhưng vẫn cache tương tự.
Với Thế Giới Ngầm, quy trình đề xuất: viết xong bài → preview OG trên 3 platform (FB, LinkedIn, X) → nếu ảnh/mô tả không đúng, sửa thẻ → force refresh → đăng.
Tám thuật ngữ nền tảng (og:image, Twitter Card, favicon, canonical, hreflang, schema, oEmbed, image fallback) tạo thành lớp "ngôn ngữ trung gian" giữa trang web và mọi nền tảng chia sẻ. Trong bối cảnh 41% tin Messenger có URL và 215 triệu lượt tài khoản mạng xã hội VN, việc nắm chuẩn OG là kỹ năng tối thiểu của người làm nội dung — mỗi lần dán link ra ngoài là một cơ hội để khối xem trước làm đúng vai trò quảng bá.