Xem trước Twitter Card
Xem trước và tạo thẻ meta Twitter Card cho các trang của bạn
Cài đặt thẻ
0/70 ký tự
0/200 ký tự
Bộ đếm 70/200 chỉ là gợi ý khi soạn. Một số ký hiệu được tính nhiều hơn một ký tự; hiển thị thực tế phụ thuộc vào ứng dụng.
Hãy thử ảnh ngang rộng, ví dụ 1200 × 628 px. Bản xem trước minh họa dùng vùng ảnh tỷ lệ 16:9.
URL ảnh được tải trực tiếp từ trình duyệt của bạn. Máy chủ chứa ảnh sẽ nhận yêu cầu đó.
Chỉ dùng để hiển thị tên miền tại đây. @handle của bạn là thông tin ghi nhận tài khoản.
Xem trước thẻ
example.com
Tiêu đề thẻ của bạn ở đây
Mô tả thẻ của bạn sẽ hiển thị tại đây. Hãy viết điều gì đó hấp dẫn để thu hút khán giả của bạn.
Thêm URL ảnh để xem trước.
Bản xem trước này chỉ mang tính minh họa. Bố cục, cách cắt ảnh, nội dung lưu đệm và ảnh được tải thực tế trên X/Twitter có thể khác.
Các thẻ meta của bạn
<meta name="twitter:card" content="summary_large_image" />
Đã cập nhật thẻ. Hãy thêm chúng vào phần head của trang và kiểm tra trang đã xuất bản.
Hướng dẫn chọn loại thẻ
Trước khi công bố
- Hãy dùng tiêu đề và mô tả phản ánh đúng nội dung trang.
- Hãy chọn ảnh mà phần quan trọng vẫn còn nguyên sau khi bị cắt.
- Hãy để URL ảnh có thể truy cập được với nền tảng tải trang của bạn.
- @handle dùng để ghi nhận tài khoản, không phải địa chỉ trang web.
- Hãy kiểm tra trang đã xuất bản và bản xem trước chia sẻ thực tế; trình soạn thảo này không lấy dữ liệu thẻ của X.
Giới thiệu công cụ xem trước Twitter/X Card miễn phí
Twitter Card (nay là X Card) cho phép đính kèm nội dung đa phương tiện vào các tweet có liên kết đến website của bạn. Khi ai đó chia sẻ một URL từ trang của bạn, thẻ sẽ tự động hiển thị bản xem trước với tiêu đề, mô tả và hình ảnh bạn chỉ định. Công cụ xem trước Twitter Card này cho phép bạn kiểm tra một thẻ minh họa trước khi đăng các thẻ meta. Công cụ không xác minh việc nền tảng tải dữ liệu, bộ nhớ đệm hay kết quả hiển thị cuối cùng.
Công cụ hỗ trợ cả hai loại thẻ chính: Summary Card với ảnh thu nhỏ bên cạnh văn bản, và Summary Card with Large Image đặt hình ảnh nổi bật phía trên tiêu đề và mô tả. Bạn có thể nhập nội dung, xem trước theo thời gian thực và sao chép các thẻ meta HTML sẵn dùng chỉ bằng một cú nhấp.
Dù bạn là người quản lý mạng xã hội muốn tối ưu bản xem trước liên kết, lập trình viên triển khai thẻ meta Open Graph và Twitter, hay người làm tiếp thị nội dung muốn tăng tỷ lệ nhấp cho liên kết được chia sẻ, công cụ miễn phí này giúp quy trình làm việc gọn hơn. Bộ đếm ký tự và thanh màu thể hiện mức gợi ý 70/200 của trình soạn thảo này. Đó không phải giới hạn hiển thị hiện hành được đảm bảo của nền tảng.
Tính năng chính
- Xem trước trực tiếp cả hai loại thẻ Summary và Summary Large Image
- Bộ đếm ký tự theo thời gian thực và thanh màu dùng mức gợi ý của trình soạn thảo cho tiêu đề (70) và mô tả (200)
- Ô nhập URL hình ảnh kèm gợi ý kích thước khuyến nghị cho từng loại thẻ
- Trường @handle của trang để ghi nhận đúng nguồn trên Twitter
- Tự động tạo thẻ meta HTML sẵn sàng dán vào phần <head> của trang
- Sao chép tất cả thẻ meta đã tạo vào bộ nhớ tạm bằng một cú nhấp
- Hướng dẫn so sánh các loại thẻ, cho biết khi nào nên dùng định dạng nào
- Bản xem trước mô phỏng bố cục thẻ Twitter/X (chỉ là ước lượng, không giống từng điểm ảnh)
- Hỗ trợ đầy đủ chế độ tối và bố cục đáp ứng
- Không cần đăng ký, hoàn toàn miễn phí và không giới hạn
Cách sử dụng công cụ xem trước Twitter Card
- Chọn loại thẻ: Chọn giữa Summary (ảnh nhỏ) và Summary Large Image tùy theo nội dung và mục tiêu hình ảnh của bạn.
- Nhập tiêu đề: Viết tiêu đề hấp dẫn dưới 70 ký tự để thu hút sự chú ý trên bảng tin Twitter.
- Thêm mô tả: Viết mô tả ngắn gọn dưới 200 ký tự để khuyến khích người dùng nhấp vào.
- Cung cấp URL hình ảnh: Dán URL đầy đủ của ảnh thẻ (khuyến nghị 1200x628 cho thẻ ảnh lớn, 144x144 cho thẻ summary).
- Xem trước trực tiếp: Kiểm tra bảng xem trước thẻ để biết thẻ sẽ hiển thị gần đúng như thế nào trên Twitter/X.
- Sao chép thẻ meta: Nhấp “Copy All Tags” để sao chép các thẻ meta HTML đã tạo, rồi dán vào phần <head> của trang.
Trường hợp sử dụng
- Quản lý mạng xã hội: Xem trước và tối ưu thẻ liên kết trước khi chia sẻ nội dung để tăng tương tác và tỷ lệ nhấp.
- Lập trình viên web: Tạo thẻ meta Twitter Card chính xác trong quá trình phát triển website và kiểm tra hiển thị trước khi ra mắt.
- Người làm tiếp thị nội dung: Thử các tiêu đề, mô tả và hình ảnh khác nhau để tìm ra tổ hợp hấp dẫn nhất cho liên kết được chia sẻ.
- Chuyên gia SEO: Đảm bảo triển khai đúng thẻ meta mạng xã hội trong các cuộc kiểm tra SEO kỹ thuật.
- Nhóm thương mại điện tử: Xem trước trang sản phẩm hiển thị thế nào khi chia sẻ trên Twitter/X để tối ưu chuyển đổi.
- Tác giả blog: Kiểm tra bản xem trước bài viết hiển thị đúng ảnh đại diện, tiêu đề và đoạn trích trước khi xuất bản.
- PR và truyền thông: Xác minh bản xem trước liên kết của thông cáo báo chí và thông báo trước khi gửi đến các cơ quan truyền thông.
Câu hỏi thường gặp
Công cụ này có miễn phí không?
Có, công cụ xem trước Twitter Card hoàn toàn miễn phí, không cần đăng ký và không giới hạn sử dụng.
Dữ liệu của tôi có an toàn không?
Việc hiển thị bản xem trước và tạo thẻ diễn ra trong trình duyệt của bạn. Tiêu đề và mô tả của bạn không được gửi đến máy chủ của chúng tôi. Khi tải URL hình ảnh, trình duyệt của bạn gửi một yêu cầu đến máy chủ lưu trữ hình ảnh đó.
Kích thước hình ảnh khuyến nghị là bao nhiêu?
Dùng ảnh vuông cho thiết kế thẻ nhỏ và ảnh rộng cho thiết kế thẻ lớn. Trình soạn thảo đưa ra kích thước ví dụ 144×144 và 1200×628 pixel; các kích thước này không kiểm tra định dạng tệp, kích thước hay yêu cầu tải hiện hành của nền tảng. Hãy xem lại hình ảnh trong bản xem trước chia sẻ thực tế sau khi xuất bản.
Tôi có cần cả Twitter Card và thẻ Open Graph không?
Siêu dữ liệu Open Graph và siêu dữ liệu riêng của Twitter đều mô tả bản xem trước trên mạng xã hội. Hãy triển khai các thẻ mà những nền tảng bạn nhắm tới yêu cầu và kiểm tra kết quả sau khi xuất bản; trình soạn thảo này không xác nhận hành vi dự phòng cũng không đảm bảo kiểm soát hoàn toàn cách hiển thị.
Tại sao thẻ của tôi không cập nhật sau khi đổi thẻ meta?
Nền tảng có thể giữ lại siêu dữ liệu hoặc hình ảnh đã tải trước đó. Hãy xác nhận trang và URL hình ảnh đã xuất bản có chứa thay đổi của bạn, rồi kiểm tra bản xem trước chia sẻ thực tế. Trình soạn thảo này không kiểm tra hay xóa bộ nhớ đệm của X và không thể hứa hẹn khoảng thời gian làm mới hay mẹo dùng chuỗi truy vấn.
Bản xem trước này có khớp chính xác với hiển thị thực tế trên Twitter không?
Đây là bản xem trước mang tính minh họa. Bố cục của ứng dụng, cách cắt ảnh, dữ liệu đã lưu đệm và việc tải hình ảnh có thể cho kết quả khác đáng kể; hãy kiểm tra bản xem trước chia sẻ thực tế của trang đã xuất bản.
Mẹo và thực hành tốt nhất
- Giữ tiêu đề dưới 70 ký tự: Tiêu đề dài hơn sẽ bị cắt trong bản xem trước thẻ, làm mất thông điệp chính của bạn.
- Viết mô tả hướng đến hành động: Dùng ngôn từ hấp dẫn để khuyến khích nhấp chuột và giữ dưới 200 ký tự.
- Dùng hình ảnh chất lượng cao: Hình ảnh mờ hoặc độ phân giải thấp làm giảm lòng tin và tương tác. Luôn dùng kích thước khuyến nghị.
- Thêm @handle của trang: Việc này giúp ghi nhận đúng nguồn và có thể tăng khả năng hiển thị tài khoản của bạn khi liên kết được chia sẻ.
- Kiểm tra trước khi đăng: Xem trước thẻ trong công cụ này, rồi dán URL vào khung soạn bài đăng trên X để xác nhận thẻ thực tế trước khi đăng.
- Triển khai cả thẻ OG và Twitter: Dùng thẻ Open Graph làm nền tảng và thẻ Twitter Card để tùy chỉnh riêng cho nền tảng.