Enkode URL: Ubah Teks Menjadi Format URL yang Aman

Bayangkan sebuah URL sebagai alamat surat. Agar surat sampai ke tujuan yang benar, alamatnya harus ditulis dalam format yang standar dan dapat dimengerti oleh semua petugas pos di seluruh dunia. Hal yang sama berlaku untuk URL di internet. URL memiliki seperangkat aturan ketat tentang karakter apa saja yang boleh digunakan dan bagaimana struktur penulisannya. Aturan ini didefinisikan dalam standar teknis yang disebut RFC 3986.

Standar ini membagi karakter menjadi dua kelompok utama: karakter yang tidak dicadangkan (unreserved) dan karakter yang dicadangkan (reserved). Karakter yang tidak dicadangkan, seperti huruf (A-Z, a-z), angka (0-9), dan beberapa simbol seperti -, _, ., ~, dianggap aman untuk digunakan di mana saja dalam URL. Namun, karakter yang dicadangkan memiliki makna khusus. Contohnya, simbol ? menandai awal dari parameter kueri, & memisahkan antar parameter, dan / memisahkan segmen path. Jika karakter-karakter ini muncul sebagai bagian dari data (misalnya, dalam nama produk "Baju & Celana"), mereka akan mengacaukan struktur URL dan menyebabkan server salah menginterpretasikannya. Di sinilah Enkode URL berperan. Proses ini, juga dikenal sebagai persen-enkoding, mengubah karakter yang tidak aman atau dicadangkan menjadi format universal yang aman, yaitu tanda persen (%) diikuti oleh dua digit heksadesimal yang mewakili karakter tersebut. Dengan begitu, data Anda tetap utuh tanpa merusak struktur alamat URL.

