","err_audit_input_required":"Dán HTML chứa thẻ meta của bạn trước.","mockups_heading":"Nó trông như thế nào dưới dạng bản xem trước liên kết","mockups_disclaimer":"Bốn thẻ này được tạo kiểu gần đúng với chrome xem trước liên kết thực của mỗi nền tảng, được xây dựng chỉ cho mục đích lập kế hoạch — chúng không phải là bản tìm nạp trực tiếp hoặc ảnh chụp màn hình của Twitter/X, Facebook, LinkedIn hoặc Discord và các nền tảng có thể thiết kế lại giao diện người dùng 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":"Bất hòa","mockup_image_alt":"Liên kết hình ảnh xem trước","mockup_no_image":"Không có hình ảnh được cung cấp","mockup_no_image_short":"Không có hình ảnh","domain_default_fallback":"ví dụ.com","audit_missing_title":"Thiếu og:title — hầu hết các nền tảng đều hiển thị tiêu đề chung hoặc tiêu đề trống mà không có tiêu đề đó.","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 đều không hiển thị hình ảnh hoặc quay lại hình ảnh đầu tiên được tìm thấy trên trang.","audit_missing_url":"Thiếu og:url — nếu không có nó, lượt chia sẻ của các URL thay thế (có thông số theo dõi, phiên bản AMP, v.v.) có thể không hợp nhất thành trang chuẩn.","audit_title_too_long":"og:title là {length} ký tự — trên điểm ký tự ~{max} mà hầu hết các nền tảng sẽ cắt bớt ký tự đó.","audit_title_long":"og:title là {length} ký tự — trên điểm ký tự ~{max} nơi một số nền tảng bắt đầu cắt bớt nó, mặc dù nó vẫn có thể hiển thị đầy đủ ở nơi khác.","audit_title_ok":"og:title là {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 là {length} ký tự — trên điểm ký tự ~{max} mà hầu hết các nền tảng sẽ cắt bỏ nó.","audit_description_long":"og:description là {length} ký tự — trên điểm ký tự ~{max} nơi một số nền tảng bắt đầu cắt bớt ký tự đó.","audit_description_ok":"og:description có {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":"og:url value \"{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":"og:giá trị hình ảnh \"{value}\" không phải là URL http(s) tuyệt đối — hầu hết các nền tảng đều yêu cầu URL hình ảnh đủ điều kiện.","audit_image_dims_small":"Đã khai báo og:image:width/height là {w}×{h} — dưới mức tối thiểu 1200×630 được khuyến nghị rộng rãi cho các bản xem trước liên kết.","audit_image_dims_ok":"Đã khai báo og:image:width/height là {w}×{h} — đáp ứng mức tối thiểu được khuyến nghị rộng rãi là 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ìm nạp hình ảnh, điều mà theo thiết kế, công cụ này không bao giờ thực hiện để đảm bảo quyền riêng tư. Khuyến nghị tối thiểu: 1200×630.","audit_twitter_card_missing":"Không có thẻ twitter:card - Twitter/X thường sẽ quay trở lại các thẻ og: tương đương, nhưng một thẻ twitter:card rõ ràng sẽ đáng tin cậy hơn.","audit_twitter_card_invalid":"twitter:giá trị thẻ \"{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: tóm tắt, summary_large_image, ứng dụng, trình phát.","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 một hình ảnh để hiển thị chính xác.","audit_twitter_title_fallback":"Không có twitter:title được đặt - Twitter/X sẽ quay lại og:title.","audit_twitter_description_fallback":"Không có bộ twitter:description — Twitter/X sẽ quay lại og:description.","audit_twitter_image_fallback":"Không có twitter:image được đặt - Twitter/X sẽ quay lại og:image.","audit_duplicate_tag_item":"\"{tag}\" được khai báo {count} lần — chỉ phân tích cú pháp cuối cùng của hầu hết các nền tảng 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

Trình tạo thẻ OG & Twitter - Trình tạo thẻ meta, Kiểm tra viên & Xem trước

Xây dựng các thẻ <meta> Open Graph và Twitter từ mộ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:thẻ — sau đó xem trước cả hai trong các mô hình thẻ liên kết Twitter/X, Facebook, LinkedIn và Discord được thiết kế lại thực sự.

Buy Me a Coffee at ko-fi.com
Đang xử lý... 0%
Đọc đầu vào
Xây dựng/kiểm tra thẻ
Hiển thị bản xem trước
Xong

kết quả

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

Trong chế độ AUDIT, dán đánh dấu <head> hiện có của bạn hoặc HTML của toàn bộ trang và công cụ phân tích cú pháp đó 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 bước kiểm tra thực sự quan trọng: bốn thẻ thường được yêu cầu (og:title, og:description, og:image, og:url) được gắn cờ nếu thiếu; og:title được đo dựa trên điểm khoảng 60 ký tự mà một số nền tảng bắt đầu cắt bớt nó và điểm khoảng 90 ký tự mà hầu hết các nền tảng sẽ làm như vậy; og:description được đo dựa trên phạm vi khoảng 155 đến 200 ký tự mà hầu hết các nền tảng cho phép trước khi cắt nó đi; twitter:card được kiểm tra dựa trên bốn giá trị thực mà trình xác thực Thẻ của Twitter chấp nhận - tóm tắt, summary_large_image, ứng dụng, trình phát - và được 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 đến mức đáng ngạc nhiên) được gọi theo tên.

Kích thước hình ảnh được xử lý trung thực: công cụ này không thể xác minh kích thước pixel thực tế của hình ảnh của bạn nếu không tìm nạp nó và nó cố tình không bao giờ làm điều đó, phù hợp với chính sách không yêu cầu bên ngoài của trang web này. Nếu HTML của bạn đã khai báo og:image:width và og:image:height, những con số được khai báo đó sẽ được kiểm tra theo 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ì một kết quả đậu hoặc trượ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 hình thu nhỏ "tóm tắt" nhỏ gọn và bố cục "tóm tắt_hình ảnh" có chiều rộng đầy đủ tùy thuộc vào giá trị twitter:card), Facebook, LinkedIn và Discord - mỗi mô hình đều được thiết kế lại một cách chân thực để phù hợp với kiểu chữ và quy ước bố cục riêng của nền tảng đó thay vì một hộp có biểu tượng khác nhau và mỗi chế độ đều được gắn nhãn rõ ràng là một hình ảnh minh họa gần đúng cho mục đích lập kế hoạch, vì các nền tảng thực sẽ thay đổi kiểu dáng của bản xem trước bằng chrome theo thời gian và công cụ này không bao giờ tìm nạp hoặc xóa chúng để kiểm tra.

