Mengatasi SSL Mixed Content WordPress

SSL Mixed Content biasa sering dialami ketika melakukaPenerapan SSL di Deprito Network sudah berjalan beberapa bulan belakangan, semenjak kami memindahkan data website kami ke HawkHost, yang kebetulan memiliki fitur di cPanel yang sangat membantu, LetsEncrypt SSL addon! Lebih memudahkan kami dalam memasang SSL gratis. Namun ada kendala ketika migrasi ke HTTPS/SSL, yaitu SSL Mixed Content di Wordpress kami.

Sekedar berbagi, sebelum menggunakan SSL dari LetsEncrypt Deprito Network menggunakan SSL dari Cloudflare yang kebetulan disediakan juga secara gratis oleh pihak Cloudflare. Sedikit gambaran tentang SSL yang diberikan oleh Cloudflare kepada penggunanya.

Lalu kembali ke permasalahan Deprito Network yaitu tentang Mixed Content. Bisa dilihat di gambar berikut, bahwa ternyata ada duplikasi protokol yang ditampilkan pada browser. Yaitu HTTP serta HTTPS.

Alhasil, tidak muncul icon berwarna hijau seperti pada blog MasDeprito yang anda baca saat ini.

Menemukan SSL Mixed Content

Ada 3 cara yang biasa saya gunakan untuk menemukan SSL Mixed Content pada WordPress dan cukup efektif.

Cara ke 3, yang paling saya sukai!

1. View Source
   Cara klasik, yaitu dengan menggunakan fitur “Find/Search” pada browser.
   Tinggal mencari saja konten : “http” di view source. Dan perbaiki 🙂
2. Website WhyNoPadlock
   WhyNoPadlock menyediakan fitur untuk mengecek insecure content pada website SSL.

   

   Nah ternyata dapat ditemukan dengan mudah, bagian insecure content mana yang ternyata terlewat oleh kami.
   Website ini juga melakukan pengecekan insecure content, hingga bagian external content.

3. Chrome Inspector Console
   Nah cara ini merupakan cara yang paling saya pakai, karena lebih “developer” cepat. Dan dapat mengetahui kesalahan lain yang terlewat oleh kami.

   

Nah, begitulah cara kami memperbaiki Mixed Content pada situs Deprito Network. Bagaimana cara kamu?