Social preview cũ
kiểm tra tag đã deploy, absolute image URL, khả năng crawl rồi dùng công cụ refresh cache của nền tảng.
Trình tạo Meta Tag
Soạn metadata có thể triển khai và kiểm tra social card, nhưng không biến preview hoặc bộ đếm ký tự thành lời bảo đảm hiển thị.
Mã QR, mã vạch & SEOTrả lời trực tiếp
Trình tạo meta tag chuyển page title, description, URL, image, site name và thiết lập social thành HTML metadata như title, meta description, Open Graph và Twitter/X Card. Preview hỗ trợ rà soát nội dung chứ không bảo đảm Google hoặc nền tảng xã hội sẽ render giống hệt.
0/60
0/160
Kích thước đề xuất: 1200×630px
<!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image">
Cách sử dụng
Nhập dữ liệu nguồn: Nhập title và description riêng cho trang, phản ánh đúng nội dung. Chỉ thêm URL, image, site name hoặc tài khoản social khi đã biết giá trị chính xác.
Chọn thiết lập phù hợp: Đọc preview tìm kiếm/social; dùng bộ đếm 60/160 như hướng dẫn biên tập, không phải ranking factor hay ngưỡng cắt cố định.
Kiểm tra và xác minh kết quả: Sao chép markup, kiểm tra escaping và URL tuyệt đối, chèn vào
<head>rồi validate trên trang đã deploy.
Khả năng chính
- Tạo HTML title và meta description.
- Tạo Open Graph tags.
- Tạo Twitter/X Card tags.
- Preview tìm kiếm và social mang tính mô phỏng.
- Sao chép block markup để triển khai.
Trường hợp nên dùng
- Soạn metadata cho landing page mới.
- Duyệt social image/copy trước khi launch.
- Chuẩn hóa handoff metadata mà không hứa SERP hiển thị chính xác.
Giới hạn và lưu ý an toàn
- Search engine có thể rewrite title/description, social crawler có thể cache card cũ. 60/160 chỉ là heuristic. Metadata không thay thế nội dung hữu ích trên trang và preview không phải ảnh chụp kết quả thực tế.
- Phép xử lý chính chạy trong thành phần trình duyệt hiện tại. Tiện ích mở rộng, lịch sử clipboard, tệp đã tải và chẩn đoán toàn trang vẫn là các điểm có thể làm lộ dữ liệu, vì vậy không nhập secret production khi chưa rà soát toàn bộ môi trường.
Khắc phục sự cố
Quote/ampersand làm hỏng HTML
escape attribute value đúng cách.
Google hiển thị câu khác
rà soát độ phù hợp với query và nội dung trang; rewrite là điều có thể xảy ra.
Câu hỏi thường gặp
Trang nên có những meta tag nào?
Tối thiểu cần title hữu ích, meta description và self-canonical khi phù hợp. Open Graph/Twitter Card hữu ích cho chia sẻ; cấu hình cụ thể phụ thuộc kiến trúc site.
60 ký tự cho title và 160 cho description có bắt buộc không?
Không. Đó là gợi ý biên tập. Hiển thị phụ thuộc chiều rộng pixel, truy vấn, thiết bị và việc search engine rewrite.
Công cụ có tạo canonical tag không?
Không. Khối được tạo hiện gồm title, description, Open Graph và thẻ Twitter/X nhưng không sinh liên kết rel=canonical.
Công cụ có an toàn và riêng tư không?
Phép tính chạy trong thành phần trình duyệt này, nhưng riêng điều đó chưa phải bảo đảm riêng tư hoàn chỉnh. Hãy dùng dữ liệu phi production nếu chưa rà soát tiện ích mở rộng, lịch sử clipboard, tệp tải xuống và chẩn đoán trang.
Công cụ có dùng được trên điện thoại không?
Bố cục thích ứng với màn hình hẹp. Việc chọn tệp, dùng camera, thao tác clipboard và tải xuống vẫn phụ thuộc quyền cùng khả năng của trình duyệt di động.
Công cụ liên quan
Bắt đầu sử dụng
Sinh markup, validate HTML đã deploy và bảo đảm mọi tag nhất quán với nội dung hiển thị trên trang.