Pembuat Slug URL — Slugify Teks Apa Pun

Apa Itu Slug URL?

// The core of a zero-dependency slugify (ASCII mode)
function slugify(input) {
  return input
    .normalize('NFD')                 // café → cafe + combining accent
    .replace(/[\u0300-\u036f]/g, '')  // drop the combining marks
    .replace(/ß/g, 'ss')              // chars with no NFD decomposition
    .replace(/&/g, ' and ')           // keep the meaning of '&'
    .toLowerCase()
    .replace(/[^a-z0-9]+/g, '-')      // every other run of junk → one hyphen
    .replace(/^-+|-+$/g, '');         // trim leading / trailing hyphens
}

slugify('Crème Brûlée Recipe');   // 'creme-brulee-recipe'
slugify('Salt & Pepper');         // 'salt-and-pepper'
slugify('10 Tips: A Guide!');     // '10-tips-a-guide'

Fitur Utama

Perbandingan Alternatif Pembuat Slug

Contoh Pembuat Slug

10 Tips for Faster JavaScript: A Complete Guide!

10-tips-for-faster-javascript-a-complete-guide

Crème Brûlée Recipe

creme-brulee-recipe

Große Änderungen für 2026

grosse-anderungen-fur-2026

Привет мир

privet-mir

你好 世界

你好-世界

Salt & Pepper: 100% Natural

salt-and-pepper-100-natural

Cara Menggunakan Pembuat Slug

1. 1

   Tempel atau ketik teks Anda

   Klik ke editor dan masukkan judul, heading, atau frasa — atau ketuk salah satu chip preset (Judul blog, Aksen, CJK, Sirilik, Simbol) untuk memuat contoh representatif. Slug muncul secara langsung di kotak keluaran di bawah.

2. 2

   Pilih mode ASCII atau Unicode

   Biarkan Mode pada ASCII untuk slug a–z portabel yang mentransliterasi aksen dan meromanisasi Sirilik/Yunani. Beralih ke Unicode jika teks Anda dalam aksara non-Latin (Tionghoa, Arab, Sirilik) dan Anda ingin mempertahankan karakter asli dalam URL.

3. 3

   Sesuaikan pemisah, case, dan panjang

   Pertahankan pemisah tanda hubung (direkomendasikan) atau beralih ke garis bawah. Huruf kecil aktif secara default; matikan untuk mempertahankan kapitalisasi. Setel Panjang maksimum untuk membatasi slug panjang pada batas kata, atau biarkan pada 0 untuk slug penuh.

4. 4

   Salin slug

   Klik Salin untuk menulis slug jadi ke clipboard Anda — tombol berkedip "Tersalin!" untuk konfirmasi. Tempel ke field slug CMS, nama file, atau id anchor Anda. Klik Reset untuk membersihkan editor dan memulai ulang.

Kesalahan Umum Slug

https://example.com/My-Awesome-Post

https://example.com/my-awesome-post

https://example.com/my_first_post

https://example.com/my-first-post

https://example.com/caf%C3%A9-cr%C3%A8me

https://example.com/cafe-creme

the-10-absolute-best-and-most-effective-tips-for-writing-faster-javascript-code-in-2026

faster-javascript-tips

Siapa yang Menggunakan Pembuat Slug

Blogger dan Penulis Konten

Ubah judul postingan menjadi slug URL yang diharapkan CMS Anda. Tempel "10 Tips for Faster JavaScript: A Complete Guide" dan salin `10-tips-for-faster-javascript-a-complete-guide` langsung ke field slug WordPress, Ghost, atau Hugo — kaya kata kunci dan bersih.

Spesialis SEO

Susun slug pendek yang berfokus kata kunci yang terbaca baik di hasil pencarian dan membawa nilai klik-tayang. Gunakan kontrol Panjang maksimum untuk menjaga slug di bawah ~60 karakter dan jatuhkan stop word untuk URL yang lebih ketat dan relevan.

Developer Menamai Route dan File

