Cara memperbaiki mixed content di blogger

 

Cara memperbaiki postingan tidak muncul di blogger, biasanya itu di karenkan oleh mixed content bisa di lihat melalui google chrome di TAB console - Jika baru saja memigrasikan situs web dari koneksi HTTP ke koneksi HTTPS, Anda mungkin masih mengalami masalah dalam menerima peringatan mixed content. Lebih buruk lagi, situs Anda mungkin dianggap tidak aman bagi pengunjung yang menyebabkan mereka berpindah ke situs lain.

Google akan sepenuhnya menghapus dukungan untuk protokol TLS lama, yang akan memblokir semua konten yang tidak aman secara default. Dengan kata lain, konten di situs Anda yang tidak load dengan HTTPS tidak bisa ditampilkan oleh pengunjung web.

Apa itu mixed content?

Menurut Google, mixed content terjadi ketika HTML di situs web dimuat melalui koneksi HTTPS (sertifikat SSL yang baru saja diinstal) tetapi konten lain, seperti gambar, konten video, stylesheet, dan skrip yang lain, akan di proses melalui HTTP. Hal ini menyebabkan beberapa konten web dimuat dengan aman dan beberapa konten web dimuat dengan tidak aman. itu yang dinamakan mixed content.

Lalu apa salahnya dengan mixed content atau melalui koneksi HTTPS, apakah konten itu sendiri aman atau tidak. Dan ketika ini terjadi, browser seperti Google Chrome akan menampilkan peringatan kepada pengguna yang mencoba melihat konten web bahwa situs tersebut berisi konten tidak aman.

Gambar diatas mengilustrasikan koneksi HTTP dan HTTPS, Situs web yang diload melalui koneksi HTTPS memberikan manfaat berikut:

• Autentikasi : memberi fasilitas keamanan untuk pengunjung, terutama jika Anda menjalankan toko online dan berbagai kegiatan perbankan.
• Integritas data. Beri tahu pengunjung situs secara visual bahwa informasi pribadi dan keuangan mereka aman dan terlindungi dari peretas, apa pun tindakan yang mereka lakukan di situs Anda. Selain itu, berikan browser kemampuan untuk mendeteksi apakah peretas telah mengubah data apa pun yang diterima browser. Dengan kata lain, bantu pengguna percaya bahwa peretas tidak mengalihkan uang yang dibayarkan melalui toko online Anda ke akun lain.
• Anonimitas. Menjamin pengunjung situs bahwa perilaku mereka saat berada di situs Anda tidak disadap oleh orang lain dan digunakan untuk tujuan lain.

Singkatnya, HTTPS memungkinkan pemilik situs web untuk mengamankan data mereka dan membangun kepercayaan dengan mengunjungi situs mereka, sehingga mereka dapat terus membangun brand dan bisnis mereka.

Mengapa Mixed content menjadi Masalah Keamanan?

                                                          Image source google dev

Setiap kali ada konten campuran atau tidak aman di halaman web, seluruh situs web menjadi rentan terhadap serangan. Meskipun tidak membuka halaman web untuk semua jenis kejahatan dunia maya, ini melemahkan keamanan situs secara keseluruhan. Artinya, jika peretas mengakses situs web yang memuat mixed content, mereka mungkin dapat mengendalikan seluruh laman, bukan hanya sumber daya yang tidak aman.

Sementara sebagian besar browser menampilkan peringatan koneksi tidak aman untuk dilihat orang sebelum mereka mengunjungi situs web, kenyataannya, banyak dari peringatan ini datang terlambat. Faktanya, seringkali peretas telah membobol situs web dengan mixed content dan mulai melakukan kerusakan tanpa diketahui oleh pemilik situs.

Berikut adalah beberapa contoh kurang aman untuk web yang masih berbasis HTTP :

• Peretas dapat menyadap permintaan HTTP untuk memuat gambar dan menukar gambar situs Anda dengan gambar lain yang sudah di exploit oleh peretas.
• Seorang hacker dapat menyadap konten dan melakukan request kembali dengan request yang sudah dimanupulasi(XSS) atau via burpsuite.
• Kata sandi, cookie sesi, dan kredensial login lainnya bisa di dapat oleh penjahat dunia maya.
• Pengunjung situs Anda dapat dialihkan ke situs lain tanpa mengetahui perbedaannya (phising atau scampage dan sejenisnya)

