Mixed content atau konten campuran sering terjadi saat kita hijrah dari http atau https dalam pemasangan SSL/ TLS. Namun, ini juga bisa terjadi karena faktor lainnya juga. Yang pasti, masalah mixed content harus segera kita atasi.
Karena jika tidak, mixed content ini akan sangat mengganggu pengguna yang mengakses website kita. Ada sebagian konten yang tidak bisa diakses dan tidak menggunakan protokol yang seharusnya.
Nah di artikel ini, Panda akan mengulas secara khusus apa itu mixed content dan bagaimana cara mengatasi permasalahan ini. Semoga bermanfaat!
Apa itu Mixed Content?
Mixed Content adalah sebuah kondisi dimana sebuah halaman website yang secure (menggunakan protokol HTTPS), tapi didalamnya masih terdapat resource yang masih menggunakan protokol non-secure atau HTTP. Resource ini baik file javascript, CSS, atau file gambar yang non secure.
Contoh sederhananya saat kita baru memasang SSL dan migrasi dari HTTP ke HTTPS. Alamat website kita sudah berubah ke https://domain.com, namun ternyata sebagian sumber daya masih beralamatkan http, seperti http://domain.com/images/file-gambar.jpg.
Nah, dua jenis konten beda protokol ini akan menimbulkan masalah di website. Karena konten jenis pertama akan dikirim melalui protokol yang aman, dan protokol kedua dikirim lewat protokol tidak aman dan tidak dienkripsi.
Konten campuran yang muncul karena faktor protokol HTTP ini bisa memunculkan resiko keamanan yang tidak terduga untuk para pengunjung website maupun website itu sendiri. Secara garis besar, kehadiran masalah ini bisa melemahkan keamanan dan user experience.
Selain itu, para web browser juga tentunya akan memproteksi pengguna mereka dari website yang punya masalah keamanan. Mereka akan menandai dengan label non-secure saat masalah mixed content ini belum teratasi. Bahkan sejak Desember 2019, Chrome mengumumkan bahwa mereka akan memblokir website dengan mixed content ini.
Jenis- jenis Mixed Content
Dalam Mixed Content ini kita mengenal setidaknya dua jenis kategori :
1. Passive Mixed Content
Passive Mixed Content adalah sebuah konten yang tidak melakukan interaksi lebih dengan halaman website. Kategori konten campuran pasif ini terdiri dari gambar, video, serta materi audio yang membuat resource lain tidak bisa melakukan interaksi secara lebih di halaman website.
Jadi jangan heran jika display gambar tidak muncul atau thumbnail rusak karena efek dari mixed content ini.
Passive mixed content ini tidak terlalu mengganggu dan mengakibatkan resiko yang tidak terduga lebih rendah. Kendati begitu, passive mixed content ini juga bisa menimbulkan ancaman keamanan di website.
2. Active Mixed Content
Kebalikannya dari konten campuran pasif, Active Mixed Content ini aktif berinteraksi dengan halaman website secara keseluruhan. Yang termasuk ke dalam konten campuran aktif ini antara lain skrip, iframe, stylesheet, resource flash, serta kode- kode lain yang bisa diunduh dan dieksekusi langsung oleh browser.
Komponen tersebut merupakan sumber daya vital untuk website. Pihak yang tidak bertanggung jawab punya kemungkinan untuk melakukan hampir semua hal di halaman website. Kerusakan yang diakibatkan juga akan lebih besar dari passive mixed content.
Kejadian yang bisa terjadi karena active mixed content ini misalnya mengubah isi konten menjadi sangat berbeda dengan aslinya, pencurian kata sandi, akses masuk, pencurian cookie pengguna, atau membuat redirect ke situs lain.
Browser biasanya akan memblokir tipe active mixed content ini untuk melindungi keamanan pengguna karena resikonya cukup besar.
Mengecek Mixed Content di Website
Meskipun website tidak diblokir oleh browser, Andab isa melakukan pengecekan apakah di website masih ada mixed content atau tidak. Ada dua tool yang bisa Anda gunakan disini, yaitu JitBit SSL Checker dan plugin WordPress, Really Simple SSL.
JitBit SSL Checker memungkinkan Anda untuk memindai hingga 400 halaman di website untuk mengetahui apakah ada masalah SSL, seperti Mixed Content. Tapi ingat, jika halaman Anda sangat banyak, itu artinya ada sebagian yang tidak terscan oleh tool ini.
Sedangkan Really Simple SSL adalah plugin yang bisa menangani masalah migrasi SSL dan memperbaiki masalah mixed content. Really Simple SSL juga akan Panda ulas kembali di segmen di bawah, sebagai salah satu rekomendasi solusi mengatasi mixed content.
Cara Mengatasi Masalah Mixed Content di Website WordPress
Sudah pasang SSL tapi masih ditandai sebagai non secure karena mixed content? Bagaimana cara mengatasinya?
Tidak perlu panik, karena ada dua cara ampuh yang bisa membantu Anda mengatasi mixed content ini untuk pengguna WordPress.
1. Plugin Really Simple SSL
Seperti yang sempat Panda singgung di atas, Plugin Really SSL bisa membantu mengatasi masalah mixed content. Plugin ini mempunyai fitur yang mendeteksi semua resource yang ditandai sebagai mixed content, dan mengubahnya menjadi resource yang secure.
Cara memperbaiki mixed content dengan plugin ini :
Install dan aktifkan plugin Really Simple SSL.
Masuk ke bagian Setting, aktifkan Mixed Content Fixer.
Setelah beberapa saat, coba periksa kembali website Anda dan refresh ulang lewat browser.
2. SSL Insecure Content Fixer
SSL Insecure Content Fixer adalah plugin alternatif Really Simple SSL yang bisa memperbaiki masalah mixed content.
Sama seperti Really Simple SSL, Anda hanya tinggal menginstal dan mengaktifkan plugin ini. Setelah plugin terinstal, masuk ke bagian pengaturan > Fix insecure content , dan pilih Simple.
Anda juga bisa memilih pengaturan yang dirasa lebih sesuai. Namun untuk banyak developer, pengaturan Simple ini bekerja dengan baik untuk mengatasi masalah konten campuran.
3. Masalah Mixed Content Belum Hilang? Gunakan Plugin Better Search and Replace
Pada umumnya, Anda hanya cukup menggunakan salah satu dari dua plugin di atas. Banyak webmaster memilih Plugin Really Simple SSL, karena plugin tunggal ini juga membantu dalam konfigurasi SSL di awal.
Namun, bagaimana jika masalah mixed content masih saja muncul?
Ini artinya, ada beberapa url yang perlu Anda ganti dari http ke https. Anda bisa mencoba membuka laman web yang ditandai non-secure oleh Google Chrome, lalu lihat Sumber Halaman atau tekan CTRL+U.
Selanjutnya, tekan CTRL+F, dan lakukan pencarian untuk src=”http (Hanya satu kutipan di depan). Pastikan Anda tidak menemukan sumber daya dengan protokol HTTP ini. Namun jika menemukannya, Anda perlu memperbaiki sumber daya tersebut di database dengan HTTPS.
Nah, rasanya akan merepotkan untuk melakukan pengecekan di database dan menggantinya satu per satu, ya?
Instal dan Aktifkan plugin Better Search and Replace
Buat backup dari website lebih dulu, ini penting sebagai langkah antisipasi jika ada masalah
Masuk ke bagian pengaturan plugin, ke tab Search/Replace
Di field Search, masukkan URL website Anda dengan protokol http
Di field Replace, masukkan URL website Anda dengan protokol https
Pilih semua tabel di database dengan Ctrl+A
Centang opsi Run as Dry Run. Opsi ini memastikan kesalahan apapun tidak merusak situs Anda dan bisa diperbaiki sebelumnya
Terakhir, tap pilihan Run Search/Replace
Tunggu sampai proses selesai dan voila, Anda berhasil mengatasi masalah mixed content di website Anda secara keseluruhan.
Kesimpulan
Karena termasuk memulai di angkatan lawas (jaman SSL belum begitu bergaung), website Panda sendiri dulu sekali pernah mengalami masalah mixed content ini. Dan masalah masih muncul meskipun sudah menggunakan Plugin Really Simple SSL.
Akhirnya, sebagai pamungkas mengatasi masalah ini, plugin Better Search and Replace berhasil mengatasi masalah mixed content. Dan, plugin ini masih WORK sampai sekarang untuk mengatasi masalah konten campuran.
Jadi saat Anda mengalami masalah konten campuran ini, baik itu dari peringatan browser, atau display gambar error karena mixed content, langkah- langkah di atas sangat membantu dalam memperbaiki masalah tersebut.
Itu tadi pembahasan Panda tentang apa itu mixed content (konten campuran) dan langkah ampuh mengatasinya. Semoga bermanfaat ya!
Untuk Anda pemilik website, istilah SSL atau Secure Socket Layer tentu bukan hal yang asing lagi. Terlebih di era SEO masa kini, penggunaan SSL untuk website menjadi semakin penting.
SSL juga mempunyai banyak sekali manfaat tersembunyi. Selain menguatkan keamanan website, SSL juga berdampak positif untuk optimasi SEO.
Karena pentingnya, di artikel kali ini, Panda akan mengulas secara khusus tentang apa itu SSL/ TLS, cara kerjanya, manfaat dan mengapa penting untuk website menggunakan SSL.
Pengertian SSL dan SSL Certificate (Sertifikat SSL)
SSL adalah salah satu komponen penting website yang menjembatani sambungan aman antara browser web dengan pengguna. Dengan fitur SSL, transfer data di website menjadi lebih aman dan terenkripsi.
SSL menjadi fitur yang penting untuk website. Karena tanpa menggunakan layanan ini, mulai Juli 2018 silam Google Chrome mulai melabeli akses website tanpa sertifikat SSL sebagai Not Secure.
Di dunia teknologi, SSL adalah standar industri untuk komunikasi website yang aman dan melindungi jutaan transaksi online setiap harinya. SSL bekerja mengamankan data transaksi kartu kredit, transfer data, dan login.
Untuk bisa menggunakan koneksi SSL, web server harus sudah mempunyai sertifikat SSL. Saat seseorang mengaktifkan protokol SSL di server web mereka, mereka akan diminta untuk menjawab pertanyaan yang akan membangun identitas mereka.
Setelah sertifikat SSL berhasil terbit, server web akan membuat dua kunci kriptografi. Kunci tersebut adalah Private Key dan Public Key. Selanjutnya, akan ada rumus enkripsi yang menciptakan hubungan aman antara web server dan browser pengguna.
Apa Bedanya SSL dan TLS?
Pertanyaan yang sering muncul, apa sih bedanya SSL dan TSL? Apakah keduanya sama? TLS kepanjangan dari Transport Layer Security. TLS adalah protokol kriptografi pengganti dari SSL yang dirancang untuk memberikan keamanan komunikasi melalui jaringan server. Pada dasarnya teknologi SSL sudah sepenuhnya digantikan oleh TLS untuk mengamankan privasi data. Meski begitu, banyak orang sudah terlalu familiar dengan SSL, sehingga perusahaan masih banyak menggunakan istilah ini. Padahal, fitur enkripsi yang saat ini disediakan adalah TLS. Keduanya memang bekerja mengamankan transfer data di dalam website. Namun teknologi TLS adalah teknologi yang paling terbaru dan upgrade dari SSL.
Cara Kerja SSL/ TLS
SSL Certificate bekerja menggunakan Public Key Cryptography. Kriptografi ini bekerja memanfaatkan kekuatan dua kunci yang merupakan rangkaian panjang angka- angka yang dihasilkan secara acak, berupa Public Key dan Private Key.
Public Key dapat mengidentifikasi server dan akan berada di domain public. Key ini akan berfungsi untuk mengenkripsi file apa pun yang akan Anda kirim.
Berbeda dengan Public Key, Private Key akan mengunci dan mengenkripsi data atau file apa pun yang akan pengguna terima.
Selain itu, SSL/ TLS juga mempunyai session key untuk setiap secure session unik. Saat visitor mengetikkan alamat URL yang telah diamankan SSL ke laman web yang sudah terlindungi, browser dan web server akan membuat koneksi.
Pengguna bisa mengenali website yang sudah menggunakan SSL/ TLS dari adanya ikon gembok atau bar hijau yang muncul dari atas browser. Saat diklik, ikon ini akan menginformasikan bahwa koneksi pengguna aman dan browser mempunyai sertifikat keamanan.
Dengan sistem keamanan ini, data- rata penting pengguna akan terenkripsi sehingga tidak ada oknum yang tidak bertanggungjawab yang berusaha menggunakan data- data tersebut secara ilegal.
Manfaat SSL/ TLS untuk Sebuah Website
Ada banyak manfaat yang bisa kita peroleh saat website menggunakan SSL/ TLS. Berikut ini adalah beberapa manfaat penggunaan SSL/ TLS untuk website :
1. Mengamankan Proses Transfer Data di Website
Salah satu manfaat utama menggunakan SSL/ TLS adalah enkripsi yang membuat data menjadi lebih aman. Pertukaran data ini terjadi antara komputer Anda dengan visitor yang berusaha mengunjungi website yang terlindungi dengan public key dan private key. Ikon gembok dan HTTPS juga membantu pengunjung merasa lebih aman saat berkunjung ke website Anda.
2. Meningkatkan Reputasi Website
Saat website Anda masih menggunakan protokol HTTP saja, Google akan memberi peringatan Not Secure setiap kali pengunjung mencoba mengakses web Anda.
Peringatan ini juga muncul saat pengunjung mengisi data atau memasukkan informasi sensitif, seperti data login, password, form, dan yang lainnya. Suka atau tidak, Google ‘memaksa’ pemilik website untuk mengenkripsi data yang berada di dalam jaringan internet demi keamanan.
3. Optimasi SEO On Page
Seperti yang sempat Panda singgung di atas, SSL di website akan berpengaruh positif terhadap kualitas SEO. Terlebih, sejak 2014, algoritma Google secara tidak langsung memprioritaskan website yang menggunakan SSL, daripada yang tanpa SSL.
Google juga menyatakan jika situs dengan SSL/ TLS mempunyai peringkat yang lebih baik daripada yang tidak mengaktifkan SSL, meskipun sudah memperhitungkan semua faktor yang sama. Selain itu tentu saja, SSL bisa Anda gunakan secara gratis. Jadi, mengapa tidak?
Cara Memasang SSL/ TLS di Website WordPress
Untuk Anda pengguna WordPress, memasang SSL/ TLS bisa Anda lakukan dengan mudah. Caranya adalah dengan menggunakan plugin Really Simple SSL.
Namun tentu saja, sebelumnya Anda sudah mengaktifkan SSL di provider hosting lebih dulu. Setelah membeli dan menginstalnya, ubah pengaturan SSL melalui dashboard WordPress.
Di bagian dashboard WordPress Anda, buka Setting > General. Scroll ke bawah dan temukan kolom WordPress Address (URL) dan Site Address (URL) dan ubah HTTP ke HTTPS, Simpan.
Setelah proses ini, jangan lupa untuk menyimpan perubahan apakah SSL dan HTTPS berfungsi dengan baik atau belum.
Kesimpulan
Sampai di tahap ini, Panda yakin kita sudah memahami apa itu SSL (Secure Sockets Layer) dan TLS (Transport Layer Security) dengan baik.
SSL membantu mengenkripsi semua data yang ditransfer dengan aman, sehingga tidak disalahgunakan oleh pihak ketiga. Menggunakan SSL/ TLS juga membantu mengoptimalkan website kita, dari sisi reputasi kepada pengguna dan SEO On Page di mesin pencari.
Banyak hosting terbaik yang kini sudah mendukung free SSL/ TLS untuk penggunanya. Dengan ini, tidak alasan untuk tidak menggunakan layanan ini lagi. Untuk panduan berikutnya, Anda juga bisa membaca artikel Panda tentang bagaimana Cara Mudah Memasang SSL/TLS HTTPS di Website.
Baru- baru ini Google mengumumkan bahwa browser mereka, Chrome akan memblokir halaman web dengan mixed content Desember 2019 ini. Dengan adanya pengumuman ini, maka para webmaster diharuskan untuk melakukan pengecekan di website mereka untuk memastikan tidak ada lagi konten yang dimuat menggunakan protokol HTTP yang tidak aman.
Apa itu Mixed Content?
Yang dimaksud dengan mixed content atau konten campuran adalah saat halaman web aman yang diakses melalui HTTPS ternyata masih berisi skrip, gambar, atau konten tautan lain yang disajikan melalui protokol HTTP yang tidak aman. Kombinasi HTTPS dan HTTP ini lah yang disebut dengan mixed content. Dilansir dari laman pengembang Google, berikut ini pendapat Google tentang mixed content :
Mixed content degrades the security and user experience of your HTTPS site.
…Using these resources, an attacker can often take complete control over the page, not just the compromised resource.
Dari kacamata Google, mixed content ini disebut sebagai celah atau resiko keamanan untuk pengunjung sebuah website.
Cara Google Menangani Mixed Content
Di versi sebelumnya, Google Chrome akan memuat laman web yang berisi mixed content. Namun, mulai Desember 2019 saat Chrome 79 bergulir nanti, Google akan melakukan dua hal :
Google akan secara otomatis meng- upgrade konten http ke https jika memang mempunyai sumber daya https
Google akan memperkenalkan toggle yang bisa digunakan pengguna Chrome untuk membuka blokir sumber daya tidak aman yang diblokir oleh Chrome
Meski ini belum menjadi pemblokiran penuh, ada kemungkinan pengunjung situs web memilih keluar saat mendapatkan peringatan keamanan dari browser. Untuk para webmaster, tentu ini bukan kabar yang menyenangkan karena bisa berpengaruh ke turunnya jumlah pengunjung, pembatasan iklan, dan menurunnya penjualan dari website. Mulai Januari 2020, Google akan menghapus opsi unblocking dan mulai memblokir penuh halaman web dengan mixed content.
Cara Mengetahui Website Anda Mengandung Mixed Content
Ada beberapa cara yang bisa digunakan untuk mengetahui apakah situs web https kita masih mengandung mixed content atau tidak
JitBit SSL Checker
Untuk melakukan pemindaian mixed content secara online, Anda dapat menggunakan JitBit SSL Checker. Sebagai salah satu tool SSL Checker, tool yang satu ini dapat memindai hingga 400 halaman sebuah website.
Plugin Really Simple SSL
Really Simple SSL adalah plugin WordPress ringan yang membantu menangani migrasi ke SSL serta memeriksa dan memperbaiki mixed content. Jika situs web Anda sudah migrasi ke SSL, Anda juga bisa menggunakan Plugin WordPress SSL Insecure Content Fixer untuk memindai masalah mixed content dan membantu memperbaikinya.
Screaming Frog Crawl Software
Screaming Frog adalah software berbayar (£ 149,00 / tahun) dengan ragam fitur dan tool menarik untuk para webmaster. Untuk crawling situs berukuran besar, tool yang satu ini adalah pilihan yang direkomendasikan. Yang perlu digarisbawahi, Screaming Frog akan menemukan mixed content, namun tidak akan memperbaikinya.