Hasilkan identifier aman untuk path route, nama file statis, nama aset gambar, dan kunci penyimpanan dari label yang dapat dibaca manusia. Mode ASCII menjamin hasilnya portabel di seluruh sistem file dan database yang tersedak karakter non-ASCII.

Penulis Dokumentasi dan Markdown

Reproduksi slug anchor-heading yang dibuat GitHub, GitLab, dan sebagian besar generator situs statis dari heading, sehingga tautan "#section" dalam halaman Anda cocok. Mode Unicode mencerminkan perilaku pertahankan-huruf GitHub untuk heading non-Inggris.

Situs Terinternasionalisasi

Pilih perilaku per-bahasa: transliterasi judul Eropa ke ASCII untuk kompatibilitas maksimum, atau beralih ke mode Unicode untuk mempertahankan karakter Tionghoa, Sirilik, atau Yunani dalam URL untuk pembaca aksara-native. Keduanya valid; toggle memungkinkan Anda memutuskan per halaman.

Tim E-commerce dan Katalog

Hasilkan slug produk dan kategori yang stabil dari nama produk — termasuk nama merek beraksen dan simbol. Penanganan ampersand cerdas berarti "Salt & Pepper" menjadi salt-and-pepper alih-alih kehilangan katanya, menjaga nama produk tetap dapat dicari.

Cara Kerja Slugifikasi

Normalisasi Unicode NFD untuk Aksen

Huruf Latin beraksen dilipat dengan menormalisasi string ke NFD (Dekomposisi Kanonik), yang memisahkan karakter seperti é menjadi huruf dasar e ditambah aksen akut penggabung (U+0301), lalu menstrip tanda penggabung dalam rentang U+0300–U+036F. Ini adalah kapabilitas bawaan nol-dependensi dari setiap mesin JavaScript dan mencakup aksen bahasa Prancis, Spanyol, Portugis, Italia, umlaut Jerman, serta bahasa Nordik dan Eropa Tengah. Karakter tanpa dekomposisi kanonik — ß, æ, œ, ø, đ, ł, þ — ditangani oleh peta eksplisit kecil (ß → ss, æ → ae, dan seterusnya).

Romanisasi Sirilik dan Yunani

Mode ASCII menyertakan tabel transliterasi ringkas yang dipelihara dengan tangan untuk alfabet Sirilik dan Yunani, sehingga Привет мир menjadi privet-mir dan Λάμδα menjadi lamda. Tabel Sirilik menggunakan skema romanisasi Rusia yang umum. Ideograf CJK dan aksara Arab sengaja tidak ditransliterasi dalam mode ASCII — konversi pinyin/romaji penuh memerlukan kamus besar dan menghasilkan keluaran ambigu — sehingga untuk aksara tersebut, mode Unicode (yang mempertahankan karakter) adalah pilihan yang direkomendasikan.

Lembar Contekan Transliterasi

Tabel di bawah menunjukkan bagaimana karakter representatif berperilaku dalam setiap mode. Mode ASCII bertujuan untuk slug a–z, 0–9 yang portabel; mode Unicode mempertahankan huruf atau angka mana pun.

Masukan	Mode ASCII	Mode Unicode
é è ê ë	e	é è ê ë (dipertahankan)
ü ö ä	u o a	dipertahankan
ñ	n	ñ (dipertahankan)
ç	c	ç (dipertahankan)
ß	ss	ß (dipertahankan)
æ / œ / ø	ae / oe / o	dipertahankan
Привет	privet	привет
Λάμδα	lamda	λάμδα
你好 世界	(dijatuhkan)	你好-世界
&	and	and
🚀 (emoji)	(dijatuhkan)	(dijatuhkan)

Penciutan dan Pemangkasan Pemisah

Setelah transliterasi, setiap rangkaian karakter yang bukan huruf atau angka diganti dengan satu pemisah. Ini berarti tanda baca ganda dan tiga kali tidak pernah dapat menghasilkan pemisah ganda: "a---b__c" menjadi a-b-c. Pemisah awal dan akhir dipangkas, sehingga judul yang dimulai atau diakhiri dengan tanda baca tidak pernah menghasilkan slug dengan tanda hubung yang menggantung. Ampersand diperluas menjadi "and" sebelum langkah ini sehingga katanya dipertahankan.

