Trình tạo slug URL

Cách Trình Tạo Slug URL Hoạt Động

Công cụ làm gì

Trình Tạo Slug chuyển đổi văn bản bất kỳ thành slug thân thiện với URL bằng cách chuyển đầu vào sang chữ thường, thay khoảng trắng và ký tự đặc biệt bằng dấu gạch nối, loại bỏ các ký tự không phải chữ/số hoặc dấu gạch nối, và gộp các dấu gạch nối liên tiếp. Kết quả là một chuỗi sạch, dễ đọc, an toàn để dùng trong URL, tên tệp và tên lớp CSS. Ví dụ, "Hello World! (2024)" sẽ trở thành "hello-world-2024".

Các trường hợp sử dụng phổ biến cho lập trình viên

Lập trình viên dùng trình tạo slug khi xây dựng nền tảng CMS, hệ thống blog hoặc trang thương mại điện tử lấy đường dẫn URL từ tiêu đề do người dùng cung cấp. Việc tạo slug nhất quán đảm bảo URL trang ổn định, dễ đọc với con người và không chứa ký tự cần mã hóa phần trăm. Nó cũng hữu ích để tạo tên lớp CSS, giá trị cột cơ sở dữ liệu và đường dẫn hệ thống tệp từ nội dung động.

Định dạng dữ liệu, kiểu hoặc biến thể

Slug cơ bản chỉ dùng chữ cái ASCII viết thường, chữ số và dấu gạch nối. Tạo slug mở rộng có thể giữ lại chữ cái Unicode (ví dụ: ký tự có dấu được chuyển tự sang các tương đương ASCII) cho nội dung đa ngôn ngữ. Một số triển khai cho phép dùng dấu gạch dưới thay cho dấu gạch nối. Độ dài slug an toàn tối đa cho URL thường là 75–100 ký tự, dù điều này thay đổi tùy nền tảng.

Các lỗi thường gặp và trường hợp biên

Hai tiêu đề khác nhau có thể tạo ra cùng một slug (ví dụ: "Foo Bar" và "Foo-Bar" đều thành "foo-bar"), vì vậy ứng dụng phải xử lý xung đột slug bằng cách thêm hậu tố số. Các hệ chữ không phải Latin cần được chuyển tự trước khi tạo slug, nếu không đầu ra sẽ rỗng. Dấu gạch nối ở đầu và cuối nên được cắt bỏ. Việc thay đổi slug của một trang đã xuất bản sẽ làm hỏng các liên kết trỏ vào, vì vậy slug nên được coi là bất biến sau khi xuất bản.

Khi nào nên dùng công cụ này thay vì viết mã

Hãy dùng công cụ trên trình duyệt này để tạo slug nhanh cho các nhu cầu một lần trong quá trình tạo nội dung hoặc dựng mẫu. Với ứng dụng sản xuất, hãy tạo slug theo chương trình bằng các thư viện như slugify (JavaScript/Python) hoặc Stringex (Ruby) để việc phát hiện trùng lặp, chuyển tự Unicode và giới hạn độ dài được xử lý nhất quán trong logic ứng dụng của bạn.