Back to blog
Fundamental

Anatomi URL: Membedah Bagian-Bagian dari Alamat Website

Setiap hari kamu mengetik URL di browser, tapi tahukah kamu arti dari https, www, hingga tanda tanya (?) di belakang alamat tersebut?

super admin·16 Juni 2026·2 min read
Anatomi URL: Membedah Bagian-Bagian dari Alamat Website
Article Content

Alamat Web Menyimpan Banyak Rahasia

Saat kamu mengetik https://www.tampilkit.com/blog/belajar?kategori=coding di browsermu, kamu sebenarnya sedang memberikan instruksi yang sangat spesifik kepada internet. Sebuah URL (Uniform Resource Locator) terdiri dari beberapa bagian penting yang wajib dipahami oleh setiap web developer.

1. Protocol (Aturan Komunikasi)

Bagian pertama adalah https://. Ini memberi tahu browser bahasa apa yang harus digunakan untuk berbicara dengan server. HTTP (HyperText Transfer Protocol) adalah standar lama, sedangkan HTTPS (ada huruf S yang berarti Secure) menandakan bahwa data yang dikirimkan dienkripsi dan aman dari sadapan.

2. Subdomain (Cabang Toko)

Bagian www. atau kadang api. dan blog. disebut subdomain. Ini seperti membagi satu gedung besar menjadi beberapa ruangan spesifik. Developer sering menggunakan subdomain api. khusus untuk menempatkan server backend mereka agar terpisah dari tampilan web utamanya.

3. Domain Name (Nama Toko)

Bagian tampilkit.com adalah nama unik yang kamu sewa agar orang mudah mengingat alamat servermu. Domain ini mencakup ekstensi (TLD) seperti .com, .id, atau .org.

4. Path (Lokasi Rak Barang)

Setelah nama domain, ada /blog/belajar. Ini disebut Path atau jalur. Ini memberi tahu server rute spesifik atau file mana yang ingin kamu buka di dalam website tersebut, persis seperti struktur folder di dalam komputer laptopmu.

5. Query Parameter (Filter Pencarian)

Pernah melihat tanda tanya ? di URL? Segala sesuatu setelah tanda tanya disebut Query Parameter. Contohnya: ?kategori=coding&urutkan=terbaru. Ini adalah variabel yang dikirimkan ke server untuk memfilter data. Misalnya, kamu hanya ingin melihat artikel dengan kategori coding saja.

Kesimpulan

Sebagai web developer, memahami URL sangat penting saat kamu mulai membangun sistem Routing (baik di Frontend seperti React Router, maupun di Backend seperti rute Express.js). Setiap bagian dari URL bisa ditangkap oleh kodemu dan digunakan untuk menampilkan halaman yang berbeda-beda.

Mau langsung pakai template?

Jelajahi template gratis dan premium di TampilKit untuk mempercepat proses development project kamu.

Browse Templates