","err_audit_input_required":"Trước tiên hãy dán HTML chứa các thẻ meta của bạn.","mockups_heading":"Trông nó như thế nào khi làm bản xem trước liên kết","mockups_disclaimer":"Bốn thẻ này là bản mô phỏng giao diện xem trước liên kết thực tế của mỗi nền tảng, chỉ được tạo ra cho mục đích lập kế hoạch – chúng không phải là ảnh chụp màn hình trực tiếp hay tải từ Twitter/X, Facebook, LinkedIn hoặc Discord, và các nền tảng có thể thay đổi giao diện xem trước của riêng họ theo thời gian.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Discord","mockup_image_alt":"Ảnh xem trước liên kết","mockup_no_image":"Không có ảnh nào được cung cấp","mockup_no_image_short":"Không có ảnh","domain_default_fallback":"example.com","audit_missing_title":"Thiếu og:title – hầu hết các nền tảng sẽ hiển thị tiêu đề chung hoặc để trống nếu không có nó.","audit_missing_description":"Thiếu og:description – thẻ xem trước sẽ không hiển thị văn bản tóm tắt.","audit_missing_image":"Thiếu og:image – hầu hết các nền tảng sẽ không hiển thị ảnh, hoặc dùng ảnh đầu tiên tìm thấy trên trang.","audit_missing_url":"Thiếu og:url – nếu không có nó, các chia sẻ từ URL thay thế (có tham số theo dõi, phiên bản AMP, v.v.) có thể không hợp nhất về trang chuẩn.","audit_title_too_long":"og:title dài {length} ký tự – vượt ngưỡng ~{max} ký tự mà hầu hết các nền tảng sẽ cắt ngắn.","audit_title_long":"og:title dài {length} ký tự – vượt ngưỡng ~{max} ký tự mà một số nền tảng bắt đầu cắt ngắn, mặc dù vẫn có thể hiển thị đầy đủ ở nơi khác.","audit_title_ok":"og:title dài {length} ký tự – nằm trong phạm vi an toàn cho hầu hết các nền tảng.","audit_description_too_long":"og:description dài {length} ký tự – vượt ngưỡng ~{max} ký tự mà hầu hết các nền tảng sẽ cắt bỏ.","audit_description_long":"og:description dài {length} ký tự – vượt ngưỡng ~{max} ký tự mà một số nền tảng bắt đầu cắt ngắn.","audit_description_ok":"og:description dài {length} ký tự – nằm trong phạm vi an toàn cho hầu hết các nền tảng.","audit_url_not_absolute":"Giá trị og:url \"{value}\" không phải là URL http(s) tuyệt đối – nó phải là URL chuẩn đầy đủ của trang.","audit_image_not_absolute":"Giá trị og:image \"{value}\" không phải là URL http(s) tuyệt đối – hầu hết các nền tảng yêu cầu URL ảnh đầy đủ.","audit_image_dims_small":"Kích thước og:image:width/height được khai báo là {w}×{h} – thấp hơn mức tối thiểu được khuyến nghị rộng rãi 1200×630 cho bản xem trước liên kết.","audit_image_dims_ok":"Kích thước og:image:width/height được khai báo là {w}×{h} – đáp ứng mức tối thiểu được khuyến nghị rộng rãi 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height có mặt nhưng không phải là số hợp lệ.","audit_image_dims_unknown":"Không có og:image:width/og:image:height được khai báo – không thể xác minh kích thước pixel thực tế nếu không tải ảnh, điều mà công cụ này không bao giờ làm, theo thiết kế, vì quyền riêng tư. Mức tối thiểu được khuyến nghị: 1200×630.","audit_twitter_card_missing":"Không có thẻ twitter:card – Twitter/X thường sẽ dùng lại các thẻ og: tương đương, nhưng có twitter:card rõ ràng sẽ đáng tin cậy hơn.","audit_twitter_card_invalid":"Giá trị twitter:card \"{value}\" không phải là một trong bốn giá trị mà trình xác thực Thẻ của Twitter chấp nhận: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card là \"{value}\", một giá trị hợp lệ.","audit_large_image_needs_image":"twitter:card là summary_large_image nhưng không tìm thấy og:image hoặc twitter:image – loại thẻ này cần ảnh để hiển thị đúng cách.","audit_twitter_title_fallback":"Không có twitter:title được đặt – Twitter/X sẽ dùng lại og:title.","audit_twitter_description_fallback":"Không có twitter:description được đặt – Twitter/X sẽ dùng lại og:description.","audit_twitter_image_fallback":"Không có twitter:image được đặt – Twitter/X sẽ dùng lại og:image.","audit_duplicate_tag_item":"\"{tag}\" được khai báo {count} lần – chỉ thẻ cuối cùng mà hầu hết các nền tảng phân tích mới thực sự có hiệu lực."};
⭐ 0
🔍
văn bản Hình ảnh PDF & Tài liệu Âm thanh Âm nhạc Điện tử Thời gian Tiện ích Trình xác nhận Huyền học Trò chơi

