Cara Menambahkan Security Headers di Cloudflare untuk Blog Blogger

Keamanan situs sering dianggap urusan teknis yang rumit, padahal sebagian besar perlindungan dasarnya bisa diatur dari dashboard Cloudflare tanpa menyentuh kode tema. Dengan menambahkan beberapa security headers, browser pengunjung diberi instruksi tentang cara memuat halaman, sehingga risiko seperti pembingkaian situs oleh pihak lain dan kebocoran informasi rujukan bisa dikurangi. Artikel ini membahas langkah-langkah praktisnya untuk blog yang memakai domain sendiri dan dilayani lewat Cloudflare.

Cara Menambahkan Security Headers di Cloudflare untuk Blog Blogger

Sebelum Mulai: Pastikan Trafik Lewat Cloudflare

Rule di Cloudflare hanya berjalan jika lalu lintas benar-benar melewati jaringan Cloudflare. Caranya, buka menu DNS dan pastikan catatan untuk domain utama dan www berstatus Proxied, ditandai ikon awan oranye. Jika ikon awan berwarna abu-abu (DNS only), rule tidak akan berpengaruh karena pengunjung langsung terhubung ke server asal.

Siapkan juga daftar header yang akan ditambahkan. Dengan daftar yang sudah jelas di tangan, proses pengisian form akan jauh lebih cepat dan minim salah ketik.

Membuat Response Header Transform Rule

Menu Cloudflare sering berubah tampilannya, jadi nama menu di akun Anda bisa sedikit berbeda. Secara umum, alurnya tetap sama: buka domain Anda, masuk ke bagian Rules, lalu pilih Overview.

Memilih Jenis Rule yang Tepat

Cari opsi Response Header Transform Rule. Jangan memilih Request Header Transform Rule, karena jenis itu hanya mengubah permintaan yang masuk ke server, bukan header yang dikirim kembali ke pengunjung. Beri nama rule yang mudah dikenali, misalnya Security headers.

Menentukan Permintaan yang Terkena Rule

Pada bagian kondisi, pilih opsi untuk semua permintaan masuk. Jika pilihan tersebut tidak tersedia, gunakan ekspresi yang memeriksa host, misalnya nama www dan domain tanpa www sekaligus, agar kedua versi alamat mendapat header yang sama.

Empat Header yang Direkomendasikan

Setiap header memiliki fungsi berbeda. Tambahkan satu per satu dengan operasi Set static, lalu salin nilainya persis tanpa tanda kutip ganda di awal atau akhir.

X-Frame-Options

Header ini mencegah situs Anda dibingkai oleh situs lain, yang berguna untuk mengurangi serangan clickjacking. Nilai SAMEORIGIN mengizinkan bingkai hanya dari domain yang sama.

Referrer-Policy

Header ini mengatur seberapa banyak informasi asal halaman dikirim ketika pengunjung mengklik tautan ke situs lain. Nilai strict-origin-when-cross-origin menjaga keseimbangan antara privasi dan kemampuan situs tujuan membaca data rujukan.

Permissions-Policy

Header ini membatasi akses browser ke fitur perangkat seperti kamera, mikrofon, dan lokasi. Blog biasanya tidak membutuhkan fitur tersebut, sehingga membatasinya adalah langkah yang aman.

Content-Security-Policy

Ini adalah header paling kuat sekaligus paling rentan membuat sesuatu rusak. Nilai dasar yang dipakai di sini hanya mengatur hal-hal tertentu seperti base-uri, object-src, dan frame-ancestors, serta memaksa tautan HTTP dinaikkan ke HTTPS. Karena situs yang memakai iklan pihak ketiga memuat skrip dari banyak sumber, CSP yang terlalu ketat bisa menghentikan iklan dimuat.

Deploy dan Verifikasi

Setelah semua baris terisi, periksa kembali bahwa seluruh operasi berstatus Set static, lalu deploy. Tunggu sekitar satu menit agar perubahan tersebar ke jaringan Cloudflare.

Untuk memastikan hasilnya, ada tiga cara. Pertama, pindai alamat situs di securityheaders.com dan pastikan keempat header tampil. Kedua, jalankan perintah curl -sI diikuti alamat situs di terminal untuk melihat header yang dikirim server. Ketiga, buka tab Network di browser, muat ulang halaman, lalu lihat Response Headers pada permintaan dokumen pertama.

Uji Fungsi Situs Setelah Perubahan

Header keamanan kadang berdampak pada fitur yang sudah berjalan. Setelah deploy, periksa beberapa hal di beranda dan satu halaman artikel: iklan tetap tampil (mungkin perlu menunggu beberapa detik), kolom komentar dapat dimuat, tombol berbagi berfungsi, dan gambar serta font tampil normal.

Catatan untuk Pratinjau Tema Blogger

Header X-Frame-Options dan frame-ancestors melarang situs lain membingkai halaman Anda, termasuk pratinjau tema di dashboard Blogger. Jika pratinjau tampak kosong, itu perilaku yang wajar. Buka pratinjau di tab baru, atau nonaktifkan rule sementara saat mengedit tema.

Jika Ada yang Rusak: Cara Rollback

Jika setelah deploy ada fitur yang tidak berfungsi, buka kembali daftar rule, lalu nonaktifkan rule Security headers. Tunggu satu menit, muat ulang situs, dan bandingkan hasilnya. Jika masalahnya ada pada iklan, hapus dulu header Content-Security-Policy, karena itu yang paling mungkin memengaruhi pemuatan skrip pihak ketiga.

Kesimpulan

Menambahkan security headers di Cloudflare adalah cara sederhana untuk memperkuat blog tanpa mengubah kode tema. Mulailah dengan empat header dasar, verifikasi hasilnya, lalu uji fungsi situs. Dengan langkah bertahap seperti ini, Anda bisa meningkatkan keamanan sambil tetap menjaga iklan dan fitur lain berjalan normal.

Baca Juga Artikel Menarik