Pembuat slug URL

Ciri slug yang baik

Slug adalah bagian URL yang bisa dibaca manusia dan mengidentifikasi sebuah halaman: dalam example.com/blog/how-to-store-coffee-beans, slug-nya adalah how-to-store-coffee-beans. Sistem konten seperti WordPress, Ghost, Shopify, dan sebagian besar static site generator membuatnya dari judul halaman, dan slug yang baik layak mendapat perhatian satu menit karena biasanya bertahan sepanjang umur halaman.

Kualitas yang perlu dituju:

• Mudah dibaca. Orang yang melihat tautan di chat atau hasil pencarian harus tahu halaman itu tentang apa.
• Pendek. Tiga sampai enam kata bermakna sudah cukup. how-to-store-coffee-beans lebih baik daripada how-to-store-your-coffee-beans-so-they-stay-fresh-for-longer-2024-guide.
• ASCII biasa. Huruf a–z, angka, dan tanda hubung bertahan di setiap sistem, klien email, dan proses salin-tempel tanpa berubah menjadi %D0%BA%D0%BE….
• Stabil. Mengubah slug setelah dipublikasikan merusak tautan dan bookmark kecuali Anda menambahkan redirect, jadi hindari tanggal atau angka yang akan basi, seperti best-laptops-2024, kecuali halamannya memang tentang tahun itu.

Apa yang dilakukan generator terhadap teks Anda

Konversi berjalan dalam urutan tetap, yang menjelaskan setiap hasil yang Anda lihat:

1. Jika Huruf kecil aktif, seluruh teks diubah menjadi huruf kecil.
2. Huruf Kirilik ditransliterasi ke Latin: ж → zh, ц → ts, щ → shch, я → ya. Huruf Ukraina є, і, ї, dan ґ juga tercakup, dan tanda lunak serta tanda keras dibuang.
3. Beberapa huruf yang tidak punya bentuk sederhana tanpa aksen diganti: ß → ss, æ → ae, œ → oe, ø → o, ł → l, đ → d, þ → th. Ampersand menjadi kata and.
4. Aksen dan diakritik lain dihapus dengan mengurai setiap huruf dan membuang tandanya, jadi é → e, ñ → n, ş → s, dan ệ dari bahasa Vietnam → e.
5. Setiap rangkaian karakter yang bukan huruf atau angka, termasuk spasi, tanda baca, tanda kutip, dan emoji, diringkas menjadi satu pemisah.
6. Pemisah di awal dan akhir dipangkas.

Jadi Crème Brûlée & Coffee: A 5-Minute Guide! menjadi creme-brulee-and-coffee-a-5-minute-guide, dan Харків — Львів menjadi kharkiv-lviv.

Huruf dari aksara yang tidak ditransliterasi, seperti karakter Yunani, Arab, atau Tionghoa, dibiarkan apa adanya. Huruf-huruf itu valid di URL modern tetapi akan tampil dalam bentuk percent-encoding di banyak tempat, jadi untuk bahasa-bahasa tersebut pertimbangkan menulis slug secara manual dengan huruf Latin.

Memilih antara tanda hubung dan garis bawah

Untuk halaman web, gunakan tanda hubung. Mesin pencari membaca tanda hubung sebagai pemisah kata, jadi coffee-beans dipahami sebagai dua kata. Garis bawah secara historis diperlakukan sebagai karakter penyambung, itulah sebabnya coffee_beans bisa dibaca sebagai satu token. Tanda hubung juga lebih mudah terlihat di tautan bergaris bawah, sementara garis bawah tenggelam ke dalam garis tautan.

Garis bawah lebih cocok di luar web: nama file (quarterly_report_q3.pdf), kolom database, nama environment variable, dan identifier di bahasa pemrograman yang tidak mengizinkan tanda hubung. Untuk mengubah teks antar konvensi penamaan seperti camelCase, snake_case, atau CONSTANT_CASE, gunakan Ubah huruf besar kecil.

Matikan Huruf kecil hanya jika sistem tujuan peka huruf besar-kecil dan Anda ingin mempertahankan kapital, misalnya wiki yang memakai tautan bergaya Page_Title. URL di sebagian besar server web peka huruf besar-kecil, jadi mencampurnya mengundang halaman duplikat dan tautan rusak.

Mengedit hasil secara manual

Generator ini bekerja mekanis, dan slug biasanya lebih enak dibaca setelah diedit sebentar:

• Buang kata pengisi. Kata seperti a, the, and, of, to menambah panjang tanpa makna. the-ultimate-guide-to-the-best-coffee tetap jelas sebagai coffee-guide.
• Perhatikan apostrof. Apostrof adalah tanda baca, jadi don't panic menjadi don-t-panic. Menghapus apostrof di judul lebih dulu menghasilkan dont-panic.
• Periksa transliterasi nama. Kirilik ditransliterasi dengan satu skema tetap. Nama orang atau merek mungkin punya ejaan Latin yang sudah baku, seperti ejaan di paspor, yang berbeda dari hasil otomatis.
• Jaga agar unik. Dua postingan berjudul "Update" menghasilkan slug yang sama. Sebagian besar CMS otomatis menambahkan -2; jika CMS Anda tidak, tambahkan kata pembeda.

Semuanya terjadi di browser Anda saat Anda mengetik. Jika slug dibutuhkan sebagai bagian dari parameter query alih-alih path, encode nilai lengkapnya dengan Encoder dan decoder URL.