Open Graph Preview: Tampilan Tautan saat Dibagikan

og:title, og:description, og:url, og:image, dan og:image:alt dianjurkan LinkedIn; ditambah og:type, og:site_name, og:locale, dan twitter:card untuk X. X memakai tag Open Graph sebagai cadangan, jadi umumnya cukup menambah twitter:card. Ukuran gambar (og:image:width/height) disertakan bila gambar berhasil dibaca dari URL.

Ukuran 1200×630 px (rasio sekitar 1,91:1) adalah patokan umum yang aman, bukan kewajiban protokol; LinkedIn menyarankan minimal 1200×627 px dan berkas maksimal 5 MB. Facebook menerima gambar sampai 8 MB, sedangkan dokumentasi WhatsApp meminta gambar di bawah 600 KB dengan lebar minimal 300 px. Pakai gambar yang jelas saat dikecilkan, tanpa teks penting di tepi yang mudah terpotong.

Browser tidak boleh mengambil halaman situs lain, jadi alat ini tidak bisa memeriksa URL secara otomatis. Sebagai gantinya, salin sumber halaman (View Source) dan tempel di kolom HTML; alat membaca og:*, twitter:*, title, meta description, dan link canonical langsung di browser Anda. Tag yang tidak ada dilaporkan, dan kolom yang kosong diisi dari tag cadangan bila tersedia.

Perhatikan bahwa yang dibaca adalah HTML yang Anda tempel. Bila situs memasang tag lewat JavaScript, salin hasil dari “Inspect” (elemen yang sudah dirender), tetapi ingat crawler seperti facebookexternalhit tidak menjalankan JavaScript sehingga tag harus ada di HTML awal.

Facebook, LinkedIn, X, WhatsApp, Slack, dan iMessage mengubah tampilan dan batas potong teks tanpa pengumuman, dan menyimpan hasil lama di cache. Slack, misalnya, menyimpan hasil sekitar 30 menit. Setelah memperbarui tag, bersihkan cache lewat alat resmi platform (mis. Sharing Debugger Facebook dan Post Inspector LinkedIn) lalu uji tautan asli.

Slack dan iMessage tidak menerbitkan spesifikasi ukuran gambar yang rinci, jadi kartunya di sini hanya gambaran umum. Bila Anda mengisi URL gambar, browser Anda memuatnya langsung dari situs pemiliknya untuk pratinjau. Gambar yang dipilih dari perangkat tidak diunggah.