LocalToolsKumpulan alat browser offline

Kategori: Alat pengembang

Pratinjau Open Graph

Ide kami sendiriAlatnya tidak ada?

Pratinjau tampilan kartu tautan sebuah halaman saat dibagikan

Tempel tag <head> dari sebuah halaman dan lihat bagaimana tautannya akan tampil sebagai kartu saat dibagikan, lengkap dengan daftar periksa kolom Open Graph dan Twitter Card yang belum diisi. Diuraikan sepenuhnya di browser Anda — tidak ada yang diambil atau diunggah.

Pratinjau tautan

uselocaltools.comLocalTools — Free Privacy-First Online ToolsFast, free browser-based tools for developers and everyday tasks.

Daftar periksa

og:title sudah diisi
og:description sudah diisi
og:image sudah diisi
og:url sudah diisi
twitter:card sudah diisi
Description berjumlah 200 karakter atau kurang

Semua yang ada di halaman ini diproses di peramban Anda. Tidak ada yang diunggah.

Apa fungsi alat ini

Saat sebuah tautan dibagikan di media sosial atau aplikasi obrolan, kartu pratinjaunya dibangun dari meta tag Open Graph dan Twitter Card di <head> halaman — bukan dari konten halaman itu sendiri. Tag yang hilang atau salah format berarti title kosong, gambar tidak muncul, atau kartu tidak tampil sama sekali. Alat ini membaca tag yang Anda tempel dan menampilkan kartunya seperti yang akan ditampilkan platform berbagi, lengkap dengan daftar periksa hal yang sudah tersedia.

Cara memakainya

  1. Salin bagian <head> halaman Anda, atau cukup meta tag-nya saja.
  2. Tempelkan ke kolom input.
  3. Periksa kartu pratinjau yang dihasilkan beserta daftar periksa di bawahnya.

Privasi

Alat ini berjalan sepenuhnya di peramban Anda. Masukan Anda tidak pernah diunggah, disimpan, atau dibagikan — menutup tab akan menghapusnya.

Pertanyaan yang sering diajukan

Apakah ini mengambil halaman saya secara langsung?
Tidak — tempel sendiri HTML-nya. Tidak ada yang Anda masukkan dikirim ke mana pun; tag-nya diuraikan langsung di browser Anda.
Mengapa gambar saya tidak muncul?
Pratinjau memuat URL pada tag og:image langsung dari browser Anda, sehingga hanya akan muncul jika URL tersebut publik dan bisa diakses. Tag gambar yang tidak ada juga membuat kartu tampil kosong.
Apakah saya perlu tag Open Graph sekaligus Twitter Card?
Open Graph (og:*) mencakup Facebook, LinkedIn, Slack, dan sebagian besar platform. Twitter/X membaca tag twitter:* terlebih dahulu dan baru beralih ke Open Graph, jadi mengisi keduanya memberi hasil yang paling konsisten.

Kembali ke semua alat