ทำ URL slug ให้แข็งแรง: ใช้ hyphen แทน underscore, เขียนให้ สั้น–อธิบายได้, ยึด ตัวพิมพ์เล็กสม่ำเสมอ, กำหนด canonical + 301 ให้เหลือเวอร์ชันเดียว (www/https/trailing slash), หลีกเลี่ยง session ID และตั้งค่าการ percent-encoding ให้ถูกต้อง รวมถึง hreflang เมื่อมีหลายภาษา
Advanced SEO URL Slug Best Practices (อัปเดต 2025)
Executive summary URL ที่ดีช่วยทั้งการจัดอันดับและ CTR ใน SERP: อ่านแล้วเข้าใจ, คาดเดาได้, และไม่สร้างสำเนาซ้ำโดยไม่จำเป็น ด้านล่างคือหลักปฏิบัติระดับแอดวานซ์พร้อมตัวอย่าง โค้ด และเช็กลิสต์ลงมือจริง
ตารางสรุปหลักปฏิบัติสำคัญ
| หัวข้อ |
แนะนำให้ทำ |
เหตุผล |
ตัวอย่าง |
| ตัวคั่นคำ |
ใช้ hyphen (-) ไม่ใช้ underscore (_) |
แยกคำอ่านง่ายและช่วยค้นหาเข้าใจโครงคำ |
/webflow-vs-wordpress, ไม่ใช้ /webflow_vs_wordpress |
| ความยาว & คำหลัก |
สั้น ชัด ใส่คีย์เวิร์ดหลัก 1–2 ชุด |
เพิ่มความเข้าใจ/CTR และเลี่ยงการตัดใน UI |
/pricing, /seo-url-best-practices |
| ตัวพิมพ์ |
ใช้ lowercase ทั้งหมดแบบสม่ำเสมอ |
หลีกเลี่ยงสำเนา URL ต่างเคสบนระบบที่ case-sensitive |
/blog/advanced-seo ไม่ใช้ /Blog/Advanced-SEO |
| สอดคล้องเวอร์ชันเดียว |
บังคับ https / www หรือ non-www / มีหรือไม่มี slash ให้ตายตัว |
รวมสัญญาณลิงก์ ไม่ให้เกิดหน้าแฝด |
301: http → https, www → non-www (หรือกลับกัน), /foo ↔ /foo/ เลือกอย่างใดอย่างหนึ่ง |
| พารามิเตอร์ |
ใช้เฉพาะที่จำเป็น ตามรูปแบบมาตรฐาน ?a=1&b=2 |
ลด duplicate/infinite space และช่วยโครลมีประสิทธิภาพ |
หลีกเลี่ยง sessionid=, ระวัง faceted filters สร้างชุดคอมโบจำนวนมาก |
| การเข้ารหัส |
เข้ารหัสอักขระพิเศษแบบ percent-encoding |
ป้องกันสัญลักษณ์กวนโครงสร้าง URL และรองรับ Unicode |
เว้นวรรค → %20 (หรือ + ใน query), %25 สำหรับเครื่องหมาย % |
| หลายภาษา |
เลือกแนวทางสม่ำเสมอ: slug แปลตามภาษาหรือใช้ภาษาเดียว + hreflang |
หลีกเลี่ยงการซ้ำซ้อน/แคนนิบาล และส่งสัญญาณภาษาชัด |
/th/บริการ, /en/services + ตั้ง hreflang |
Normalization & Canonicalization: รวมทุกอย่างให้ “เหลือชุดเดียว”
| สิ่งที่ต้องเลือก |
ตัวเลือก |
คำแนะนำ |
การลงมือ |
| โปรโตคอล |
http vs https |
ใช้ https เท่านั้น |
301 ไป https + อัปเดต canonical/sitemap |
| โฮสต์ |
www vs non-www |
เลือกหนึ่งเดียว |
301 + canonical ให้สอดคล้อง |
| ท้าย URL |
มี / หรือ ไม่มี / |
เลือกแนวเดียวทั้งไซต์ |
รีไดเรกต์ให้เหลือรูปแบบเดียว |
| ตัวพิมพ์ |
UPPER vs lower |
ยึด lower เพื่อกันสำเนา |
รีไรต์/รีไดเรกต์ lower-case |
| index file |
/about vs /about/index.html |
ไม่แสดงไฟล์ |
301 → โฟลเดอร์สะอาด |
ตัวอย่างโค้ดที่ใช้บ่อย (แนวคิด)
1) สร้าง slug อย่างปลอดภัยด้วย JavaScript
// สำหรับคอนเทนต์ละติน: แปลงเป็นตัวพิมพ์เล็ก + hyphen
function slugifyLatin(input) {
return input
.toLowerCase()
.normalize('NFKD').replace(/[\u0300-\u036f]/g, '') // remove accents
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-+|-+$/g, '');
}
// หากใช้ยูนิโค้ด (เช่น ภาษาไทย) ให้เก็บอักขระเดิมและเข้ารหัสเมื่อประกอบ URL:
function toPathWithEncoding(slug) {
// เข้ารหัสเฉพาะส่วน path ช่วงหลังโดเมน
return '/' + encodeURI(slug); // เว้น reserved chars ที่ถูกต้องตาม RFC3986
}
2) ตัวอย่าง Redirect Rule (Cloudflare/Edge แนวคิด)
# Normalize to https + non-www + ไม่มี trailing slash (ยกเว้นโฟลเดอร์จริง)
# ตัวอย่างกติกาเชิงแนวคิด: ขึ้นกับแพลตฟอร์มที่ใช้จริง
IF http.request.full_uri starts_with "http://" THEN 301 → https://{host}{uri}
IF http.host eq "www.example.com" THEN 301 → https://example.com{uri}
IF http.request.uri.path matches "^(.+)/$" AND NOT matches "^/(blog|assets)/$"
THEN 301 → https://example.com$1
Faceted URLs/Parameters: คุมไม่ให้เกิด “infinite space”
- ใช้พารามิเตอร์มาตรฐาน
?key=value&key2=value2, หลีกเลี่ยงรูปแบบแปลก (เช่นคั่นด้วย ; หรือ :)
- กันการสร้างคอมบิเนชันไม่จำเป็น (เช่นตัวกรองหลายชั้น + ค่าซ้ำ) และอย่าใส่
sessionid ลง URL
- กันครอว์ลหน้า search results, infinite calendar ด้วย robots.txt/ปรับ internal links
หลายภาษา: จะใช้ slug แปลตามภาษาหรือภาษาเดียว?
- แปล slug ตามภาษา: อ่านง่ายสำหรับผู้ใช้ท้องถิ่น แต่ต้องดูแลการเข้ารหัสและความสม่ำเสมอ
- ใช้ภาษาเดียว (เช่นอังกฤษ): ลดภาระดูแล slug แต่ให้ตั้ง
hreflang ครบทุกเวอร์ชัน
- ไม่ว่าทางไหน ต้องทำ bi-directional hreflang, canonical ชี้ตัวเอง และ sitemap สำหรับทุกภาษา
เช็กลิสต์ลงมือทำ (URL/Slug Revamp)
- เลือกมาตรฐานเดียวสำหรับ https, www, trailing slash, lowercase
- นิยามรูปแบบพารามิเตอร์ที่ยอมรับได้ + บล็อกเส้นทางที่ก่อ infinite space
- กำหนด slug guidelines: hyphen, ความยาว, stop words ที่ตัดออก, ภาษาที่ใช้
- ตั้ง 301 mapping สำหรับ URL เก่า → ใหม่ + อัปเดต internal links/sitemap
- ตรวจ canonical/og:url/hreflang และทดสอบด้วย URL Inspection
บริการที่เกี่ยวข้อง (Internal Links)
อ่านต่อ (บทความที่เกี่ยวข้อง)
อ้างอิงภายนอก (มาตรฐาน/แนวทาง)
FAQ (People Also Ask)
ควรใช้ hyphen หรือ underscore?
Hyphen ช่วยแยกคำให้ชัดและเป็นที่แนะนำ ส่วน underscore มักไม่แนะนำสำหรับการแยกคำ
ต้องใช้ตัวพิมพ์เล็กเสมอไหม?
เสิร์ชรับได้ทั้งสอง แต่เพื่อกันหน้าแฝดบนระบบที่แยกเคส ควรยึด lowercase สม่ำเสมอและรีไดเรกต์รวม
ควรมีหรือไม่มี trailing slash?
เลือกอย่างใดอย่างหนึ่งให้ทั้งไซต์ แล้ว canonical/301 ให้เหลือเวอร์ชันเดียว
URL ภาษาไทยดีไหม?
ทำได้ แต่อย่าผสมหลายแนวทางในไซต์เดียว ตรวจการเข้ารหัสและตั้ง hreflang ให้ครบ
อัปเดตล่าสุด: 14 Aug 2025
เกี่ยวกับผู้เขียน
Vision X Brain Team — ทีม Website/SEO/CRO & Webflow สำหรับธุรกิจ เราวางโครงสร้าง URL/IA, ตั้งค่า canonical–hreflang, และจัดการรีไดเรกต์อย่างปลอดภัยเพื่อรวมสัญญาณให้แรงขึ้น
