[JAVASCRIPT] Chia sẽ code SLUG tạo đường dẫn thân thiện cho SEO

Xin chào các bạn, bài viết hôm nay mình sẽ hướng dẫn các bạn viết hàm SLUG để tạo đường dẫn SEO thân thiện cho website bằng javascript.

[JAVASCRIPT] Chia sẽ code SLUG tạo đường dẫn thân thiện cho SEO

Ví dụ: mình có đường dẫn sau.

https://tenmien.com/bai-viet/chuyen-de-csharp/---Csharp----Huong-dan-su-dung-kieu-gia-tri-Enum-trong-csharp/2292d16313101453.html

Các bạn có thể thấy các từ ở trên Address đề được bỏ chữ tiếng việt thành tiếng việt không dấu.

Dưới đây là hàm Tạo SLUG Vietnamese bằng Javascript:

var slugVietnamese = function(str) {
   str = str.replace(/^\s+|\s+$/g, "");
   str = str.toLowerCase();

   var from = "àáạảãâầấậẩẫăằắặẳẵèéẹẻẽêềếệểễìíịỉĩòóọỏõôồốộổỗơờớợởỡùúụủũưừứựửữỳýỵỷỹđ·/_,:;";
   var to = "aaaaaaaaaaaaaaaaaeeeeeeeeeeeiiiiiooooooooooooooooouuuuuuuuuuuyyyyyd------";
   for (var i=0, l=from.length ; i++) {
     str = str.replace(new RegExp(from.charAt(i), "g"), to.charAt(i));
   }

   str = str.replace(/[^a-z0-9 -]/g, ") 
   .replace(/\s+/g, "-") 
   .replace(/-+/g, "-");

   return str;
};

Khi chạy hàm slugVietnamese:

 
input: [C#] Hướng dẫn sử dụng kiểu giá trị Enum trong csharp

=> Kết quả: ---Csharp----Huong-dan-su-dung-kieu-gia-tri-Enum-trong-csharp

DEMO SLUG SEO

Chúc các bạn thành công với tiện ích này và giúp cho website của các bạn có tỷ lệ seo tốt nhất theo từng năm nhé.