Dalam tahun 2014, Google menyatakan yang mereka akan menjadikan HTTPS sebagai salah satu faktor ranking yang di ambil kira dalam algorithm enjin carian mereka. Hasil dari pengumuman berkenaan, setiap hari semakin banyak laman web kini menggunakan HTTPS. Hari ini, 50% dari website yang dicapai menggunakan Google Chrome menggunakan HTTPS. Bagaimana nak gunakan HTTPS? Anda perlukan SSL untuk menggunakan HTTPS.
Jom den tunjukkan cara nak letakkan SSL Percuma untuk Website WordPress anda.
Apa Itu SSL dan Jenis Jenis SSL Yang Sedia Ada
Sebelum den tunjukkan cara nak dapatkan SSL percuma, ada baiknya den terangkan sedikit sebanyak tentang SSL dan juga jenis jenis SSL yang ada.
SSL boleh di bahagikan kepada 3 jenis berdasarkan jenis “Validation” yang diperlukan:
- Domain Validation SSL – Paling murah (free pun ada, macam yang den ceritakan dalam post ini). Sesuai untuk blog dan website yang tidak mengandungi maklumat berharga ($$$). Penyedia SSL hanya validate Certificate yang dikeluarkan adalah untuk domain yang betul sahaja.
- Organization Validation SSL – SSL Certificate paling minimum untuk website eCommerce yang menerima dan memproses transaksi kewangan sendiri (tidak menggunakan payment gateway pihak ketiga). Penyedia akan membuat pengesahan domain dan juga organisasi/syarikat yang memohon SSL. Proses pengesahan akan memakan masa (2 – 3 hari).
- Extended Validation SSL – Ini SSL Certificate yang mempunyai pengesahan paling teliti. Nak tengok garispanduan untuk dapatkan EV SSL? Baca SINI. SSL jenis ini seharusnya digunakan oleh website website yang mengandungi maklumat kritikal seperti bank. Pengguna yang melawati website yang menggunakan SSL EV akan melihat paparan seperti berikut:
[peg-image src=”https://lh3.googleusercontent.com/-JjhV-KELhrg/WKUMJAIuDEI/AAAAAAAB9Rk/8ZlQQC5e5qQfRkwcxUyDUfXQUrMsWKhFACCo/s144-o/sslpercumawordpress-evssl-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387524995289844802″ caption=”” type=”image” alt=”Website Maybank Guna Extended Validation SSL” image_size=”1200×628″ ]
Di samping ketiga tiga jenis di atas, SSL juga di bahagikan menurut jenis domain/subdomain:
- Single domain SSL – SSL Certificate untuk satu domain sahaja.
- Wild card SSL – SSL Certificate untuk satu domain dan pelbagai subdomain.
- Multi domain SSL – SSL Certificate untuk pelbagai domain.
- Unified Communications SSL – Multi domain juga (sehingga 100 domain dalam satu SSL)
Maka, sebelum anda membuat belian SSL, pastikan terlebih dahulu keperluan anda dengan betul.
Apa fungsi SSL sebenarnya?
Mungkin ada yang bertanya: “Website saya bukan untuk berniaga, perlu ke letak SSL?”
Ada juga yang bertanya: “Saya dah pasang SSL tapi website saya masih kena hack!”
Ramai yang sebenarnya kurang faham dan salah faham tentang fungsi SSL.
SSL Mengelak Kecurian Maklumat Dalam Talian
SSL dan HTTPS sebenarnya berfungsi untuk menjadikan komunikasi antara web server dan web browser selamat dari pencerobohan pihak ketiga.
Tanpa SSL dan HTTPS, komunikasi antara web browser yang anda gunakan dengan mana mana web server berlaku dalam teks biasa. Komunikasi dua hala ini dapat di lihat dan di baca dengan mudah oleh sesiapa yang mempunyai kebolehan untuk melihat data yang berada di dalam talian.
Jika anda mempunyai website yang mengumpul maklumat pelawat (email, nama, no telefon, alamat, etc), maka seeloknya anda menggunakan SSL. Dengan SSL dan HTTPS, maklumat berkenaan tidak boleh di baca oleh sesiapa sahaja ketika ia di hantar di dalam talian.
Anda perlu “Login” dengan “username” dan “password” untuk masuk ke ruang “Admin” website anda? Seeloknya anda gunakan SSL dan HTTPS untuk memastikan “username” dan “password” anda tidak di hantar sebagai teks biasa di dalam talian.
SSL Memastikan Anda Berhubung Dengan Web Site Yang Sebenar
Fungsi kedua SSL dan HTTPS adalah untuk memastikan yang web browser anda sedang berhubung dengan web server yang sebenar – bukan server atau komputer pihak ketiga. Dengan adanya SSL pada web server anda, pelawat anda akan lebih yakin yang mereka sedang berhubung dengan website anda.
Segala maklumat yang mereka berikan (jika anda ada mengumpul data) kepada website anda adalah selamat dan tidak dapat dilihat oleh mana mana pihak ketiga.
Lihat video berikut yang menjelaskan tentang SSL dan HTTPS secara grafik.
Ok. Den harap anda dah faham sedikit sebanyak tentang SSL dan HTTPS.
Sekarang tiba masanya den nak tunjukkan bagaimana nak install SSL percuma ke dalam website anda.
Fungsi AutoSSL dan SSL Percuma Dari cPanel
Ramai (termasuk den jugak la) yang tidak tahu, atau mungkin baru sahaja tahu yang semenjak pertengahan 2016 lagi, cPanel telah menyediakan fungsi AutoSSL untuk pengguna.
Feature AutoSSL ini hanya perlu di aktifkan oleh penyedia webhosting di dalam WHM mereka. Setiap pakej webhosting yang mempunyai AutoSSL enabled akan secara automatik mempunyai SSL di dalam akaun mereka.
cPanel juga turut memberikan Domain Validated SSL dari Comodo secara percuma kepada semua pengguna cPanel. SSL percuma ini dipasang secara automatik untuk setiap pengguna cPanel.
Setakat ini, den telah bertanya kepada penyedia hosting NetKL. NetKL mengesahkan bahawa setiap pengguna cPanel mereka (baru dan lama) kini mempunyai SSL percuma.
Berita baik buat kita semua. NetKL dah sediakan AutoSSL. Den rasa tak lama lagi, penyedia lain pun akan turut menyusul, InsyaAllah.
[peg-image src=”https://lh3.googleusercontent.com/-56QAp8Xvoic/WKN2vDFjpwI/AAAAAAAB9Ek/gKGzf0expJwF_v39PJCtcCSrv3xsikNSQCCo/s144-o/sslpercumawordpress-cpanel-security-ssltls-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387079247196038914″ caption=”” type=”image” alt=”SSL Percuma Untuk Website WordPress cPanel Security SSL/TLS” image_size=”1200×628″ ]
Untuk melihat “SSL Certificate” yang dijana oleh fungsi AutoSSL, ini, anda perlu lihat di dalam cPanel, seperti dalam gambar di atas. Klik pada icon “SSL/TLS” di dalam section “Security“
[peg-image src=”https://lh3.googleusercontent.com/-QahheeVatcY/WKN4cZ2dcpI/AAAAAAAB9Ew/LAEL6uPtvJEKSwc-81Wp2lPAnpbJh01OgCCo/s144-o/sslpercumawordpress-cpanel-security-ssltls-managesslsites-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387081125912474258″ caption=”” type=”image” alt=”SSL Percuma WordPress – cPanel SSL/TLS Manage SSL” image_size=”1200×628″ ]
Di dalam SSL/TLS, anda akan melihat paparan seperti di atas. Fungsi SSL/TLS ini anda akan gunakan sekiranya anda ingin pasang SSL yang dibeli pada domain di dalam webhosting anda.
Untuk fungsi AutoSSL, anda hanya perlu menggunakan SSL/TLS ini untuk memastikan SSL anda telah dipasang. Klik pula pada “Manage SSL Sites“
[peg-image src=”https://lh3.googleusercontent.com/-jFjGZ48slik/WKN9koEx7VI/AAAAAAAB9FE/4Hrdnbk0-lk2MMOroNndfm4lT-c_8EvBACCo/s144-o/sslpercumawordpress-cpanelsecurityssltls-managesslsites-manageinstalledssl-autossl-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387086764727725394″ caption=”” type=”image” alt=”SSL Percuma WordPress – cPanel Manage Installed SSL AutoSSL” image_size=”1200×628″ ]
Anda akan dapat melihat setiap SSL yang ada untuk webhosting anda. AutoSSL akan pasang SSL untuk setiap domain dan subdomain yang anda gunakan dalam cPanel (termasuk Add On dan Parked Domains).
Klik pada “Certificate Details” untuk domain anda dan anda akan dapat melihat butiran mengenai SSL Certificate yang telah dipasang pada webhosting anda itu.
Di dalam gambar yang den sertakan di atas, SSL Certificate dikeluarkan oleh cPanel.
SSL Percuma Dari Let’s Encrypt
Fungsi AutoSSL dalam cPanel itu juga digunakan oleh Let’s Encrypt untuk menyediakan dan memasang SSL Certificate ke dalam webhosting anda. Bezanya, anda perlu meggunakan Tool Let’s Encrypt untuk membuat pemasangan SSL Certificate anda.
Pemasangan tidak automatik. Hanya pembaharuan SSL yang automatik. Jom ikut den tengok macam mana nak pasang SSL Certificate dari Let’s Encrypt pula.
Untuk menggunakan SSL Certificate dari Let’s Encrypt, anda perlu pastikan Webhosting anda ada menyediakan Let’s Encrypt dalam Hosting Control Panel yang digunakan (seperti CPanel, Plesk, atau CyberPanel).
[peg-image src=”https://lh3.googleusercontent.com/-ytc9UABI4k8/WKOkmxmZbZI/AAAAAAAB9Gs/f5172oJkhLwEF-ZLGBFyuOBDQYTPIz2VwCCo/s144-o/sslpercumawordpress-cpanel-security-letsencrypt-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387129682597866898″ caption=”” type=”image” alt=”SSL Percuma Let’s Encrypt dalam cPanel” image_size=”1200×628″ ]
Cari ikon Let’s Encrypt di dalam cPanel web hosting anda seperti yang di paparkan dalam gambar di atas. Ia sepatutnya berada di dalam bahagian Security.
[peg-image src=”https://lh3.googleusercontent.com/-xchKPiYW0iY/WKTw3TEWZvI/AAAAAAAB9PI/9502L0Z7Vrsed5VMvQSibH8PiZfKIHntACCo/s144-o/sslpercumawordpress-cpanel-security-letsencrypt-newcertificates-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387495004320196338″ caption=”” type=”image” alt=”SSL Percuma Let’s Encrypt New Certificates” image_size=”1200×628″ ]
Paparan di atas menunjukkan domain dan subdomain yang wujud di dalam webhosting anda tersebut. Sekiranya anda, macam den, menggunakan WordPress Multisite, anda perlu install SSL untuk setiap domain (dalam satu SSL Certificate yang sama) dan juga subdomain (SSL Certificate berasingan).
Dalam post ini, den tunjuk cara nak install SSL Let’s Encrypt untuk domain domain utama dalam webhosting anda.
So, langkah seterusnya, ikut anak panah dalam gambar di atas dan klik pada link “+ Issue” untuk domain anda.
[peg-image src=”https://lh3.googleusercontent.com/-QLh9tLEhMF0/WKT2GAf01DI/AAAAAAAB9QM/7SRz3oRHOQcXiYgCdavc0Za5ABVMaEmOACCo/s144-o/sslpercumawordpress-cpanel-security-letsencrypt-installingcertificates-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387500754591339570″ caption=”” type=”image” alt=”SSL Percuma Let’s Encrypt Install Certificates” image_size=”1200×628″ ]
Di dalam paparan ini (di atas), setiap domain (domain utama, add-on, dan parked) yang terdapat dalam webhosting anda akan tersenarai. Anda boleh pilih untuk masukkan semua domain atau hanya domain tertentu sahaja ke dalam SSL Certificate yang akan anda pasang ini. Den pilih semua kecuali subdomain mail kerana den tidak menggunakan subdomain tersebut. (Nota: Den pun kurang pasti dari mana datangnya subdomain ini. Kalau den include, akan ada error bila “Issue” nanti.)
Anda juga mempunyai pililhan untuk meletakkan subdomain untuk email (SMTP, POP3…) ke dalam SSL ini. Jika anda menggunakan webhosting untuk menerima email, den cadangkan masukkan sekali. Kalau anda macam den, email semua di server lain, tak perlulah.
Setelah selesai membuat pilihan domain yang ingin anda letakkan SSL, klik pada butang “Issue“
[peg-image src=”https://lh3.googleusercontent.com/-AHfytCZcp2E/WKT4NErXoQI/AAAAAAAB9Qc/hGAW7Xo_s4M2_ZYTVnWCfVeTLNG2ONOeACCo/s144-o/sslpercumawordpress-cpanel-security-letsencrypt-installed-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387503074995839234″ caption=”” type=”image” alt=”SSL Percuma Let’s Encrypt Installed” image_size=”1200×628″ ]
SSL Percuma Let’s Encrypt anda kini telah pun siap dipasang pada domain domain yang anda pilih tadi.
Anda boleh melihat SSL yang telah di pasang ini di dalam cPanel menggunakan SSL/TLS seperti yang den ceritakan di bahagian AutoSSL di atas nun.
Melihat SSL Certificate Dalam Chrome Browser
Anda boleh juga melihat SSL Certificate yang digunakan oleh website anda melalui Browser anda sahaja. Di sini den tunjukkan cara menggunakan Chrome Browser (browser lain – Firefox dan Opera turut mempunyai fungsi yang sama. MS IE dan Edge guna cara berbeza).
[peg-image src=”https://lh3.googleusercontent.com/-wrn4afnvw1A/WKOC151ULxI/AAAAAAAB9FY/ImAaNncp4socd1lnZzTSWvjB950REpC1ACCo/s144-o/sslpercumawordpress-autossl-chrome-rightclick-inspect-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387092559110614802″ caption=”” type=”image” alt=”Chrome Inspect untuk lihat SSL Percuma WordPress Website Anda” image_size=”1200×628″ ]
- Layari website anda seperti biasa (gunakan HTTPS).
- Tekan butang kanan mouse (Right Click) pada mana mana bahagian dalam website anda.
- Kllik pada “Inspect“
Nota: Bagi yang ada Copy Protection Script dalam website (Right Click disabled), boleh install “Allow Copy” atau pelbagai lagi chrome extension sepertinya.
[peg-image src=”https://lh3.googleusercontent.com/-2KdthJJk-iw/WKOEJGDTLwI/AAAAAAAB9Fg/kZeUgq3IyEEeczScBXADL5BwiqceyFO0wCCo/s144-o/sslpercumawordpress-autossl-chrome-inspect-security-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387093988319637250″ caption=”” type=”image” alt=”Chrome Inspect Security” image_size=”1200×628″ ]
Paparan Chrome Browser anda akan terbahagi kepada dua. Bahagian bawah adalah ruangan Chrome Inspect. Untuk melihat SSL Cerificate yang digunakan:
- Klik pada “Security“
- Klik pada “View Certificate“
Setelah klik pada “View Certificate“, anda akan dapat melihat paparan seperti berikut:
[peg-image src=”https://lh3.googleusercontent.com/-3WNbjRw4o6c/WKOLBG5ZTjI/AAAAAAAB9GE/IC_frSbjGJ8O12LvLxG2sbSB77Z6qH8MQCCo/s144-o/sslpercumawordpress-autossl-chrome-inspect-security-viewcertificate-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387101547688971826″ caption=”” type=”image” alt=”Chrome Inspect Security View Certifiate” image_size=”1200×628″ ]
Pada tab “General“, anda akan melihat:
- Issued To: Nama domain utama di mana SSL Certificate ini di keluarkan.
- Issued By: Nama pengeluar SSL Certiicate. Untuk AutoSSL, cPanel Inc akan tertera di sini.
- Valid From: Tempoh sah SSL Certificate ini. Tempoh sah SSL Certificate yang dikeluarkan oleh AutoSSL hanyalah 3 bulan. Namun demikian, AutoSSL akan menjana SSL Certificated baru sebelum tamat tempoh nanti (secara automatik – tak perlu buat apa apa)
Pada tab “Details” pula, anda akan melihat:
- Subject Alternative Name: Nama nama domain (add on dan parked domain) yang turut menggunakan SSL Certificate yang sama.
Sedikit lagi info tentang AutoSSL
Setiap penyedia SSL mempunyai had had tertentu dalam SSL masing masing:
- SSL yang dikeluarkan oleh cPanel mempunyai had sehingga 200 domain untuk setiap website.
- SSL yang dikeluarkan oleh Let’s Encrypt mempunyai had sehingga 100 domain untuk setiap website.
- Had di atas ini termasuklah untuk subdomain www.domain.com bagi setiap domain dalam website anda.
- AutoSSL akan memperbaharui SSL Certificate cPanel dalam masa 15 hari dari tarikh tamat tempoh.
- AutoSSL akan memperbaharui SSL Certificate Let’s Encrypt dalam masa 29 hari dari tarikh tamat tempoh.
Untuk maklumat lebih terperinci tentang fungsi fungsi AutoSSL, boleh baca di SINI.
Setting WordPress Supaya Menggunakan HTTPS
Sekarang dengan terpasangnya SSL Certificate pada webhosting anda, boleh lah anda menukar setting pada WordPress supaya menggunakan HTTPS untuk setiap trafik yang masuk.
Setting HTTPS Untuk WordPress Secara Manual
[peg-image src=”https://lh3.googleusercontent.com/-Voqc8y_MhzQ/WKUX2_vvDvI/AAAAAAAB9SU/aXa7xq9eRRYOaKZdCv-aGTQfBqkxwmV-gCCo/s144-o/sslpercumawordpress-settings-https-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387537880086941426″ caption=”” type=”image” alt=”Setting WordPress ke HTTPS” image_size=”1200×628″ ]
- Pergi ke WP-Admin > Settings > General
- Tukarkan http ke https di WordPress Address (URL)
- Tukarkan http ke https di Site Address (URL)
Selesai setting di WordPress. Sekarang anda perlu tambah dua line baru ke dalam file htaccess anda.
RewriteCond %{ENV:HTTPS} !=on
RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [R,L]
Anda juga mungkin akan memerlukan plugin seperti Insecure Content Fixer untuk mengatasi masalah “Mixed Content” – terdapat sumber sumber yang masih menggunakan HTTP di dalam WordPress anda.
Setting HTTPS Untuk WordPress Dengan Plugin
Kalau nak senang, setting HTTPS untuk WordPress anda boleh dilakukan dengan satu plugin jer. Install dan activate plugin Really Simple SSL. Settle. Hehehe..
Setting untuk Cloudflare
Anda gunakan Cloudflare? Bagi yang menggunakan panduan FlexiSSL Cloudflare yang den sediakan dulu, boleh lah tukar setting Crypto dari FlexiSSL kepada Full SSL.
[peg-image src=”https://lh3.googleusercontent.com/-YCB6TOv6bok/WKUgs2JMdAI/AAAAAAAB9S8/4N4HTwaO37IHxFySa4qkINGylrUpeAp9QCCo/s144-o/sslpercumawordpress-cloudflare-fullssl-1200×628.jpg” href=”https://picasaweb.google.com/102310321892737169531/HadeeRoslan#6387547601315329026″ caption=”” type=”image” alt=”Cloudflare Full SSL” image_size=”1200×628″ ]
Ulasan Semula Tentang SSL Percuma Untuk Website WordPress anda
Sebelum den akhiri post hari ini, bior den recap balik serba sedikit apa yang den dah cuba percerahkan.
- SSL Certificate perlu untuk gunakan HTTPS – Google suka HTTPS
- Ada dua SSL Percuma boleh dapat dalam cPanel (SSL dari cPanel dan SSL dari Let’s Encrypt)
- SSL cPanel dipasang secara automatik
- SSL Let’s Encrypt dipasang secara manual (ada tools dalam cPanel)
- Pembaharuan SSL dilakukan secara automatik
- Ada had had tertentu yang berlainan bagi setiap penyedia SSL
Itulah dia serba sedikit maklumat tentang SSL Percuma yang dapat den kongsikan dalam post ini. Harap harap anda yang membaca post ini dapat la seketul dua ilmu tentang SSL yang dapat di manfaatkan.
Lepas baca nih, jangan tunggu lama lama. Terus buka cPanel webhosting anda dan check kot kot webhosting anda ada enable AutoSSL cPanel SSL. Kalau takde, tengok ada tak Let’s Encrypt. Kalau dua dua takde.. shoot la satu tiket support tanya depa bila nak provide salah satu. Kalau depa kata tak tahu atau tak nak buat, time to move on.. hehehehe.. pada den, no excuse untuk tak provide such services.
Nak terus belajar tentang WordPress? Jangan lupa untuk subscribe ke mailing list atau Web Push Notification den.
InsyaAllah. :D :D :D