Pemangkasan Batas Kata

Ketika Anda menetapkan panjang maksimum, slug dipotong ke panjang itu dan kemudian, jika potongan mendarat di tengah kata, dimundurkan ke pemisah sebelumnya sehingga Anda tidak pernah mendapat setengah kata di akhir. Pemisah akhir yang ditinggalkan oleh potongan dihapus. Setidaknya satu kata selalu dipertahankan, bahkan jika kata pertama lebih panjang dari batas. Setel batas ke 0 untuk menonaktifkan pemangkasan sepenuhnya.

Sensitivitas Huruf Besar/Kecil dan Lowercasing

URL sensitif huruf besar/kecil menurut spesifikasi — /About dan /about adalah alamat berbeda bagi mesin pencari — sehingga alat ini meng-lowercase secara default untuk menghindari konten yang sama dapat dijangkau di beberapa URL (risiko konten-ganda). Dalam mode Unicode, lowercasing berlaku untuk aksara yang memiliki case (Latin, Sirilik, Yunani) dan tidak melakukan apa-apa untuk aksara yang tidak (CJK). Matikan opsi Huruf kecil ketika sistem hilir memerlukan kapitalisasi asli dipertahankan.

Praktik Terbaik Slug URL

Jaga Slug Tetap Pendek dan Berfokus Kata Kunci

Bidik kira-kira 3–6 kata bermakna, idealnya di bawah sekitar 60 karakter. Slug pendek lebih mudah dibaca, lebih kecil kemungkinannya terpotong di hasil pencarian, dan lebih bersih saat dibagikan. Sertakan kata kunci target halaman dan jatuhkan pengisi — stop word seperti a, the, of, dan for hampir selalu dapat dihapus tanpa kehilangan kejelasan.

Gunakan Tanda Hubung, Bukan Garis Bawah atau Spasi

Google memperlakukan tanda hubung sebagai pemisah kata dan garis bawah sebagai penghubung kata, sehingga tanda hubung memberi setiap kata sinyal kata kunci-nya sendiri. Spasi harus di-percent-encode sebagai %20, yang membuat URL jelek. Tanda hubung adalah konvensi CMS universal — alat ini default ke tanda hubung dengan alasan yang baik.

Jangan Pernah Mengubah Slug yang Sudah Dipublikasikan

Slug adalah alamat permanen. Mengubahnya setelah publikasi merusak setiap tautan masuk, bookmark, dan berbagi sosial yang ada, dan mereset nilai SEO terakumulasi halaman kecuali Anda menyiapkan redirect 301. Putuskan slug sebelum Anda mempublikasikan, dan jika Anda harus mengubahnya nanti, selalu tambahkan redirect dari slug lama ke slug baru.

Pilih ASCII atau Unicode dengan Sengaja

Untuk audiens luas atau internasional, transliterasi ASCII memaksimalkan kompatibilitas dan menjaga URL bersih saat disalin sebagai teks. Untuk audiens non-Latin satu bahasa (situs Tionghoa, Rusia, atau Yunani), slug Unicode lebih mudah dibaca oleh pembaca sebenarnya Anda dan sepenuhnya didukung oleh mesin pencari modern. Cocokkan mode dengan siapa yang akan membaca URL.

Biarkan Tanggal Keluar dari Slug

Jangan menanamkan tahun atau tanggal ke dalam slug (/2024-buyers-guide). Ketika Anda menyegarkan konten nanti, Anda terjebak dengan tanggal usang di URL atau perubahan slug yang merusak tautan. Simpan tanggal publikasi di metadata CMS Anda sebagai gantinya, dan jaga slug tetap abadi sehingga URL yang sama dapat membawa konten yang diperbarui selama bertahun-tahun.

Pertanyaan yang Sering Diajukan