Pratinjau Open Graph & Kartu Sosial

Pratinjau bagaimana sebuah tautan terbentang menjadi kartu sosial di X, LinkedIn, Slack, Discord, dan Facebook dari judul, deskripsi, URL gambar, dan URL halaman.

Memuat alat…

Pratinjau Open Graph & Kartu SosialPratinjau Open Graph & Kartu Sosial menampilkan tampilan tautan Anda saat dibagikan di platform sosial. Ketik judul, deskripsi, URL gambar, dan URL halaman, lalu beralih antara X, LinkedIn, Slack, Discord, dan Facebook untuk melihat maket langsung kartu tautan untuk masing-masing. Semuanya dirender di browser Anda — teks Anda tidak pernah diunggah, dan URL gambar dimuat langsung dari hostnya ke pratinjau, bukan melalui server kami.

Apa itu Pratinjau Open Graph & Kartu Sosial?

Ini adalah alat pratinjau visual untuk kartu Open Graph (OG) dan kartu sosial. Tag meta Open Graph dan Twitter Card memberi tahu platform judul, ringkasan, dan gambar apa yang harus ditampilkan ketika seseorang membagikan tautan Anda, dan alat ini menyusun ulang kartu tautan tersebut agar Anda dapat memeriksanya sebelum memublikasikan. Pemasar, penulis konten, dan pengembang menggunakannya saat meluncurkan postingan blog, halaman arahan, atau halaman produk untuk memastikan judul tidak terpotong, gambar memenuhi bingkai, dan domain terbaca dengan benar. Pilih platform dengan kontrol tersegmentasi untuk melihat tata letak spesifiknya: X, Facebook, dan LinkedIn merender gambar banner besar dengan judul dan deskripsi di bawahnya, sedangkan Slack dan Discord menampilkan kartu ringkas dengan bilah aksen, domain, dan thumbnail kecil. Baris domain diturunkan secara otomatis dari URL halaman. Alat ini hanya membuat maket kartu dari nilai yang Anda masukkan — alat ini tidak men-crawl halaman langsung Anda maupun membaca tag meta yang sudah ada.

Cara menggunakan Pratinjau Open Graph & Kartu Sosial

  1. Masukkan judul halaman yang harus muncul sebagai judul kartu.
  2. Tulis deskripsi (baris ringkasan yang ditampilkan di bawah judul).
  3. Tempel URL gambar absolut (idealnya 1200×630) untuk memuat gambar pratinjau.
  4. Masukkan URL halaman — domain yang ditampilkan pada kartu diturunkan darinya.
  5. Beralih antara X, LinkedIn, Slack, Discord, dan Facebook untuk membandingkan tata letak tiap platform.
  6. Sesuaikan judul dan deskripsi hingga tidak ada yang terpotong dan kartu terlihat pas.

Contoh

Kartu postingan blog

Judul 'How to Bake Sourdough', deskripsi singkat, gambar og.png, dan URL https://blog.example.com/sourdough dirender sebagai kartu banner besar di X dengan domain blog.example.com di atas judul.

Pembentangan Slack/Discord

Beralih ke Slack menampilkan nilai yang sama sebagai kartu ringkas dengan bilah aksen di kiri, domain, judul, dan thumbnail persegi kecil di kanan.

Gambar tidak ada

Biarkan URL gambar kosong dan pratinjau menampilkan bingkai placeholder dalam rasio aspek yang benar sehingga Anda tetap dapat menilai spasi dan tata letak teks.

Pertanyaan yang sering diajukan

Platform apa saja yang bisa saya pratinjau?
Lima: X (Twitter), LinkedIn, Slack, Discord, dan Facebook. X, Facebook, dan LinkedIn digambar sebagai kartu banner bergambar besar, sedangkan Slack dan Discord menggunakan gaya pembentangan ringkas dengan bilah aksen dan thumbnail kecil. Gunakan tombol pengalih platform untuk beralih di antaranya secara instan.
Apakah alat ini membaca tag Open Graph dari halaman langsung saya?
Tidak. Alat ini tidak men-crawl atau mengambil halaman Anda maupun mengurai tag meta yang sudah ada. Alat ini membangun kartu murni dari judul, deskripsi, URL gambar, dan URL halaman yang Anda ketik, jadi ini adalah pratinjau pengandaian, bukan validator halaman yang sudah dipublikasikan.
Dari mana gambar pratinjau berasal?
Gambar dimuat langsung oleh browser Anda dari URL gambar yang Anda masukkan — gambar itu berpindah dari host gambar itu sendiri ke browser Anda, bukan melalui server kami. Jika gambar tidak muncul, periksa apakah URL bersifat absolut (diawali https://) dan dapat diakses publik.
Mengapa judul atau deskripsi saya terpotong di kartu?
Platform sosial memotong judul dan deskripsi yang panjang, dan pratinjau menirunya dengan membatasi baris. Jika teks terpotong di sini, kemungkinan besar juga terpotong saat dibagikan, jadi perpendek hingga muat.
Apakah data saya dikirim ke server?
Tidak. Judul, deskripsi, dan URL yang Anda ketik tetap di browser Anda dan tidak pernah kami unggah, catat, atau simpan. Satu-satunya permintaan eksternal adalah browser Anda mengambil gambar pratinjau dari URL yang Anda berikan, yang merupakan perilaku browser yang normal.

Alat terkait