Tutorial 3.1 – Cara Redirect http ke https pada OpenCart

Redirect dari HTTP ke HTTPS pada OpenCart secara teknis dapat dilakukan via file .htaccess.

Pada artikel kali ini kita akan belajar mengenai cara redirect URL pada OpenCart. Dimana hal ini merupakan step lanjutan jika Anda menggunakan SSL pada OpenCart.

Kita akan sedikit membahas tentang SSL dan teknis redirect dari HTTP ke HTTPS pada OpenCart.

Artikel ini adalah lanjutan dari bahasan kami sebelumnya tentang: Cara setting SEO URL pada OpenCart.

Kenapa harus redirect?

Untuk menjawab pertanyaan ini, sebelumnya Anda harus mengetahui bahwa, berbeda antara 5 domain berikut:
1. www.hpwebdesign.id
2. http://www.hpwebdesign.id
3. https://www.hpwebdesign.id
4. https://hpwebdesign.id
5. https://hpwebdesign.id

Hal ini akan menjadi acuan sistem website secara keluruhan. Terutama jika terdapat content gambar yang menggunakan link absolute, yakni {alamatwebsite.com}/{alamat_file_gambar.jpg}.

Lebih dari itu, Google juga akan menganggapnya sebagai domain yang berbeda. Hal ini berarti, jika Anda tidak me-redirect web ke satu alamat Google akan mengindeks lebih dari satu versi dari web Anda. Dan ini sangat negatif dari sisi SEO. Karena praktis Google akan mendeteksi duplikasi content yang menurunkan rangking content Anda.

Tidak berhenti disitu, terdapat masalah teknis lain jika Anda tidak melakukan redirect ke satu alamat yang benar. Terutama jika saat ini Anda menggunakan OpenCart, maka akan timbul masalah berikut:

1. Icon tidak muncul saat membuka homepage

Hal ini sangat sering terjadi pada website OpenCart, dimana fa icon tidak muncul saat membuka halaman depan kali pertama. Hal ini karena user mengakses alamat website yang berbeda dari URL yang terdefinisi di config.php.

Naasnya jika customer melihat ini sebagai kesalahan, bisa jadi mereka akan meninggalkan web Anda.

2. Tidak dapat menambahkan produk ke keranjang

Masih karena masalah yang sama. Load website dari URL yang salah, akan mengakibatkan produk tidak dapat ditambahakn ke keranjang belanja. Yang ini cukup fatal ya.

Intro Setting SSL pada OpenCart

SSL (Secure Socket Layer) merupakan protokol web yang digunakan untuk abilitas enkripsi komunikasi data antara web browser dengan web server. Sehingga pertukaran data antara browser dengan web server berlangsung lebih aman. Karena semua datanya terenkripsi.

Apa manfaatnya?. Untuk beberapa hal pada ecommerce sangat urgent untuk ecommerce. Yang utama adalah keamanan pertukaran data karena sering kali ecommerce memuat credentials yang sangat penting. Lebih dari itu dengan menaktifkan SSL akan meningkatkan trust dari customer Anda.

Warna hijau dengan simbol lock pada browser akan aktif. Lebih dari itu Anda terbebas dari tanda tidak aman dari browser Chrome. Dimana hal ini aktif pada website tanpa SSL. Jadi Anda bisa kehilangan customer terutama bagi mereka yang telah melek SSL.

Konfigurasi SSL pada OpenCart

Ikuti langkah berikut untuk konfigurasi SSL pada OpenCart:

1. Login ke halaman administrasi
2. Akses Laman: System → Setting.
3. Edit Store. Beralih ke Tab Server. Lihat bagian security.
4. Pilih Yes pada pilihan Use SSL.

RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

RewriteCond %{HTTP:X-Forwarded-Proto} =https
RewriteRule ^(.*)$ http://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

RewriteCond %{HTTP_HOST} ^www.alamat_web_anda.com [NC]
RewriteRule ^(.*)$ http://alamat_web_anda.com/$1 [L,R=301]

RewriteCond %{HTTP_HOST} ^alamat_web_anda.com [NC]
RewriteRule ^(.*)$ http://www.alamat_web_anda.com/$1 [L,R=301]

RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} ^www
RewriteCond %{HTTP_HOST} ^(?:www\.)?(.+)$
RewriteRule ^ https://%1%{REQUEST_URI} [NE,L,R]