เครื่องมือสร้าง URL Slug

ตัวสร้าง URL Slug ทำงานอย่างไร

เครื่องมือนี้ทำอะไร

ตัวสร้าง Slug จะแปลงข้อความใดๆ ให้เป็น slug ที่เหมาะกับ URL โดยทำให้ตัวอักษรเป็นตัวพิมพ์เล็ก แทนที่ช่องว่างและอักขระพิเศษด้วยขีดกลาง ลบอักขระที่ไม่ใช่ตัวอักษร/ตัวเลขหรือขีดกลาง และรวมขีดกลางที่ติดกันให้เหลือหนึ่งเดียว ผลลัพธ์คือสตริงที่สะอาด อ่านง่าย และปลอดภัยสำหรับใช้ใน URL ชื่อไฟล์ และชื่อคลาส CSS ตัวอย่างเช่น "Hello World! (2024)" จะกลายเป็น "hello-world-2024"

กรณีการใช้งานทั่วไปของนักพัฒนา

นักพัฒนาใช้ตัวสร้าง slug เมื่อสร้างแพลตฟอร์ม CMS เอนจินบล็อก หรือเว็บไซต์อีคอมเมิร์ซที่สร้างพาธของ URL จากชื่อเรื่องที่ผู้ใช้ป้อน การทำ slug ให้สม่ำเสมอช่วยให้ URL ของหน้าเว็บคงที่ อ่านเข้าใจได้ และไม่มีอักขระที่ต้องทำ percent-encoding นอกจากนี้ยังมีประโยชน์สำหรับการสร้างชื่อคลาส CSS ค่าในคอลัมน์ฐานข้อมูล และพาธของระบบไฟล์จากเนื้อหาแบบไดนามิก

รูปแบบข้อมูล ชนิด หรือรูปแบบย่อย

slug แบบพื้นฐานจะใช้เฉพาะตัวอักษร ASCII ตัวพิมพ์เล็ก ตัวเลข และขีดกลางเท่านั้น การทำ slug แบบขยายสามารถคงตัวอักษร Unicode ไว้ได้ (เช่น อักขระมีเครื่องหมายกำกับที่ถอดเสียงเป็น ASCII ที่ใกล้เคียง) สำหรับเนื้อหาหลายภาษา บางการติดตั้งอนุญาตให้ใช้ขีดล่างแทนขีดกลาง ความยาว slug ที่ปลอดภัยสูงสุดสำหรับ URL โดยทั่วไปอยู่ที่ 75–100 อักขระ ทั้งนี้ขึ้นอยู่กับแพลตฟอร์ม

ข้อผิดพลาดที่พบบ่อยและกรณีขอบ

ชื่อเรื่องที่ต่างกันสองชื่ออาจได้ slug เดียวกัน (เช่น "Foo Bar" และ "Foo-Bar" ต่างก็กลายเป็น "foo-bar") ดังนั้นแอปพลิเคชันต้องจัดการการชนกันของ slug โดยต่อท้ายด้วยเลขลำดับ สคริปต์ที่ไม่ใช่ละตินต้องถอดเสียงก่อนทำ slug ไม่เช่นนั้นผลลัพธ์จะว่างเปล่า ควรตัดขีดกลางที่อยู่ต้นและท้ายออก การเปลี่ยน slug ของหน้าที่เผยแพร่แล้วจะทำให้ลิงก์ขาเข้าพัง ดังนั้นควรมองว่า slug ไม่ควรถูกเปลี่ยนหลังเผยแพร่

เมื่อใดควรใช้เครื่องมือนี้แทนการเขียนโค้ด

ใช้เครื่องมือบนเบราว์เซอร์นี้สำหรับสร้าง slug แบบครั้งคราวอย่างรวดเร็วระหว่างการสร้างเนื้อหาหรือทำต้นแบบ สำหรับแอปพลิเคชันใช้งานจริง ควรสร้าง slug ด้วยโค้ดโดยใช้ไลบรารีอย่าง slugify (JavaScript/Python) หรือ Stringex (Ruby) เพื่อให้การตรวจจับการชนกัน การถอดเสียง Unicode และการจำกัดความยาวถูกจัดการอย่างสม่ำเสมอในลอจิกของแอป