OG & Twitter Card Generator – Trình tạo, Kiểm tra & Xem trước Thẻ Meta

Tạo các thẻ <meta> Open Graph và Twitter Card sẵn sàng để dán từ biểu mẫu, hoặc dán <head> hiện có để kiểm tra các thẻ bị thiếu, độ dài tiêu đề/mô tả và tính hợp lệ của twitter:card – sau đó xem trước cả hai trên các mô hình thẻ liên kết Twitter/X, Facebook, LinkedIn và Discord được tạo kiểu lại chân thực.

🔒 Được xử lý hoàn toàn trong trình duyệt của bạn — không có nội dung nào bạn nhập ở đây được tải lên.

Đang xử lý... 0%
Đang đọc đầu vào
Đang tạo/kiểm tra thẻ
Đang hiển thị xem trước
Xong

Kết quả

Các thẻ meta Open Graph và Twitter Card quyết định diện mạo của một liên kết ngay khi nó được dán vào Slack, iMessage, một tweet hay kênh Discord – một tiêu đề, mô tả và ảnh được chọn từ chính <head> của trang, chứ không phải do nền tảng tình cờ lấy từ văn bản hiển thị. Công cụ này vừa là trình tạo vừa là trình kiểm tra, không phải trình điền mẫu chung chung. Ở chế độ BUILD, hãy điền tiêu đề, mô tả, URL ảnh, URL chuẩn, loại nội dung và loại thẻ Twitter, công cụ sẽ tạo ra chính xác khối thẻ <meta property="og:..."> và <meta name="twitter:..."> sẵn sàng dán vào <head> của trang bạn, bỏ qua bất kỳ trường nào bạn để trống thay vì sinh ra các thẻ rỗng với nội dung trắng.

Ở chế độ AUDIT, dán mã <head> hiện có của bạn hoặc toàn bộ HTML của trang, công cụ sẽ phân tích nó bằng DOMParser gốc của trình duyệt để trích xuất mọi thẻ meta og: và twitter: đã có, sau đó chạy các kiểm tra thực sự quan trọng: bốn thẻ thường là bắt buộc (og:title, og:description, og:image, og:url) được gắn cờ nếu bị thiếu; og:title được đo so với ngưỡng khoảng 60 ký tự, nơi một số nền tảng bắt đầu cắt ngắn, và ngưỡng khoảng 90 ký tự, nơi hầu hết nền tảng sẽ cắt; og:description được đo so với khoảng 155 đến 200 ký tự mà hầu hết nền tảng cho phép trước khi cắt; twitter:card được kiểm tra với bốn giá trị thực sự mà trình xác thực Thẻ của Twitter chấp nhận – summary, summary_large_image, app, player – và gắn cờ nếu là bất kỳ giá trị nào khác; và các thẻ trùng lặp (cùng một thuộc tính được khai báo hai lần, một lỗi sao chép-dán phổ biến đáng ngạc nhiên) được chỉ ra rõ ràng.

Kích thước ảnh được xử lý một cách trung thực: công cụ này không thể xác minh kích thước pixel thực tế của ảnh bạn nếu không tải nó, và nó cố ý không bao giờ làm vậy, phù hợp với chính sách không yêu cầu bên ngoài của trang này. Nếu HTML của bạn đã khai báo og:image:width và og:image:height, những con số đó được kiểm tra với mức tối thiểu được khuyến nghị rộng rãi là 1200×630; nếu không, bạn sẽ nhận được một ghi chú hướng dẫn rõ ràng thay vì kết quả đạt/không đạt bịa đặt. Cả hai chế độ đều hiển thị bốn mô hình xem trước liên kết giống nhau – Twitter/X (chuyển đổi giữa bố cục ảnh thu nhỏ "summary" nhỏ gọn và bố cục "summary_large_image" toàn chiều rộng tùy thuộc vào giá trị twitter:card), Facebook, LinkedIn và Discord – mỗi mô hình được tạo kiểu lại chân thực để khớp với quy ước về kiểu chữ và bố cục riêng của nền tảng đó, thay vì chỉ là một ô với biểu tượng khác, và mỗi mô hình đều được gắn nhãn rõ ràng là một phép xấp xỉ mang tính minh họa cho mục đích lập kế hoạch, vì các nền tảng thực tế thay đổi kiểu dáng giao diện xem trước theo thời gian và công cụ này không bao giờ tải hoặc quét chúng để kiểm tra.

