Membuat Gambar Kartu Twitter dengan API
Gambar kartu Twitter (X) adalah pratinjau besar yang ditampilkan saat sebuah tautan dibagikan di X. FastOG menghasilkannya secara dinamis pada ukuran 1200×630 dan menandai summary_large_image, sehingga setiap halaman mendapatkan kartu X yang tepat tanpa perlu membuat gambar secara manual.
Yang dibutuhkan gambar kartu Twitter
X membaca tag Open Graph dan merender kartu summary_large_image saat halaman menautkan twitter:card = summary_large_image. Gambar dirender pada ukuran 1200×630. FastOG menghasilkan persis seperti itu, dan Anda mengarahkan twitter:image ke URL dinamis yang sama dengan og:image.
Cara memasang kartu Twitter dinamis
Buat URL FastOG Anda sekali, lalu atur tag meta OG dan Twitter ke URL tersebut.
<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=...">
URL yang sama berlaku untuk kedua tag. X akan menggunakan
og:imagesebagai cadangan jikatwitter:imagetidak ada, tetapi mengatur keduanya tidak berbahaya dan lebih eksplisit.
Tips Validator Kartu X
| Pemeriksaan | Detail |
|---|---|
| URL publik | Gambar harus dapat diambil oleh X tanpa autentikasi |
| Ukuran / format file | Jaga di bawah 5 MB; PNG paling baik untuk kartu teks |
| Cache | X melakukan cache secara agresif — gunakan Card Validator untuk memaksa penyegaran |
| URL bertanda tangan | URL dengan tanda tangan konten FastOG hanya membatasi render pertama; kartu yang di-cache tetap valid |
FAQ
Apakah saya perlu gambar terpisah untuk X dan Open Graph?
Tidak. X membaca gambar yang sama dengan ukuran 1200×630. Halaman ini ada karena tag twitter:card yang benar sering kali sulit dipasang dengan tepat.
Mengapa kartu X saya tidak diperbarui setelah saya mengubah judul?
X menyimpan cache kartu lama. Buka Validator Kartu X, tempel URL, dan lakukan pengambilan ulang (re-scrape).
Apakah FastOG menangani tag meta twitter juga?
FastOG menghasilkan gambar; Anda tetap perlu menambahkan tag meta twitter:card dan twitter:image ke halaman Anda (seperti yang ditunjukkan di atas). Generator Tag Meta Open Graph gratis kami Generator Tag Meta Open Graph menulis semua tag tersebut untuk Anda.