Tạo Ảnh Twitter Card Bằng API
Ảnh Twitter (X) card là bản xem trước lớn hiển thị khi một liên kết được chia sẻ trên X. FastOG tạo ảnh này một cách động ở kích thước 1200×630 và báo hiệu summary_large_image, để mọi trang đều có thẻ X phù hợp mà không cần tạo ảnh thủ công.
Twitter card image cần những gì
X đọc các thẻ Open Graph và hiển thị thẻ summary_large_image khi trang liên kết twitter:card = summary_large_image. Hình ảnh được hiển thị ở kích thước 1200×630. FastOG tạo ra chính xác điều đó, và bạn trỏ twitter:image đến cùng một URL động như og:image.
Cách gắn thẻ Twitter động
Tạo URL FastOG của bạn một lần, sau đó đặt cả thẻ meta OG và Twitter trỏ đến URL đó.
<meta property="og:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Post">
<meta name="twitter:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
Cùng một URL hoạt động cho cả hai thẻ. X sẽ dự phòng sang
og:imagenếu thiếutwitter:image, nhưng việc đặt cả hai là vô hại và rõ ràng.
Mẹo kiểm tra thẻ X (X Card validator)
| Kiểm tra | Chi tiết |
|---|---|
| URL công khai | Hình ảnh phải được X truy cập được mà không cần xác thực |
| Kích thước / định dạng tệp | Giữ dưới 5 MB; PNG là tốt nhất cho thẻ văn bản |
| Bộ nhớ đệm | X lưu đệm tích cực — hãy dùng Card Validator để buộc làm mới |
| URL đã ký | URL ký nội dung của FastOG chỉ chặn lần hiển thị đầu tiên; thẻ đã lưu đệm vẫn hợp lệ |
Câu hỏi thường gặp
Tôi có cần ảnh riêng cho X và Open Graph không?
Không. X đọc cùng một ảnh 1200×630. Trang này tồn tại vì các thẻ twitter:card đúng rất dễ bị sai sót.
Tại sao thẻ X của tôi không cập nhật sau khi tôi đổi tiêu đề?
X lưu bộ nhớ đệm (cache) thẻ cũ. Mở X Card Validator, dán URL và quét lại.
FastOG có xử lý các thẻ meta twitter không?
FastOG tạo ảnh; bạn vẫn cần thêm các thẻ meta twitter:card và twitter:image vào trang của mình (như đã trình bày ở trên). Công cụ miễn phí Open Graph Meta Tag Generator của chúng tôi sẽ viết tất cả các thẻ cho bạn.