Baru-baru ini, saya memindahkan situs web ini ke HTTPS/SSL yang dihosting di CMS WordPress. Migrasi dari HTTP ke HTTPS berjalan lancar dan pengalihan permanen ke HTTPS juga berhasil. Segera setelah propagasi, halaman HTTP dialihkan ke HTTPS yang setara dan menunjukkan tanda gembok hijau. Satu-satunya masalah adalah sebagian besar halaman HTTPS menampilkan peringatan konten campuran.
Karena peringatan tersebut, halaman tidak menampilkan tag Aman alias gembok dan sebaliknya mengatakan bahwa "Koneksi Anda ke situs ini tidak sepenuhnya aman" atau "Koneksi ini tidak Pribadi".
Masalah ini muncul ketika sumber halaman tertaut ke URL HTTP, bukan HTTPS, sehingga melabelinya sebagai elemen yang tidak aman. Peringatan konten campuran biasanya disebabkan oleh gambar yang ditambahkan pada halaman yang masih memuat dengan URL HTTP. Masalah ini tidak berasal dari penyiapan SSL itu sendiri dan perlu diperbaiki sebagai bagian dari proses migrasi ke HTTPS.
Saya sangat mencari melalui banyak sumber untuk menemukan cara yang tepat untuk memperbarui tautan gambar dari HTTP ke HTTPS setelah migrasi SSL di WordPress. Namun, saya tidak dapat menemukan satu pun panduan yang dapat membantu pemula untuk menyelesaikan tugas teknis ini dengan mudah. Setelah banyak brainstorming dan melalui banyak artikel, saya akhirnya menemukan solusi sederhana untuk memperbaiki kesalahan tidak aman pada halaman HTTPS.
Panduan untuk Memperbarui Gambar ke HTTPS di WordPress
Saya akan menjaga panduan ini tetap sederhana dan langsung ke intinya sehingga pemula tidak bingung seperti saya.
Kami akan menggunakan “Ganti Pencarian Lebih Baik” plugin untuk WordPress yang mengemas fitur terbaik yang ditemukan di plugin serupa. Anda dapat melakukan seluruh tugas ini tanpa masuk ke phpMyAdmin untuk menjalankan kueri SQL apa pun yang dapat mengacaukan situs Anda jika terjadi kesalahan.
Sebelum melanjutkan, perhatikan bahwa tutorial ini berlaku untuk pengguna WordPress yang telah menetapkan a 301 pengalihan dan hanya menggunakan protokol HTTPS di situs web atau blog mereka. Meskipun ini akan berhasil di sebagian besar skenario, orang perlu mempertimbangkan faktor lain juga jika masalah terus berlanjut.
1. Ubah URL Beranda dan Situs WordPress ke HTTPS
Buka dasbor WordPress Anda> Pengaturan> Umum. Sekarang ubah Alamat WordPress dan URL Alamat Situs ke HTTPS, bukan HTTP. (Lihat gambar)
Hal ini membuat WordPress sendiri yang menangani redirect tersebut. Selain itu, semua tautan internal dalam aplikasi dan situs web WordPress akan disetel ke HTTPS yang setara. Ini akan menyatakan bahwa setiap bit situs web adalah, dan mengarah ke, konten terenkripsi. Untuk memastikannya, Anda dapat menambahkan aturan di bawah ini ke file .htaccess Anda.
Mesin Tulis Ulang Hidup
RewriteCond %{HTTP:X-Forwarded-SSL} !on
Aturan Penulisan Ulang ^(.*)$ //%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
Pengalihan 301 ini akan memastikan untuk mengalihkan permintaan HTTP apa pun ke HTTPS.
2. Ubah Aset Media (Gambar, Tautan internal) dari HTTP ke HTTPS
Datang ke langkah utama. Anda sekarang perlu mengganti semua URL HTTP lama di database WordPress dengan HTTPS. Ini berarti memperbarui semua tautan file gambar dan tautan internal yang ditambahkan secara manual (di pos atau halaman) ke HTTPS untuk mencegah peringatan gambar yang tidak aman dan memperbaiki kesalahan konten campuran. Namun, tidak perlu memperbarui tautan eksternal yang mengarah ke situs web lain ke HTTPS.
PERINGATAN: Pastikan untuk membuat cadangan database Anda terlebih dahulu.Ganti HTTP ke HTTPS dengan Plugin Ganti Pencarian yang Lebih Baik
Untuk melanjutkan, instal plugin WordPress “Better Search Replace” dan aktifkan.
Sekarang menuju ke halaman plugin yang terletak di bawah bagian Tools. Di bidang "Cari" masukkan versi HTTP dari URL situs web Anda dan versi HTTPS di bidang "Ganti dengan". Di bawah pilih tabel, gulir ke bawah dan pilih "wp_posts” yang berisi URL gambar, dan URL yang disematkan di dalam postingan dan halaman. Kemudian hapus centang pada "Run as dry run?" pilihan dan tekan tombol Run Search/Replace.
Tunggu hingga proses berlangsung. Anda nanti dapat melihat detail seperti jumlah perubahan yang ditemukan dan baris yang diperbarui untuk tabel tertentu.
CATATAN: Jika Anda mendapatkan kesalahan selama pemrosesan, buka tab Pengaturan dan coba kurangi nilai "Ukuran Halaman Maks" ke mana saja sekitar 8000 hingga 10.000.
Itu dia! Versi HTTP dari tautan tersemat dan URL gambar situs web Anda sekarang harus diperbarui dengan versi HTTPS.
Untuk mengonfirmasi, cukup buka postingan blog dan salin alamat gambar di dalam postingan atau lihat sumber halaman. URL gambar sekarang harus menunjukkan versi HTTPS dan Anda sekarang akan melihat gembok Aman di sebelah bilah alamat.
Kiat Bonus: Setelah berhasil mengganti HTTP dengan HTTPS, Anda dapat menghapus plugin.
Temukan mengapa situs HTTPS tidak menampilkan gembok hijau
Perhatikan bahwa beberapa halaman dengan tautan yang rusak atau tidak tersedia seperti CDN yang kedaluwarsa mungkin masih menghasilkan konten campuran. Anda dapat mengidentifikasi elemen tidak aman di halaman tersebut dengan menggunakan fitur Inspect Element di Chrome atau cukup gunakan whynopadlock.com untuk menemukan item tidak aman di halaman yang mendukung SSL dengan mudah.
Referensi: Periksa artikel terperinci ini oleh Michael Bely
Tags: BloggingTutorialWordPress