Cara Memperbaiki Masalah Konten Campuran di WordPress

Diterbitkan: 2022-07-06

Apakah Anda menghadapi kesalahan konten campuran di situs WordPress Anda? Blog ini menunjukkan kepada Anda cara memperbaiki masalah konten campuran di situs WordPress Anda dengan mudah.

Memiliki sertifikat SSL untuk situs web Anda sekarang menjadi suatu keharusan. Simbol gembok aman tidak hanya membantu Anda mendapatkan kepercayaan dari pelanggan Anda, tetapi juga membuat Anda mendapatkan posisi yang lebih baik di mesin pencari. Sayangnya, selama migrasi dari HTTP ke HTTPS, Anda mungkin menghadapi beberapa masalah. Seperti "konten campuran", "konten tidak aman" atau skrip acara yang telah diblokir. Masalah ini terjadi ketika beberapa atribut tertentu dari halaman web Anda tidak dimuat dengan aman melalui SSL.

Untuk membantu Anda, hari ini kami akan menunjukkan cara menemukan sumber daya mana yang tidak dimuat melalui HTTPS dan cara memperbaiki masalah ini untuk situs web WordPress dan Elementor.

Kenapa menunggu? Mari kita mulai dengan dasar apa itu kesalahan konten campuran.

Apa itu Kesalahan Konten Campuran di WordPress

Kesalahan konten campuran adalah masalah umum di WordPress yang terjadi karena pengaturan SSL yang salah saat mengenkripsinya di situs web Anda.

Kesalahan konten campuran tidak memengaruhi fungsionalitas situs web Anda. Tetapi membuat dampak negatif pada kinerja SEO dan pengalaman pengguna situs web Anda.

Memiliki situs web yang aman sangat penting karena pengguna merasa aman untuk membagikan informasi rahasia mereka seperti email, kata sandi, dll saat menggunakan situs web Anda.

Mengenkripsi sertifikat SSL menambahkan ikon gembok di samping URL situs web Anda di browser. Ini memberi tahu pengguna bahwa situs web Anda aman untuk digunakan.

SSL Green PadlockIcon
Situs web dengan sertifikat SSL