🛡️
Thực hiện trong trình duyệt

Các tập tin và dữ liệu đầu vào của bạn sẽ không bao giờ rời khỏi thiết bị này. Quá trình xử lý chạy hoàn toàn ngoại tuyến. An toàn 100%.

Định dạng và quy tắc được chấp nhận

  • Chế độ BUILD bao gồm các thẻ og:title, og:description, og:image, og:url, og:type, og:site_name và các thẻ twitter:card/twitter:site/twitter:title/description/image phù hợp, bỏ qua bất kỳ trường nào để trống, với một bản sao của khối sẵn sàng để dán chỉ bằng một cú nhấp chuột.
  • Chế độ AUDIT trích xuất mọi thẻ og:/twitter: <meta> từ HTML được dán thông qua DOMParser của trình duyệt, các cờ thiếu thẻ bắt buộc (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 trích dẫn: og:title khoảng 60 ký tự trước khi một số nền tảng bắt đầu cắt bớt nó (tối đa khoảng 90 ở mức cho phép nhất), og:description khoảng 155-200 ký tự.
  • Hiển thị thẻ Twitter/X theo bố cục chính xác cho loại thẻ đã khai báo — thẻ "tóm tắt" nhỏ gọn với hình thu nhỏ hình vuông nhỏ hoặc bố cục "hình ảnh_tóm tắt_lớn" có chiều rộng đầy đủ - cùng với các bản xem trước trên Facebook, LinkedIn và Discord.

Lợi ích chính

✓ Hai công cụ thực sự trong một: chế độ BUILD tạo ra HTML thẻ og: và twitter: <meta> chính xác từ một biểu mẫu và chế độ KIỂM TOÁN phân tích cú pháp HTML đã dán để tìm và xếp loại các thẻ hiện có của bạn.
✓ Xác thực thực, không phải danh sách kiểm tra mỹ phẩm: thiếu thẻ bắt buộc, og:title/og:description độ dài được kiểm tra theo giới hạn thực tế mà nền tảng cắt bớt và twitter:card được kiểm tra theo bốn giá trị thực được phép của nó.
✓ Trung thực về những gì không thể xác minh ngoại tuyến: kích thước pixel hình ả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ìm nạp hình ảnh của bạn — theo thiết kế, vì lý do bảo mật.
✓ Bốn mô hình nền tảng thực sự khác nhau (tóm tắt của Twitter/X so với bố cục hình ảnh tóm tắt_large, Facebook, LinkedIn, Discord) được xây dựng từ cùng một tiêu đề/mô tả/hình ảnh, được gắn nhãn rõ ràng là minh họa.

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

  • • Gửi một bài đăng blog mới với các thẻ xã hội phù hợp: điền tiêu đề, mô tả và ảnh bìa được lưu trữ, tạo khối thẻ og:/twitter: và dán thẳng vào <head> của trang.
  • • Kiểm tra <head> của trang đích hiện tại sau khi di chuyển CMS để phát hiện og:image bị thiếu, og:title đủ dài để bị cắt bớ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 cùng một tiêu đề và hình ảnh trong thẻ tóm tắt nhỏ gọn của Twitter/X với bố cục hình ảnh tóm tắt_large_image có chiều rộng đầy đủ trước khi quyết định loại twitter:card nào cần khai báo.