Generator Kartu Sosial (Gambar Open Graph)
Rancang gambar Open Graph 1200×630 dengan judul, deskripsi, dan nama situs di atas gradien, unduh PNG, dan salin tag meta og: dan Twitter yang sesuai.
Media sosial memerlukan URL absolut https://.
Apa itu Generator Kartu Sosial?
Ketika tautan dibagikan di Facebook, LinkedIn, X/Twitter, Slack, atau Discord, platform menampilkan gambar Open Graph halaman itu. Alat ini membuat gambar tersebut dalam ukuran yang direkomendasikan 1200 × 630 px dari Judul, Deskripsi, dan Nama situs Anda di atas gradien berwarna, dan menulis tag meta og: dan twitter: yang sesuai.
Cara menggunakan Generator Kartu Sosial
- Ketik Judul, Deskripsi, dan Nama situs atau domain.
- Pilih Tema atau atur sendiri warna gradien dan teks.
- Klik Unduh PNG dan unggah gambar ke situs Anda.
- Masukkan URL halaman dan URL gambar (tempat Anda mengunggah PNG), lalu salin Tag meta Open Graph dan Twitter ke
<head>halaman Anda.
Contoh
Title: Hello OG
<meta property="og:title" content="Hello OG"> … <meta name="twitter:card" content="summary_large_image">
Ditambah gambar PNG 1200 × 630.
Kapan menggunakan Generator Kartu Sosial
Pakai untuk artikel blog, peluncuran produk, halaman dokumentasi, dan halaman apa pun yang Anda harapkan akan dibagikan. Untuk ribuan halaman, buat gambar secara otomatis saat build. Platform sosial menyimpan cache pratinjau, jadi setelah mengganti gambar, gunakan alat debug mereka (Facebook Sharing Debugger, LinkedIn Post Inspector) untuk menyegarkannya.
Cara kerja Generator Kartu Sosial
Kartu digambar pada canvas 1200×630: latar gradien linear diagonal, nama situs di bagian atas, judul dengan huruf tebal (ukuran font mengecil dari 72 px hingga 40 px sampai muat dalam tiga baris, dengan pembungkusan kata serakah dan pemotongan karakter untuk aksara tanpa spasi) dan hingga dua baris deskripsi. Teks kanan-ke-kiri seperti Arab otomatis diratakan ke kanan. Tag meta mencakup og:title, og:description, og:url, og:image dengan lebar dan tinggi, serta twitter:card yang diatur ke summary_large_image, dengan semua nilai di-escape HTML.
Kasus Penggunaan Umum
- Membuat gambar bagikan untuk artikel blog baru
- Membuat kartu pratinjau yang konsisten untuk halaman dokumentasi
- Mengumumkan peluncuran produk di LinkedIn dan X
- Membuat tag meta og:image untuk landing page
Pertanyaan Umum
Berapa ukuran gambar Open Graph yang sebaiknya dipakai?
1200 × 630 piksel (sekitar 1,91:1) adalah ukuran yang direkomendasikan untuk kartu besar Facebook, LinkedIn, dan X.
Mengapa URL gambar harus absolut?
Platform sosial mengambil gambar dari server mereka sendiri, sehingga og:image harus berupa URL https:// lengkap, bukan path relatif.
Gambar baru saya tidak muncul saat saya membagikan tautan
Platform menyimpan cache pratinjau. Scrape ulang URL dengan debugger platform atau tunggu cache kedaluwarsa.