Tạo thẻ Open Graph
Sinh thẻ og và twitter card cho trang, xem trước card hiện thế nào trên Facebook và Zalo trước khi chia sẻ. Thoát thẻ an toàn để dán vào head.
- Miễn phí
- Chạy trong trình duyệt
- Không cần đăng ký
Điền tiêu đề, mô tả, ảnh và URL của một trang, nhận về khối thẻ og: dán vào <head>. Bên cạnh đó tool vẽ luôn card mà Facebook và Zalo sẽ hiện khi ai đó dán link — sửa một chữ là thấy ngay, không phải đăng thử rồi ngồi đoán.
Phần hay bị bỏ qua là Zalo. Đây là kênh chia sẻ lớn nhất ở Việt Nam, card của nó dựng hơi khác Facebook, mà gần như không công cụ nào xem trước riêng cho nó.
Đang tải công cụ…
Dùng khi nào
Trước khi đăng một trang bạn biết sẽ được chia sẻ nhiều: trang dịch vụ, bài viết, trang chạy quảng cáo. Đặt thẻ đúng ngay từ đầu thì lần chia sẻ đầu tiên đã đẹp.
Lúc dán link lên Facebook hay Zalo mà nó hiện sai ảnh, cụt tiêu đề, hoặc lấy nhầm một đoạn chữ đâu đó trong trang. Đó là dấu hiệu trang thiếu thẻ og: hoặc điền sai, và card lúc đó do mạng xã hội tự đoán.
Lúc bàn giao trang cho khách: khối thẻ này là thứ quyết định trang trông thế nào khi nó lan trên mạng xã hội, tách hẳn với tiêu đề SEO hiện trên Google.
Tool này tính thế nào
Tool dựng đủ bộ og:title, og:description, og:url, og:image, og:type, og:site_name, og:locale, cộng bộ twitter: tương ứng. Loại card Twitter đổi theo ảnh: có ảnh thì summary_large_image (card lớn), không ảnh thì summary — khai card lớn mà thiếu ảnh là Twitter bỏ qua.
Mọi giá trị được thoát HTML trước khi ghép vào thẻ. Tiêu đề có dấu nháy kép hay dấu < mà không thoát thì dán vào <head> là vỡ thẻ, thậm chí mở một lỗ chèn mã trên chính trang của bạn. Đây là bước dễ bị quên nhất khi ghép thẻ bằng tay.
Phần xem trước dựng lại card từ đúng các trường bạn nhập: ảnh, tiêu đề (cắt hai dòng như Facebook), mô tả, tên miền lấy từ URL. Card Zalo xếp tiêu đề lên trên, tên miền xuống dưới, nền hơi khác — bám theo cách Zalo hiển thị thật. Ảnh dùng chính URL bạn dán, trình duyệt tải về để hiện, không có dữ liệu nào rời khỏi máy bạn.
Giới hạn đã biết
Xem trước là bản gần đúng, không phải ảnh chụp thật từ Facebook hay Zalo. Hai nền tảng có bộ dựng riêng và đổi giao diện theo thời gian, nên chi tiết như bo góc hay cỡ chữ có thể lệch chút. Thứ tool bảo đảm đúng là nội dung sẽ hiện: ảnh nào, tiêu đề nào, mô tả nào, tên miền nào.
Tool không mở URL để tự đọc thẻ có sẵn của trang — bạn nhập tay các trường. Đây là công cụ dựng thẻ, không phải công cụ kiểm tra trang đã đăng.
Ảnh phải là địa chỉ tuyệt đối và công khai. Ảnh nằm sau đăng nhập, hoặc đường dẫn tương đối, thì mạng xã hội không lấy được.
Sau khi đặt thẻ lên một trang đã từng chia sẻ, Facebook và Zalo vẫn giữ bản card cũ trong bộ nhớ đệm một thời gian. Muốn thấy card mới ngay thì dùng công cụ gỡ cache của từng nền tảng (Facebook Sharing Debugger).
Câu hỏi hay gặp
Vì sao ảnh nên đúng 1200×630?
Đó là cỡ Facebook khuyên cho card lớn, tỉ lệ 1.91:1. Ảnh nhỏ hơn 600 chiều rộng thì Facebook hạ xuống card nhỏ, ảnh bị đẩy sang một bên thay vì phủ ngang. Ảnh sai tỉ lệ thì bị cắt mất phần trên hoặc dưới, hay cắt đúng vào mặt người hoặc dòng chữ quan trọng. Cắt sẵn 1200×630 là an toàn cho cả Facebook, Zalo lẫn Twitter.
Card Zalo khác Facebook chỗ nào?
Zalo đọc cùng bộ thẻ og: nhưng dựng bố cục hơi khác: tiêu đề thường nằm trên, tên miền nhỏ ở dưới, nền có thể xám nhẹ. Nội dung thì cùng nguồn, nên đặt thẻ đúng một lần là cả hai cùng đẹp. Tool tách hai card ra để bạn thấy khác biệt bố cục, đỡ bất ngờ khi dán link lên Zalo.
Cần cả thẻ og và thẻ twitter không?
Nên có cả hai. Twitter (nay là X) đọc thẻ twitter: trước, thiếu thì mới rơi về đọc og:. Nhiều nền tảng khác chỉ đọc og:. Đặt đủ cả hai là phủ được hầu hết nơi link của bạn xuất hiện, mà khối thẻ cũng không nặng thêm bao nhiêu.
Đặt thẻ rồi mà chia sẻ vẫn hiện ảnh cũ?
Là do bộ nhớ đệm. Lần đầu ai đó dán link, Facebook và Zalo quét trang rồi lưu lại card một thời gian để lần sau hiện nhanh. Đổi thẻ xong, chúng chưa quét lại ngay. Vào Facebook Sharing Debugger dán URL rồi bấm quét lại là card cập nhật. Zalo thì thường tự làm mới sau một lúc.
Dữ liệu tôi nhập có bị gửi đi đâu không?
Không. Thẻ được dựng ngay trong trình duyệt. Ảnh xem trước dùng chính URL bạn dán, trình duyệt tải về để hiện — không có trường nào bạn nhập được gửi tới máy chủ nào.
Công cụ này dùng được không?
Chưa có lượt nào. Bạn là người đầu tiên.
Nhúng công cụ này vào website của bạn
Dán đoạn mã dưới đây vào trang của bạn. Công cụ vẫn chạy trong trình duyệt người đọc, không gửi dữ liệu đi đâu. Khung nhúng có sẵn một dòng ghi nguồn trỏ về trang này.
Trần Tiến
Dân IT rẽ sang SEO từ 2022. Tự tay xử lý hơn 10.000 đơn offpage trước khi lập công ty. Tin vào việc bàn giao bằng số tra cứu được, và nói thẳng cả khi mất đơn.