Cegah clickjacking (framing)
Header web · sekitar 5 menit
Dengan bahasa sederhana
Clickjacking menyembunyikan halaman asli Anda di dalam frame tak terlihat di situs jahat, sehingga pengunjung mengklik tombol Anda tanpa sadar.
Apa risikonya
Pengguna bisa tertipu mengubah pengaturan, menyetujui pembayaran, atau menghapus data saat sedang login.
Cara memperbaikinya
Pilih platform yang dipakai situs Anda. Tidak yakin? Teruskan halaman ini ke pengelola website Anda.
Nginx
# inside the server { } block
add_header X-Frame-Options "DENY" always;Apache / .htaccess
<IfModule mod_headers.c>
Header always set X-Frame-Options "DENY"
</IfModule>Cloudflare
Rules → Transform Rules → Modify Response Header
Set static: X-Frame-Options = DENY
# Cloudflare Pages: add to public/_headers
/*
X-Frame-Options: DENYVercel
// vercel.json
{ "headers": [ { "source": "/(.*)", "headers": [
{ "key": "X-Frame-Options", "value": "DENY" }
] } ] }Netlify
# public/_headers
/*
X-Frame-Options: DENYWordPress
// functions.php (child theme) — or use your security plugin's "HTTP headers" setting
add_action('send_headers', function () {
header('X-Frame-Options: DENY');
});Sebelum mengubah apa pun: Jika Anda memakai CSP, padanan modernnya adalah "frame-ancestors 'none'" (atau 'self' jika Anda menyematkan halaman sendiri). Gunakan SAMEORIGIN alih-alih DENY jika situs Anda memang memakai frame untuk halamannya sendiri.
Pastikan sudah berhasil
Jalankan ulang cek ProbeHunt.