Công cụ tạo Twitter (X) Card

Tạo thẻ meta twitter:card cho bản xem trước liên kết trên X (Twitter): summary hoặc summary_large_image, tài khoản site và tác giả, tiêu đề, mô tả, ảnh và alt.

Tối thiểu 300×157 px, tỉ lệ 2:1 (ví dụ 1200×600).

HTML cho phần <head>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@example">
<meta name="twitter:title" content="My Awesome Article">
<meta name="twitter:description" content="A short summary shown in the card.">
<meta name="twitter:image" content="https://example.com/card.png">
<meta name="twitter:image:alt" content="Article cover">
Khi thiếu thẻ twitter:*, X (Twitter) sẽ dùng og:title, og:description và og:image, nên bạn chỉ cần twitter:card cùng những thẻ muốn khác đi.

Tạo Twitter Card là gì?

Công cụ này viết các thẻ meta twitter: mà X (trước đây là Twitter) dùng để hiển thị thẻ liên kết: loại thẻ (summary hoặc summary_large_image), tài khoản @site và @creator, tiêu đề, mô tả, ảnh và văn bản alt của ảnh.

Cách sử dụng Tạo Twitter Card

  1. Chọn loại thẻ: summary (ảnh vuông nhỏ) hoặc summary_large_image (ảnh ngang lớn).
  2. Nhập tài khoản của website và tài khoản tác giả; ký tự @ sẽ được thêm nếu bạn bỏ qua.
  3. Điền tiêu đề, mô tả, URL ảnh và văn bản alt.
  4. Sao chép các thẻ vào phần <head> của trang.

Ví dụ

Đầu vào
summary, @example, title Hello
Đầu ra
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@example">
<meta name="twitter:title" content="Hello">
<meta name="twitter:description" content="A short summary shown in the card.">
<meta name="twitter:image" content="https://example.com/card.png">
<meta name="twitter:image:alt" content="Article cover">

Khi nào nên dùng Tạo Twitter Card

Dùng công cụ khi muốn X hiển thị thẻ ảnh lớn hoặc ghi công cho tài khoản tác giả. Nếu trang đã có thẻ Open Graph, bạn chỉ cần twitter:card cùng những giá trị cần khác đi trên X.

Tạo Twitter Card hoạt động như thế nào

Công cụ luôn xuất twitter:card và chỉ thêm các thẻ khác khi đã được điền, có thoát ký tự HTML. Tên tài khoản được chuẩn hóa để bắt đầu bằng @. image:alt chỉ được thêm cùng với ảnh. X dùng thẻ Open Graph (og:title, og:description, og:image) cho mọi giá trị chưa đặt, nên bạn có thể giữ bộ thẻ twitter: ở mức tối thiểu.

Các Trường Hợp Sử Dụng Phổ Biến

  • Biến một liên kết thường thành thẻ ảnh lớn trên X.
  • Ghi công bài viết cho @tài khoản của tác giả.
  • Dùng ảnh trên X khác với ảnh trên Facebook.
  • Thêm văn bản alt cho ảnh trong thẻ để tăng khả năng tiếp cận.

Câu Hỏi Thường Gặp

Đã có thẻ Open Graph thì có cần thẻ Twitter không?

Chỉ twitter:card là bắt buộc để chọn loại thẻ; ngoài ra X dùng lại og:title, og:description và og:image.

Nên dùng ảnh kích thước bao nhiêu?

summary_large_image: tối thiểu 300×157, lý tưởng 1200×600 (2:1). summary: tối thiểu 144×144, hình vuông.

Sau khi đổi tên thành X thì các thẻ này còn hoạt động không?

Có. X vẫn tiếp tục đọc các thẻ meta twitter:.

Khám phá thêm danh mục

CRC
Thuật toán kiểm tra dư thừa vòng để phát hiện lỗi
MD
Thuật toán tóm tắt thông điệp (MD2, MD4, MD5)
SHA-1
Thuật toán băm an toàn 1 - hàm băm 160-bit
SHA-2
Họ thuật toán băm an toàn 2 (SHA-224, SHA-256, SHA-384, SHA-512)