Browser melakukan yang terbaik untuk memblokir jenis mixed content yang paling berbahaya di situs web. Namun, tidak mungkin untuk memblokir semuanya (meskipun itu tampak seperti solusi yang jelas) karena begitu banyak situs web yang sudah mapan dan Memblokir semua itu akan menyebabkan kehancuran dan menyebabkan banyak masalah.

Cara Menemukan dan Memperbaiki Peringatan mixed content di Situs Web.

Jika Anda telah mengambil pendekatan proaktif terhadap keamanan situs dan telah memasang sertifikat SSL di situs Anda, banggalah. Data dari Laporan Transparansi Google menunjukkan bahwa pengguna desktop memuat lebih dari setengah halaman yang mereka kunjungi melalui koneksi HTTPS dan menghabiskan lebih dari dua pertiga waktu mereka di halaman web HTTPS.

                                                                    image source

Namun, hanya karena Anda telah melakukan hal yang benar dengan mengenkripsi data situs Anda, bukan berarti konten situs web Anda sepenuhnya aman. Itu sebabnya Anda harus bekerja keras untuk mencegah memuat mixed content di situs web Anda sejak awal. Jika tidak, sertifikat SSL itu tidak berguna bagi Anda.

Mari kita lihat cara menemukan dan memperbaiki pemuatan mixed content di situs web HTTPS menggunakan Google Chrome atau browser favorit kalian.

1. Kunjungi website kalian.

Mengunjungi situs web Anda untuk menemukan peringatan mixed content atau tidak aman mungkin tampak jelas. Namun, pada kenyataannya, berapa kali Anda dengan santai mengunjungi situs web Anda sendiri seolah-olah Anda adalah pengunjung situs.

Penting bagi Anda untuk memeriksa situs Anda terlebih dahulu untuk melihat apakah Anda memuat mixed content atau tidak, Google Chrome akan menampilkan peringatkan mixed content jika terdapat miced content di website kalian.

Untuk melihat peringatan mixed content di Chrome, pertama-tama klik halaman web yang ingin Anda periksa. Kemudian, klik kanan dan gulir ke bawah ke 'Inspect Element'. Saat Anda melakukannya, pilih tab Console. Browser akan mendeteksi mixed content dan menampilkan peringatan seperti gmabar di bawah.

                                                                       souce image

developer tools Chrome hanya akan menampilkan peringatan mixed content untuk laman web yang sedang Anda lihat. Ini berarti Anda harus memeriksa secara manual setiap halaman web di situs web Anda jika Anda ingin memperbaiki semua peringatan mixed content di situs Anda. Seperti yang Anda lihat, ini bisa menjadi tugas yang sangat memakan waktu dan membosankan jika Anda tidak mengetahui masalahnya sejak dini.

2. Ubah url situs kalian menjadi HTTPS

Jika situs web Anda dirender sama melalui koneksi HTTP dan HTTPS, langkah selanjutnya adalah mengubah URL dari http:// menjadi https://, edit template blogger kalian dan ganti menjadi HTTPS dan save.

Kemudian, jalankan kembali untuk memeriksa apa sudah di perbaiki ,reload halaman web tersebut dan pastikan mixed content tadi sudah di render dengan HTTPS.

3. Upgrade-Insecure-Requests

Cara lain untuk secara otomatis mendeteksi dan memperbaiki peringatan mixed content di situs HTTPS Anda sebelum menjadi masalah adalah dengan menggunakan attribut direktif permintaan peningkatan versi. Alat ini memberi tahu browser untuk memutakhirkan semua URL HTTP sebelum membuat permintaan pengguna apa pun.

Dengan kata lain, URL HTTP dibuat menjadi HTTPS sebelum dimuat untuk pengunjung situs anda. edit Html kalian dan paste kode di bawah ini.

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

Ingat, jika sumber daya yang dimuat melalui HTTP dan HTTPS tidak tersedia melalui HTTPS, alat ini tidak akan berfungsi. Oleh karena itu, sumber daya tidak akan ditingkatkan sebagai aman dan tidak akan dimuat untuk pengunjung situs. Meskipun ini berarti pengunjung situs akan kehilangan beberapa konten situs Anda, itu juga berarti mereka tetap aman saat menjelajahi situs Anda.

Kesimpulan :

Selalu gunakan SSL atau HTTPS untuk situs web anda , walaupun itu gratisan juga tidak masalah. karna dijaman modern hanya https yang didukung oleh kebanyakan browser,  saran kalo tidak punya dana buat beli ssl , pake cloudflare seperti punya saya :)