Công cụ chuyển Text sang Slug URL

Đây là công cụ Slugify Text Online giúp bạn chuyển đổi tiêu đề bài viết dài (có dấu, có khoảng trắng, tiếng việt) thành một Slug URL ngắn gọn, thân thiện với công cụ tìm kiếm và người dùng.

Cấu trúc cơ bản của một URL

Trước khi đi tìm hiểu Slug là gì, chúng ta hãy nhìn xem cấu trúc của một đường dẫn web (URL - Uniform Resource Locator):

[Protocol]://[Domain]/[Path]

Ví dụ: https://loclaptrinh.com/thanh-cong-voi-godot-csharp

• Protocol: https:// (Giao thức bảo mật, rất quan trọng cho SEO).
• Domain: loclaptrinh.com (Tên miền, là định danh của bạn).
• Path (Đường dẫn/Slug): /thanh-cong-voi-godot-csharp (Phần quan trọng nhất để Google hiểu nội dung trang).

Slug chính là phần cuối cùng của đường dẫn (/thanh-cong-voi-godot-csharp). Nó là một chuỗi ký tự duy nhất đại diện cho trang đó, thường viết không dấu và cách nhau bằng dấu - hoặc dấu _

Tại sao một Slug “đẹp” lại tốt cho SEO?

Một Slug URL được tối ưu tốt sẽ mang lại 3 lợi ích cốt lõi cho SEO như sau:

1. Tăng thứ hạng tìm kiếm (Ranking)

Google coi các từ khóa xuất hiện trong URL là một tín hiệu quan trọng để xếp hạng chúng.

Ví dụ:

• Tệ: .../post?id=123&type=4 (Vô nghĩa).
• Tốt: .../huong-dan-cai-dat-laravel-moi-nhat (Chứa từ khóa chính xác mà người dùng đang tìm kiếm).

2. Cải thiện Tỷ lệ nhấp (CTR - Click-Through Rate)

CTR - Click-Through Rate, hay Tỷ lệ nhấp chuột, là một chỉ số quan trọng trong Digital Marketing dùng để đo lường mức độ quan tâm của người dùng đối với nội dung của bạn.

Nói đơn giản: CTR cho biết trong số 100 người nhìn thấy liên kết (quảng cáo, bài viết trên Google, email), thì có bao nhiêu người thực sự bấm vào nó.

Một URL ngắn gọn và dễ đọc sẽ khiến người dùng cảm thấy tin tưởng hơn khi thấy nó trên kết quả tìm kiếm (SERP).

• URL dài, có ký tự % hoặc tiếng Việt có dấu (.../hướng-dẫn-lập-trình%20web) dễ bị coi là spam hoặc lỗi.
• URL ngắn (.../lap-trinh-web-co-ban) nhìn sạch sẽ và chuyên nghiệp hơn.

3. Dễ dàng chia sẻ (Sharing)

Slug ngắn và dễ đọc sẽ giúp người dùng, cộng đồng Dev dễ dàng chia sẻ trên mạng xã hội hoặc các diễn đàn mà không bị cắt cụt.

Slug URL thường có định dạng như thế nào?

Một Slug chuẩn SEO phải tuân thủ các quy tắc bất di bất dịch dưới dây:

1. Chữ thường (Lowercase Only): Toàn bộ ký tự phải là chữ thường để tránh lỗi 404 do phân biệt chữ hoa/thường, đặc biệt là trên môi trường Linux (server).
2. Không dấu (No Accents): Loại bỏ các từ tiếng Việt có dấu như á, à, ệ, ô,… để tránh bị mã hóa bằng các ký tự loằng ngoằng.
3. Không khoảng trắng (No Spaces): Khoảng trắng phải được thay thế bằng dấu gạch ngang (-) hoặc dấu gạch dưới (_). Dấu gạch ngang là lựa chọn phổ biến nhất và được Google khuyến khích sử dụng.
4. Ngắn gọn và Tập trung: Slug nên loại bỏ các “Stop Words” (những từ vô nghĩa như và, là, của, the, a…) để chỉ giữ lại các từ khóa chính.

Ví dụ:

Các thư viện giúp xử lý việc tạo slug nhanh và chính xác:

1. Slugify (Nodejs)
2. cocur/slugify (php)
3. python-slugify (python)

Ngoài ra bạn có cũng có thể sử dụng function để tạo slug đơn giản bằng javascript sau:

function slugify(text, separator="-") {

    if(!text) return "";

    const from = "áàảãạăằẳẵặâầẩẫaậéèẻẽẹêềểễệíìỉĩịóòỏõọôồổỗộơờởỡợúùủũụưừửữựýỳỷỹỵđ";
    const to   = "aaaaaaaaaaaaaaaaeeeeeeeeeeiiiiiooooooooooooooouuuuuuuuuuyyyyyd";

    let cleanedText = text.toLowerCase();

    // Chuyển đổi tiếng Việt có dấu sang không dấu
    for (let i = 0, l = from.length; i < l; i++) {
        cleanedText = cleanedText.replace(new RegExp(from[i], 'g'), to[i]);
    }

    return cleanedText
        .trim()
        .replace(/[^a-z0-9\s-]/g, '') // Loại bỏ ký tự đặc biệt, giữ lại chữ, số, khoảng trắng, gạch ngang
        .replace(/\s+/g, separator) // Thay thế khoảng trắng bằng dấu separator
        .replace(new RegExp(separator + '+', 'g'), separator) // Loại bỏ nhiều dấu separator liên tiếp
        .replace(new RegExp('^' + separator + '|' + separator + '$', 'g'), ''); // Loại bỏ dấu separator ở đầu và cuối
}