Thích công cụ này? Nghĩ sản phẩm này hữu ích? Thấy tiềm năng và muốn ủng hộ?

🛡️
Thực thi trong Trình duyệt

File và dữ liệu đầu vào của bạn không bao giờ rời khỏi thiết bị này. Xử lý hoàn toàn ngoại tuyến. Bảo mật 100%.

Định dạng & Quy tắc chấp nhận

  • Chế độ BUILD soạn các thẻ og:title, og:description, og:image, og:url, og:type, og:site_name và twitter:card/twitter:site/twitter:title/description/image khớp nhau, bỏ qua bất kỳ trường nào bị bỏ trống, với một cú nhấp chuột để sao chép khối sẵn sàng dán.
  • Chế độ AUDIT trích xuất mọi thẻ <meta> og:/twitter: từ HTML đã dán qua DOMParser của trình duyệt, gắn cờ các thẻ bắt buộc bị thiếu (og:title/description/image/url), thẻ trùng lặp và giá trị twitter:card không hợp lệ.
  • Hướng dẫn về độ dài sử dụng các ngưỡng thực tế thường được dẫn: og:title khoảng 60 ký tự trước khi một số nền tảng bắt đầu cắt ngắn (lên đến khoảng 90 trên nền tảng dễ dãi nhất), og:description khoảng 155-200 ký tự.
  • Hiển thị thẻ Twitter/X theo đúng bố cục cho loại thẻ đã khai báo – thẻ "summary" nhỏ gọn với ảnh thu nhỏ vuông, hoặc bố cục "summary_large_image" toàn chiều rộng – cùng với bản xem trước của Facebook, LinkedIn và Discord.

Lợi ích chính

✓ Hai công cụ thực sự trong một: chế độ BUILD tạo chính xác HTML thẻ <meta> og: và twitter: từ biểu mẫu, còn chế độ AUDIT phân tích HTML dán vào để tìm và đánh giá các thẻ hiện có của bạn.
✓ Xác thực thực tế, không phải danh sách kiểm tra hình thức: các thẻ bắt buộc bị thiếu, độ dài og:title/og:description được kiểm tra theo giới hạn cắt ngắn thực tế của nền tảng, và twitter:card được kiểm tra với bốn giá trị được phép thực sự của nó.
✓ Trung thực về những gì không thể xác minh khi ngoại tuyến: kích thước pixel của ảnh chỉ mang tính hướng dẫn trừ khi HTML của bạn đã khai báo og:image:width/og:image:height, vì công cụ này không bao giờ tải ảnh của bạn – do thiết kế, vì quyền riêng tư.
✓ Bốn mô hình nền tảng thực sự khác biệt (bố cục summary và summary_large_image của Twitter/X, Facebook, LinkedIn, Discord) được dựng từ cùng một tiêu đề/mô tả/ảnh, có gắn nhãn rõ ràng là mang tính minh họa.

Trường hợp sử dụng

  • • Đăng bài blog mới với thẻ social đầy đủ: bạn điền tiêu đề, mô tả và ảnh bìa đã lưu trữ, tạo khối thẻ og:/twitter:, rồi dán thẳng vào phần <head> của trang.
  • • Kiểm tra phần <head> của trang đích hiện có sau khi chuyển CMS để phát hiện thiếu og:image, tiêu đề og:title đủ dài để bị cắt trên một số nền tảng, hoặc giá trị twitter:card không hợp lệ còn sót lại.
  • • So sánh cách cùng một tiêu đề và ảnh hiển thị trong thẻ Twitter/X dạng compact so với bố cục summary_large_image trước khi quyết định khai báo loại twitter:card nào.