Alat Enkode URL kami menawarkan dua mode utama: "Enkode Komponen" dan "Enkode URL Penuh". Memilih mode yang tepat sangat penting untuk memastikan URL Anda berfungsi dengan benar. Perbedaan mendasar terletak pada perlakuan terhadap karakter yang dicadangkan (:, /, ?, #, [, ], @, !, $, &, ', (, ), *, +, ,, ;, =).

Mode Enkode Komponen adalah pilihan yang paling umum dan paling aman untuk sebagian besar kasus. Mode ini dirancang untuk mengenkode satu bagian atau komponen dari URL, seperti nilai parameter dalam kueri. Mode ini bersifat agresif, artinya ia akan mengonversi semua karakter yang dicadangkan. Contohnya, jika Anda ingin menyertakan URL lain sebagai nilai parameter, seperti ?redirect=https://contoh.com/halaman, Anda harus mengenkode nilai https://contoh.com/halaman menggunakan mode komponen. Hasilnya, karakter / dan : akan diubah menjadi %2F dan %3A, sehingga tidak mengganggu struktur URL utama.

Mode Enkode URL Penuh, di sisi lain, lebih permisif. Mode ini digunakan ketika Anda sudah memiliki URL yang hampir lengkap tetapi mungkin mengandung karakter yang tidak valid, seperti spasi. Mode ini tidak akan mengenkode karakter yang dicadangkan karena diasumsikan karakter tersebut memang berfungsi sebagai bagian dari struktur URL (pemisah protokol, domain, path, dll.). Contohnya, jika Anda memiliki tautan seperti https://situs-saya.com/artikel/tips dan trik.html, mode URL Penuh akan mengubahnya menjadi https://situs-saya.com/artikel/tips%20dan%20trik.html, dengan tetap mempertahankan karakter / dan :. Gunakan mode ini dengan hati-hati dan hanya jika Anda yakin sedang bekerja dengan URL yang utuh.

Salah satu karakter yang paling sering perlu dienkode dalam URL adalah spasi. Namun, Anda mungkin pernah melihat dua representasi yang berbeda untuk spasi: %20 dan tanda tambah +. Keduanya valid, tetapi digunakan dalam konteks yang sedikit berbeda, dan memahami perbedaannya dapat mencegah kesalahan yang tidak terduga.

%20 adalah representasi standar universal untuk karakter spasi sesuai dengan standar RFC 3986. Kode 20 adalah nilai heksadesimal untuk spasi dalam tabel karakter ASCII. Representasi ini akan dipahami dengan benar di semua bagian URL, baik itu di path (misalnya, /nama file/) maupun di bagian kueri (setelah tanda ?). Ini adalah cara yang paling aman dan direkomendasikan untuk mengenkode spasi.

Tanda tambah +, di sisi lain, adalah sebuah peninggalan dari spesifikasi yang lebih tua, yaitu application/x-www-form-urlencoded, yang digunakan untuk mengirimkan data dari formulir HTML. Dalam konteks spesifik ini, browser akan mengganti spasi dengan tanda + saat mengirimkan data formulir. Misalnya, jika Anda mengetik "baju batik" di kotak pencarian sebuah situs web, URL yang dihasilkan mungkin terlihat seperti ?q=baju+batik. Karena perilaku ini masih umum, alat Enkode URL kami menyediakan opsi untuk mengenkode spasi sebagai +. Gunakan opsi ini hanya jika Anda secara spesifik perlu meniru format pengiriman formulir, misalnya saat membuat string kueri secara manual untuk API yang mengikuti konvensi ini. Untuk semua tujuan lain, tetaplah menggunakan %20 untuk kompatibilitas maksimum.

Internet adalah ruang global, dan URL sering kali perlu menyertakan karakter di luar alfabet Latin dasar, seperti huruf beraksen (misalnya, é, ü), aksara lain (misalnya, Jawa, Arab), atau bahkan emoji (misalnya, 👍, ❤️). Namun, sistem URL pada dasarnya dirancang hanya untuk set karakter ASCII. Lalu, bagaimana karakter-karakter ini bisa masuk ke dalam URL?

Jawabannya terletak pada kombinasi standar pengkodean UTF-8 dan persen-enkoding. Prosesnya berjalan dalam dua langkah. Pertama, karakter non-ASCII (Unicode) diubah menjadi urutan bita (byte) sesuai dengan standar UTF-8. Karakter sederhana mungkin hanya memerlukan satu bita, tetapi karakter yang lebih kompleks seperti emoji bisa memerlukan hingga empat bita. Kedua, setiap bita dalam urutan tersebut kemudian dienkode secara individual menggunakan persen-enkoding.

Sebagai contoh, karakter é dalam UTF-8 direpresentasikan oleh dua bita: C3 dan A9 dalam heksadesimal. Jadi, ketika dienkode dalam URL, é menjadi %C3%A9. Contoh lain, emoji jempol 👍 direpresentasikan oleh empat bita UTF-8: F0, 9F, 91, dan 8D. Oleh karena itu, enkode URL-nya adalah %F0%9F%91%8D. Alat Enkode URL kami secara otomatis menangani konversi UTF-8 ini di latar belakang, jadi Anda cukup memasukkan teks atau emoji apa pun, dan alat ini akan menghasilkan string yang aman dan valid untuk digunakan di URL, memastikan data internasional Anda tersampaikan dengan benar di seluruh web.

Enkode URL bukan hanya konsep teknis, melainkan alat praktis yang esensial dalam pekerjaan sehari-hari para pengembang web dan pemasar digital. Berikut adalah beberapa skenario umum di mana Anda akan membutuhkan alat Enkode URL.

Bagi Pemasar Digital, penggunaan utamanya adalah saat membuat tautan pelacakan dengan parameter UTM. Misalkan Anda menjalankan kampanye iklan untuk "Diskon Lebaran 2024". Nilai parameter utm_campaign Anda adalah Diskon Lebaran 2024. Jika dimasukkan langsung ke URL, spasi akan merusaknya. Anda harus mengenkodenya menjadi Diskon%20Lebaran%202024 agar tautan berfungsi dan data pelacakan akurat.

Bagi Pengembang Web, kasus penggunaannya lebih beragam. Saat membuat fungsi pencarian, setiap input dari pengguna harus dienkode sebelum dimasukkan ke dalam parameter kueri URL. Jika pengguna mencari buku "fiksi ilmiah", string tersebut harus dienkode menjadi buku%20%22fiksi%20ilmiah%22 untuk memastikan tanda kutip dan spasi tidak mengganggu URL. Hal ini juga krusial saat berinteraksi dengan API. Banyak API mengharapkan parameter URL yang terenkode dengan benar, terutama jika nilainya berupa JSON atau string kompleks lainnya.

Setelah URL dienkode untuk transmisi yang aman, sering kali Anda perlu mengembalikannya ke bentuk aslinya di sisi penerima. Untuk tugas ini, Anda bisa menggunakan alat dekode URL kami. Selain itu, setelah Anda memiliki URL yang bersih dan terenkode, Anda dapat dengan mudah membagikannya menggunakan pembuat kode QR dari URL untuk kampanye cetak atau digital.