{"id":7169,"date":"2018-11-14T12:16:11","date_gmt":"2018-11-14T05:16:11","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-id-tutorial\/?p=7169"},"modified":"2025-01-08T15:14:44","modified_gmt":"2025-01-08T08:14:44","slug":"cara-mengatasi-not-secure-di-google-chrome","status":"publish","type":"post","link":"\/id\/tutorial\/cara-mengatasi-not-secure-di-google-chrome","title":{"rendered":"Cara mengatasi your connection is not secure di Chrome"},"content":{"rendered":"

Kalau menggunakan Google Chrome, Anda mungkin pernah melihat tulisan “Your Connection is Not Secure” di browser Anda. Error ini juga terkadang sulit disadari karena Chrome hanya menampilkannya di samping URL situs. Tapi tenang, cara mengatasi not secure di Google Chrome bukanlah hal yang sulit.<\/p>

Selain itu, error Your Connection is Not Secure di Google Chrome bisa cukup menyebalkan bagi Anda yang memiliki website, karena akan membuat orang-orang merasa tidak aman lalu batal mengunjungi website Anda. Tentu saja, ini bisa mengakibatkan penurunan pada traffic website.<\/p>

Tanpa berlama-lama lagi, kami akan mulai menjelaskan arti dan cara mengatasi Not Secure di Google Chrome. Simak sampai akhir yuk!<\/p>

\n\n\n

\n
\n Website yang optimal perlu layanan hosting yang andal. Nikmati jaminan 99,9% uptime agar website Anda terus online tanpa masalah!<\/span>\n Web Hosting Terbaik<\/a>\n <\/div>\n <\/div>\n\n\n\n\n\n<\/p>

Apa Arti “Your Connection is Not Secure”?<\/strong><\/h2>

Belakangan ini, sudah menjadi tugas penting bagi Google untuk memperingati para user atau visitor bahwa website yang mereka buka tidak aman.<\/p>

Kriteria utama yang digunakan Chrome untuk menentukan apakah situs ini aman atau tidak adalah penggunaan HTTP dan HTTPS. Situs yang menggunakan HTTP akan diberi pinalti serupa peringatan, misalnya:<\/p>

\n
\"Cara<\/figure><\/div>

Terkadang juga ada pesan error di Chrome yang bertuliskan “Your connection is not private”. Tampilannya seperti ini:<\/p>

\n
\"Your<\/figure><\/div>

Alasan utama mengapa Chrome harus menampilkan peringatan seperti ini adalah untuk memotivasi para pemilik website agar memasang protokol HTTPS yang dijamin lebih aman.<\/p>

Beberapa tahun belakangan ini, penggunaan HTTPS meroket dan semuanya ini berkat adanya peringatan semacam “Not Secure” (Your Connection is) atau “Tidak Aman”.<\/p>

Bagi yang belum tahu tentang perbedaan HTTPS dan HTTP<\/a>, kami akan menjelaskan beberapa hal mendasar.<\/p>

HTTP sudah lama berperan sebagai protokol browser untuk mengirim dan menerima informasi dari web server. Protokol tipe ini memungkinkan Anda untuk, misalnya, membaca artikel ini dan juga bagian lain dari website kami.<\/p>

Masalahnya, HTTP bukan protokol yang ideal dari segi keamanan. Sebagai contoh, protokol ini rentan terhadap serangan man-in-the-middle<\/em> dan itu berarti transmisi atau pengiriman data yang sensitif tidak aman.<\/p>

HTTPS, di sisi lain, mengenkripsi koneksi ke website yang sedang Anda buka. Dengan kata lain, protokol ini menjaga Anda dan juga informasi di website Anda agar tetap aman.<\/p>

Jika di website Anda masih terpampang HTTP, maka Anda bisa dengan mudah memindahkannya ke HTTPS. Caranya gampang, cukup setup sertifikat SSL<\/a> yang di dalamnya terdapat faktor otentikasi yang dibutuhkan HTTPS agar bisa berfungsi.<\/p>

Dengan kata lain, sertifikat mengirimkan informasi pada browser bahwa website Anda tepercaya, dan koneksinya aman karena adanya HTTPS.<\/p>

Penggunaan HTTPS di website sangatlah penting. Pada awal perilisan Chrome 68<\/a> pada 28 Juli lalu, Google sudah berkomitmen akan menandai semua situs HTTP yang menampilkan peringatan “Not Secure”.<\/p>

Tentu saja, peringatan semacam ini harus dihindari agar tidak berpengaruh pada jumlah traffic website.<\/p>

Cara Mengatasi Your Connection is Not Secure di Chrome (4 Langkah)<\/h2>

Cara mengatasi ‘Your connection is not secure’ di Chrome tidaklah sulit.<\/p>

Seperti yang telah kami sebutkan sebelumnya, hal pertama yang harus dilakukan adalah mendapatkan sertifikat SSL. Setelah itu, install sertifikat tersebut dan konfigurasikan website WordPress Anda agar terload di HTTPS secara default.<\/p>

1. Dapatkan dan Pasang Sertifikat SSL<\/h3>

Sebenarnya, mudah untuk mendapatkan dan menginstal SSL. Hanya saja, Anda harus mendapatkannya terlebih dulu agar website Anda aman dan tepercaya. Kabar baiknya, Anda bisa mendapatkan sertifikat SSL gratis di Hostinger<\/a>!<\/p>

User yang membeli paket Shared web Hosting<\/a> dan Cloud Web Hosting<\/a> bisa mendapatkan sertifikat SSL gratis<\/a>.<\/p>

\n
\"SSL<\/figure><\/div>

Kalau punya budget lebih, pilih paket yang Anda butuhkan dan selesaikan sampai proses checkout. Setelah itu, Anda bisa menginstallnya. Kini Anda sudah selangkah lebih maju dalam menghindari peringatan Your Connection is Not Secure di Chrome.<\/p>

2. Install Sertifikat SSL Melalui Member Area Hostinger<\/h3>

Adanya akun di Hostinger memungkinkan Anda untuk mengakses member area atau control panel khusus.<\/p>

Di dalam member area, Anda bisa melihat banyak sekali opsi untuk mengelola website dan mengakses semua fitur tambahan yang ditawarkan Hostinger, seperti akun email:<\/p>

\n
\"\"<\/figure><\/div>

Untuk menginstall sertifikat SSL baru dan menghentikan peringatan error Your Connection is Not Secure di Chrome, hal pertama yang harus dilakukan adalah buka tab SSL<\/strong>.<\/p>

Di dalam tab tersebut, Anda akan lihat daftar sertifikat SSL yang tersedia dan domain terkait. Klik opsi Install<\/strong> tepat di sebelah daftar sertifikat.<\/p>

Cara yang sama juga bisa Anda terapkan meski sertifikat dibeli di provider lain. Buka tab Impor SSL dan pilih domain yang diinginkan.<\/p>

Paste atau tempel konten file sertifikat certificate.txt<\/strong> dan privatekey.txt<\/strong> ke dua kolom di bawah ini:<\/p>

\n
\"\"<\/figure><\/div>

Untuk kolom terakhir, Certificate Authority Bundle<\/strong>, tidak usah dihiraukan.<\/p>

Setelah semua kolom diisi, klik Install SSL. <\/strong>Sertifikat Anda kini siap dipasang.<\/p>

Sekarang website Anda sudah punya sertifikat SSL yang terpasang dan aktif. Hanya saja, pemasangan sertifikat ini barulah langkah awal dari cara mengatasi Your connection is not secure.<\/p>

Anda masih harus mengubah URL WordPress dan force platform agar loading di HTTPS. Jika dua hal terakhir tidak dilakukan, maka percuma saja Anda menginstall dan mengaktifkan SSL.<\/p>

Langkah 3: Ubah URL WordPress<\/strong><\/h3>

Cara mengatasi Your Connection is Not Secure berikutnya kalau Anda merupakan pemilik website adalah dengan mengubah URL WordPress.<\/p>

Untuk saat ini, website berbasis WordPress Anda masih dimuat melalui HTTP. Sebelum force platform agar terbuka di HTTPS, Anda harus terlebih dulu mengubah URL utama (primary). Login ke dashboard WordPress dan cari tab Settings > General<\/strong>.<\/p>

Setelah tab terbuka, Anda akan melihat beberapa opsi di sana. Pada kasus ini, kami akan fokus pada WordPress Address (URL) <\/strong>dan Site Address (URL)<\/strong>:<\/p>

3. Ubah URL Website Anda<\/h3>

Cara mengatasi Your Connection is Not Secure berikutnya kalau Anda merupakan pemilik website adalah dengan mengubah URL WordPress.<\/p>

Untuk saat ini, website berbasis WordPress Anda masih dimuat melalui HTTP. Sebelum force platform agar terbuka di HTTPS, Anda harus terlebih dulu mengubah URL utama (primary). Login ke dashboard WordPress dan cari tab Settings > General<\/strong>.<\/p>

Setelah tab terbuka, Anda akan melihat beberapa opsi di sana. Pada kasus ini, kami akan fokus pada WordPress Address (URL) <\/strong>dan Site Address (URL)<\/strong>:<\/p>

\n
\"mengubah<\/figure><\/div>

Ubah dua URL di atas ke HTTPS. Caranya, tambahkan huruf ‘s’ ke WordPress URL dan Site Address URL. Simpan perubahan yang dilakukan.<\/p>

Pastinya Anda bertanya-tanya mengapa ada dua kolom yang berbeda untuk mengonfigurasikan URL WordPress. Hal itu dikarenakan kolom WordPress Address<\/strong> mengirimkan informasi ke platform di mana file inti situs Anda tersimpan.<\/p>

Kolom Site Address<\/strong>, di sisi lain,  menentukan di mana visitor dapat mencari atau menemukan website Anda.<\/p>

Umumnya, kedua kolom yang disebutkan di atas hampir sama. Anda juga bisa menginstall file inti WordPress di direktori yang berbeda, yang tentu saja akan mengubah kolom WordPress Address<\/strong>.<\/p>

Namun, ini bukan hal terutama yang harus Anda perhatikan saat ini. Sekarang yang perlu Anda lakukan adalah mengganti HTTP ke HTTPS di kedua kolom tersebut, yakni WordPress Address dan Site Address.<\/p>

4. Aktifkan 301 Redirect di Seluruh Website<\/h3>

Sampai di tahap ini, pengunjung umumnya sudah bisa mengakses website Anda via HTTPS. Namun masalahnya, sebagian besar visitor masih berakhir di URL HTTP ketika membuat website Anda.<\/p>

Kemungkinan besar, hal itu terjadi karena mereka bookmark<\/em> situs Anda dengan URL yang lama atau mereka diarahkan dari web lain. Untuk mengatasi hal ini dan agar user terlindungi, Anda harus ‘memberi tahu’ WordPress untuk re-route<\/em> semua traffic dari HTTP ke HTTPS.<\/p>

Caranya, setup redirect untuk keseluruhan website Anda. Ada berbagai tipe redirect<\/a> yang bisa digunakan, tapi yang kami sarankan adalah redirect 301. Redirect jenis ini masuk ke dalam kategori redirect permanent <\/em>dan bertugas untuk memberitahukan mesin pencari bahwa website Anda sudah memiliki alamat baru yang tetap.<\/p>

Ada dua cara setup 301 redirect di WordPress. Cara pertama dengan menggunakan plugin, misalnya Really Simple SSL<\/a>. Plugin ini force WordPress agar terbuka di HTTPS dan hanya membutuhkan sedikit saja input di akhir:<\/p>

\n
\"Plugin<\/figure><\/div>

Setelah diinstall, plugin akan secara otomatis mencari sertifikat SSL yang terkait dengan website Anda. Jika plugin berhasil menemukan sertifikat SSL yang dimaksud, maka HTTP akan aktif secara otomatis.<\/p>

Meskipun penggunaannya mudah, kami sebenarnya tidak merekomendasikan plugin ini. Kekurangan dari Really Simple SSL adalah kerap rusak karena update atau jika bermasalah dengan plugin lain atau tema.<\/p>

Apalagi kalau berbicara soal fungsionalitas utamanya, yakni HTTPS, Anda mungkin tidak merasa aman karena plugin pihak ketiga ini.<\/p>

Untungnya, ada cara lain untuk mengaktifkan 301 redirect, yaitu dengan melakukan aktivasi manual. Buat koneksi ke server Anda via File Transfer Protocol (FTP). Dalam hal ini, Anda membutuhkan aplikasi FTP, seperti FileZilla<\/a>.<\/p>

Setelah menginstall FileZilla<\/a>, masukkan informasi akun FTP. Informasi ini tidak sama seperti informasi yang Anda gunakan untuk mengakses website. Cari informasi atau kredensi FTP di hPanel, di bawah tab Files > FTP Accounts<\/strong>:<\/p>

\n
\"Informasi<\/figure><\/div>

Catat dan gunakan informasi akun FTP tersebut agar terhubung ke website via FileZilla. Setelah terhubung, buka folder public_html<\/strong>, atau yang juga disebut direktori root<\/strong> WordPress.<\/p>

Di dalam direktori ini, Anda akan melihat sejumlah file dan folder. Namun, pada kasus ini, kami akan memilih .htaccess<\/a>. File ini memuat instruksi untuk server, dan memungkinkan Anda dalam menjalankan semua fitur, seperti cache dan redirect browser.<\/p>

Buka file .htaccess<\/strong> dengan klik kanan dan pilih opsi Edit<\/strong>. File ini akan terbuka di text editor default sehingga Anda dapat mengubah beberapa hal:<\/p>

\n
\"Edit<\/figure><\/div>

Karena file yang hendak diubah sangat sensitif, maka jangan lakukan apa pun yang tidak sesuai dengan instruksi kami (kecuali kalau Anda paham yang dilakukan).<\/p>

Untuk membuat 301 redirect melalui file .htaccess<\/strong>, tambahkan rule baru di bagian paling bawah. Berikut snippet yang bisa Anda copy<\/em> dan paste<\/em>:<\/p>

RewriteEngine on\nRewriteCond %{HTTP_HOST} ^yourwebsite.com [NC,OR]\nRewriteCond %{HTTP_HOST} ^www.yourwebsite.com [NC]\nRewriteRule ^(.*)$ https:\/\/www.yourwebsite.com\/$1 [L,R=301,NC]<\/pre>
Penjelasan kode di atas adalah seperti berikut:<\/p>
Dua baris pertama setelah RewriteEngine on<\/strong> mengirimkan informasi ke server tentang syarat-syarat yang harus dipenuhi suatu koneksi untuk mengaplikasikan rule yang hendak Anda buat. Dalam hal ini, satu-satunya syarat adalah seseorang harus membuka dan mengakses website menggunakan HTTP.<\/p>
Jika syarat berhasil dipenuhi, WordPress akan re-route<\/em> koneksi ke URL yang Anda buat setelah RewriteRule<\/strong>. Di sini domain website-lah yang terbuka di HTTPS. Pada snippet di atas, kami juga sudah memasukkan placeholder<\/em> ke mana URL Anda harus mengarah. Ganti placeholder<\/em> di file .htaccess<\/strong> dan simpan perubahan yang dilakukan.<\/p>
Apabila menggunakan FileZilla, aplikasi tersebut akan meminta Anda untuk menimpa versi file .htaccess<\/strong> yang sudah ada dengan yang baru. Setelah itu, buka website dengan menggunakan alamat HTTP yang lama.<\/p>
Jika semuanya dibuat dan diaktifkan dengan benar, WordPress akan re-route<\/em> ke versi HTTPS dari situs Anda (bisa dicek dengan melihat kolom alamat di browser Anda).<\/p>
Jika HTTPS berhasil terpasang dan aktif, maka peringatan Your Connection is Not Secure di Chrome tidak akan muncul lagi. Dengan begini, Anda tidak perlu khawatir kehilangan visitor karena ketidakpercayaan mereka terhadap keamanan situs Anda.<\/p>
Selain itu, informasi yang dikirimkan melalui situs Anda menjadi lebih aman, dan ini tentunya kabar baik bagi semua orang.<\/p>
Kesimpulan<\/h2>
Jika Google Chrome mengirim pesan atau peringatan bahwa Your connection is not secure<\/strong>, maka itu artinya Anda harus melakukan sesuatu. Satu-satunya hal yang harus dilakukan adalah memasang sertifikat SSL.<\/p>
Menginstall dan menjalankan sertifikat sangat mudah, jadi seharusnya hal ini tidak menjadi pengecualian bagi user mana pun. Di samping itu, mengaktifkan sertifikat ini akan mengamankan data pribadi setiap visitor situs Anda.<\/p>
Apakah Anda punya pertanyaan terkait cara mengatasi Your Connection is Not Secure di Google Chrome? Silakan tulis pada kolom komentar di bawah ini!<\/p>\n","protected":false},"excerpt":{"rendered":"
Kalau menggunakan Google Chrome, Anda mungkin pernah melihat tulisan “Your Connection is Not Secure” di browser Anda. Error ini juga terkadang sulit disadari karena Chrome hanya menampilkannya di samping URL situs. Tapi tenang, cara mengatasi not secure di Google Chrome bukanlah hal yang sulit. Selain itu, error Your Connection is Not Secure di Google Chrome […]<\/p>\n
Read More…<\/a><\/p>\n","protected":false},"author":55,"featured_media":7196,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Cara Mengatasi Your Connection is Not Secure di Chrome","rank_math_description":"Cara mengatasi error Your Connection is Not Secure di Chrome sebenarnya sama sekali tidak sulit, lho. Mari baca langkah-langkahnya di sini!","rank_math_focus_keyword":"Your Connection is Not Secure, cara mengatasi your connection is not secure","footnotes":""},"categories":[9451],"tags":[8122,7171],"class_list":["post-7169","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-error","tag-cara-mengatasi-your-connection-is-not-secure","tag-sertifikat-ssl"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=7169"}],"version-history":[{"count":24,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7169\/revisions"}],"predecessor-version":[{"id":30485,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7169\/revisions\/30485"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media\/7196"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=7169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=7169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=7169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}