Kesalahan konten campuran terjadi saat Anda menambahkan sertifikat SSL ke situs web WordPress Anda dan konten situs web Anda berjalan pada koneksi HTTP dan HTTPS . Ini berarti setelah enkripsi SSL beberapa sumber daya situs web Anda yang sama dimuat pada koneksi aman dan tidak aman. Periksa contoh di bawah ini-

  • https://yourwebsite.com/image.jpg (Aman)
  • (http://yourwebsite.com/image.jpg) (Tidak aman)

Bahkan raksasa mesin pencari Google juga merekomendasikan untuk menambahkan SSL di situs WordPress Anda jika tidak, situs web Anda akan dianggap tidak aman. Berikut adalah contoh situs web non-SSL.

Without SSL Website
Situs web non-SSL

Sebagian besar penyedia layanan hosting WordPress menawarkan fitur SSL gratis dalam paket mereka. Jika perusahaan hosting Anda tidak menawarkannya, Anda dapat menggunakan plugin seperti SSL Sangat Sederhana untuk menambahkan sertifikat SSL gratis ke situs Anda.

Cara Menemukan Konten Campuran di Situs WordPress Anda

Anda dapat memeriksa konten campuran situs web Anda dengan mengikuti langkah-langkah di bawah ini:

Langkah Pertama: Anda dapat memeriksa kesalahan konten campuran situs web dengan membuka Inspect (Ctrl+Shift+I) untuk Windows atau (Cmd+Alt+I) untuk macOS.

Click on the Inspect Button
Opsi Inspeksi Google Chrome

Kemudian Anda harus pergi ke tab Konsol menggunakan browser Google Chrome . Kemudian Anda akan mendapatkan antarmuka seperti gambar di bawah ini.

Check Mixed content error
Area konsol menampilkan konten campuran

Langkah Kedua: Anda dapat memeriksa peringatan konten campuran di tab Keamanan di Chrome DevTools Anda.

Go to Chrome DevTools Security Tab
Alat Pengembang Chrome

Langkah Ketiga: Demikian pula, Anda dapat memeriksa kesalahan konten campuran di area Jaringan Chrome DevTools.

Cara Memperbaiki Masalah Konten Campuran di Situs Web Anda

Sekarang kami akan menunjukkan kepada Anda cara memperbaiki kesalahan konten campuran di situs web WordPress Anda.

Mari kita mulai:

Anda cukup memperbaiki peringatan konten campuran di situs web Anda dengan menginstal plugin SSL Insecure Content Fixer. Lihat panduan untuk mempelajari cara menginstal plugin WordPress.

Setelah menginstal dan mengaktifkan plugin, Anda harus pergi ke Settings->SSL Insecure Content area.

Go to Settings-SSL Insecure Content
Temukan opsi Konten Tidak Aman SSL di bawah area pengaturan

Anda akan mendapatkan semua pengaturan penting untuk memperbaiki konten situs web campuran Anda. Pada bagian berikut, kami akan menjelaskan pengaturannya.

Sederhana
Ini adalah cara tercepat dan paling direkomendasikan untuk memperbaiki konten campuran Anda. Opsi ini memperbaiki konten campuran situs web Anda untuk skrip seperti javascript, CSS stylesheet, dan file media seperti gambar & video.

Isi
Anda dapat memilih opsi Konten jika metode Sederhana tidak memperbaiki konten campuran Anda. Metode ini menyelesaikan Konten WordPress batin Anda dan konten Teks Widget . Ini berarti tautan yang telah Anda tambahkan di dalam konten situs web seperti jangkar, paragraf akan diperbarui dengan HTTPS.

Widget
Anda telah menggunakan kode pendek atau tautan internal ke widget situs web Anda dan itu masih berstatus HTTP setelah mengaktifkan SSL. Dengan mengaktifkan opsi ini, Anda dapat mengonversi semua URL dari HTTP ke HTTPS yang dimuat di Widget situs web Anda .

Fix Insecure Content
Area pengaturan Konten Tidak Aman SSL

Menangkap
Header dan footer adalah bagian terpenting dari situs web tempat kami menyimpan banyak skrip, stylesheet, dan tautan lainnya. Saat kami mengaktifkan SSL, banyak tautan di header dan footer tetap sama. Itu berarti tautan ini dimuat dengan koneksi HTTP. Jika Anda mencentang metode Capture maka Header dan Footer situs web Anda mencampur konten dengan menggantinya dengan HTTPS .

Tangkap Semua
Jika semua cara di atas tidak menyelesaikan masalah Anda, Anda dapat mencoba opsi Tangkap Semua. Metode ini secara paksa memperbaiki semua konten campuran situs web Anda.

Ada beberapa pengaturan lain yang juga akan Anda dapatkan di area pengaturan plugin.

Jika Anda ingin memperbaiki konten campuran plugin dan tema tertentu, Anda dapat memilih opsi Perbaikan untuk plugin dan tema tertentu .

Anda dapat memilih opsi Abaikan situs eksternal jika Anda ingin membiarkan konten situs web Anda menunjuk ke situs eksternal sebagai HTTP .

Setelah menyelesaikan level perbaikan konten campuran, Anda dapat menentukan deteksi HTTPS . Dengan pengaturan ini, Anda dapat memilih cara mendeteksi konten HTTPS di situs WordPress Anda. Fungsi WordPress standar default direkomendasikan. Jadi Anda tidak perlu mengubahnya.

Fix other insecure content
Simpan pengaturan Konten Tidak Aman SSL

Terakhir, Anda harus mengklik tombol Simpan Perubahan untuk menyimpan pengaturan.

Bonus 1: Memperbaiki Kesalahan Konten Campuran untuk Situs Web Elementor Anda

Jika situs web Anda dibuat dengan WordPress dan Elementor dan perlu memperbaiki konten campuran di situs web, Anda dapat mengikuti langkah-langkah berikut.

Pertama, Anda perlu mengunjungi area Elementor->Tools .

Elementor Tools
Temukan opsi Alat Elemen

Selanjutnya, Anda akan mendapatkan pengaturan alat Elementor. Cukup klik pada tab Ganti URL. Kemudian masukkan URL lama situs web Anda (http://yourwebsite.com/) dan (https://yourwebsite.com/) ke dalam area Update Site Address (URL) .

Terakhir, Anda perlu menekan tombol Ganti URL untuk mengganti semua URL situs web Anda dari HTTP ke HTTPS .

Elementor Replace URL Settings
Ganti URL

Itu dia.

Ada cara lain untuk menyelesaikan masalah konten campuran. Anda perlu menghubungi penyedia hosting Anda untuk mengatasi kesalahan ini. jika fic kesalahan enkripsi SSL Anda maka sebagian besar peringatan konten campuran situs web Anda akan diselesaikan. Kemudian Anda dapat mengikuti metode di atas untuk memperbaiki masalah konten campuran lainnya.

Bonus 2: Contoh Beberapa Jenis Konten Campuran

Ada banyak jenis konten di situs web Anda yang akan tercampur karena kesalahan penyiapan SSL. Di bawah ini adalah yang terkenal:

Stylesheet: Ada beberapa jenis stylesheet yang digunakan di situs web Anda saat membangun. Ini adalah konten yang sangat umum yang akan dicampur setelah mengaktifkan SSL. Periksa gambar di bawah ini untuk mendapatkan ide tentangnya.

Mixed Content in the Stylesheet
Konten campuran di stylesheet

Script: Seperti stylesheet, file Script website Anda akan menghadapi kesalahan konten campuran. Berikut adalah contoh.

Mixed Script files
Konten campuran dalam skrip

File Media: Setelah bermigrasi dari HTTP ke HTTPS, banyak file media situs web Anda seperti gambar, spanduk, dll masih dimuat dengan koneksi HTTP. Berikut adalah contoh file gambar hardcode yang dihitung sebagai konten campuran.

Image Mixed Content
Konten campuran ke dalam gambar yang di-hardcode

Widget: Di situs web WordPress, widget adalah fitur penting yang kami gunakan untuk menampilkan konten statis dan dapat ditautkan. Jadi selalu ada kemungkinan konten campuran di area widget.

Tema & Plugin: Terkadang pengembang salah menggunakan HTTP seperti tema atau plugin pengembangan putih. Jadi tautan HTTP ini tetap ada di situs web Anda bahkan setelah Anda mengenkripsi sertifikat SSL. Jadi Anda harus berhati-hati untuk memperbaiki konten campuran ini nanti di bagian tutorial kami, Anda akan belajar bagaimana menangani masalah ini.

Kesimpulan

Dalam panduan di atas, kami telah membagikan panduan terperinci tentang cara memperbaiki masalah konten campuran di situs web WordPress Anda. Kami juga telah membahas apa itu kesalahan konten campuran dan cara memperbaiki masalah konten campuran situs web Elementor.

Jika Anda masih memerlukan informasi lebih lanjut atau memiliki pertanyaan tentang topik ini, Anda dapat mengomentari kami.

Juga, periksa blog ini dan pelajari cara memperbaiki situs WordPress Anda yang tidak memuat masalah.

Kami meminta Anda untuk terhubung dengan saluran Facebook dan Twitter Anda dan berlangganan buletin kami.

Berlangganan newsletter kami

Dapatkan berita & pembaruan terbaru di Elementor