กลยุทธ์การตั้งชื่อ URL Slug ที่ดีต่อ SEO และ User

URL/Slug ที่เป็นมิตรต่อ SEO ควรกระชับ อ่านรู้เรื่อง ใช้ตัวพิมพ์เล็กและขีดกลาง ใส่คีย์เวิร์ดหลักพอดี ไม่ยัดคำ เลี่ยงพารามิเตอร์/วันที่ไม่จำเป็น กำหนด “เวอร์ชันเดียว” ด้วย https, โครงทางเดียว, canonical และ 301 ให้สอดคล้อง พร้อมออกแบบให้สอดรับหลายภาษาอย่างคงเส้นคงวา
SEO-Friendly URL/Slug Best Practices (พร้อมตัวอย่างโค้ดและเช็กลิสต์)
สำหรับเว็บไซต์ธุรกิจ/คอนเทนต์ เป้าหมายของ URL คือ “สื่อความตั้งใจค้นหา + ดูแลง่าย + รวมสัญญาณได้เป็นเนื้อเดียว” ด้านล่างคือกฎทอง ตาราง Do/Don’t และเพลย์บุ๊กรีแฟคเตอร์ที่ลดความเสี่ยงอันดับ
ตาราง Do / Don’t สำหรับ URL/Slug
หัวข้อ | Do | Don’t | เหตุผล |
---|---|---|---|
รูปแบบคำ | ตัวพิมพ์เล็ก, ใช้ขีดกลาง (-) | ตัวพิมพ์ผสม, ขีดล่าง (_), เว้นวรรค | อ่านง่าย สม่ำเสมอ และเป็นมาตรฐานสำหรับระบบค้นหา |
ความยาว/โครง | สั้น กระชับ ใส่คำหลักพอดี | ยาวเกิน/ยัดคีย์เวิร์ด/ซ้ำคำ | ช่วย CTR และเข้าใจหัวข้อได้ทันที |
เวอร์ชันเดียว | บังคับ https, โดเมนเดียว, โครงมี/ไม่มี slash ให้คงที่ | มีหลายเวอร์ชัน (http/https, www/non-www, / และ /index.html) | ป้องกันสัญญาณแตกและปัญหา canonical |
พารามิเตอร์ | ใช้เฉพาะจำเป็น และตั้ง canonical ไป URL สะอาด | ปล่อย utm/param เข้าดัชนี | ลดหน้า duplicate/สัญญาณสับสน |
วันที่/ตัวเลข | ตัดออกหากไม่จำเป็น | ฝังปี/เดือนใน slug ของเนื้อหา evergreen | ทำให้เนื้อหาดูเก่า ยากต่อการอัปเดต |
ภาษา/อักขระ | คงเส้นคงวา (เช่น ใช้ละติน/ทับศัพท์สั้น ๆ) | ผสมหลายระบบแบบไม่สม่ำเสมอ | แชร์ง่าย ลดการเข้ารหัส % และข้อผิดพลาด |
ตัวอย่าง “ดี–ไม่ดี” แบบเร็ว
ไม่ดี | ดี | เหตุผล |
---|---|---|
/Blog/SEO_Friendly_URL_Guide.html | /blog/seo-friendly-url-guide | ตัวเล็ก+ขีดกลาง+สั้นขึ้น+ตัด .html |
/services/web-design?utm_source=x | /services/web-design | ใช้ canonical/301 กัน param เข้าดัชนี |
/blog/2022/05/slug-best-practices | /blog/slug-best-practices | ตัดวันที่ในคอนเทนต์ evergreen |
/บริการ/ออกแบบเว็บไซต์ | /services/website-design-thailand | ละติน/ทับศัพท์สั้น อ่าน/แชร์ง่ายข้ามระบบ |
โค้ดตัวอย่างที่ใช้บ่อย
<!-- Canonical ชี้เวอร์ชันเดียว -->
<link rel="canonical" href="https://www.example.com/blog/seo-friendly-url-guide" />
# Nginx: บังคับ https + non-www + ตัด /index.html
server {
listen 80;
server_name www.example.com example.com;
return 301 https://example.com$request_uri;
}
server {
listen 443 ssl;
server_name example.com;
if ($request_uri ~* "/index\.html$") {
return 301 https://example.com$scheme://$host$uri;
}
}
# Netlify _redirects:
# http → https และ www → non-www
http://* https://:splat 301!
www.example.com/* https://example.com/:splat 301
// JS: slugify อย่างปลอดภัย
const slugify = (s) => s
.normalize('NFKD').replace(/[\u0300-\u036f]/g,'') // ตัดเครื่องหมายกำกับเสียง
.toLowerCase().replace(/[^a-z0-9\s-]/g,'')
.trim().replace(/\s+/g,'-').replace(/-+/g,'-');
เช็กลิสต์รีแฟคเตอร์ URL อย่างปลอดภัย
- ทำ Keyword–URL mapping และกำหนด “หน้าแม่” ต่อหัวข้อ
- ตั้งรูปแบบมาตรฐาน: lowercase + hyphen + ไม่มีวันที่
- สร้างแผน 301 ทุก URL เก่า → ใหม่ และใส่
rel="canonical"
ให้ตรงกัน - ปรับ Internal Links ทั้งเมนู/บทความ/ไซด์แมป ให้ชี้ URL ใหม่
- ส่ง sitemap อัปเดตใน GSC และตรวจ Coverage/Canonical
- ติดตาม CTR/อันดับ/คลิกใน 2–6 สัปดาห์ แล้วปรับเพิ่ม
อ้างอิงภายนอก (แนวทางอย่างเป็นทางการ)
- Google Search Central — URL structure best practices: developers.google.com
- Google — Consolidate duplicate URLs (Canonicalization): developers.google.com
- Google — Site moves with URL changes (Redirects/Signals): developers.google.com
- Google — International & multilingual sites (hreflang): developers.google.com
- MDN — URLs, paths, and addressing: developer.mozilla.org
บริการที่เกี่ยวข้อง (Internal Links)
อ่านต่อ (บทความที่เกี่ยวข้อง)
- How to Rank on Google with Webflow
- คู่มือ Long-tail Keyword
- Information Architecture คืออะไร
- UX/UI บน Webflow ที่คอนเวิร์ต
FAQ (People Also Ask)
ต้องใส่คีย์เวิร์ดใน slug เสมอไหม?
ไม่จำเป็นต้องครบทุกคำ ให้สั้น อ่านรู้เรื่อง และมีคำหลักพอดี ๆ จะดีกว่าการยัดคีย์เวิร์ด
เปลี่ยน URL จะกระทบ SEO ไหม?
อาจกระทบระยะสั้น ควรทำ 301 ทุก URL เก่า → ใหม่ ใส่ canonical ให้สอดคล้อง และอัปเดต internal links+ไซต์แมป
ควรใช้ภาษาไทยใน slug ไหม?
ทำได้ แต่เพื่อความคงเส้นคงวาและการแชร์/ระบบแอป แนะนำใช้ละติน/ทับศัพท์สั้น ๆ หรือกำหนดนโยบายภาษาให้ชัดและใช้ไปทางเดียว
เกี่ยวกับผู้เขียน
Vision X Brain Team — ทีม Website/SEO/CRO & Webflow สำหรับธุรกิจไทย เรารีดีไซน์โครง URL, วาง canonical/301 และจัด IA ให้แรงค์ดีขึ้นอย่างปลอดภัย พร้อมเพลย์บุ๊กวัดผลจริง
อัปเดตล่าสุด: 24 Aug 2025
ก่อนปรับ UX คนเข้าเว็บแล้วออกเลยค่ะ แต่พอรีดีไซน์ใหม่ กลายเป็นจุดที่ปิดการขายได้ดีที่สุดแทน!

หลังรีแบรนด์กับ Vision X Brain ยอดขายพุ่ง x3 ภายใน 2 เดือน!

เปลี่ยนเว็บกับ Vision X Brain แค่ไม่กี่วัน ลูกค้าใหม่เริ่มเข้าใจธุรกิจเราทันที

หลังรีดีไซน์กับ Vision X Brain ลูกค้าระดับองค์กรเริ่มเข้ามาจองงานผ่านเว็บไซต์เอง — ไม่ต้องพึ่งคอนเนคชั่นเหมือนก่อน

หลังจากเปลี่ยนเว็บไซต์กับ Vision X Brain ผู้ใช้งานกล้ากดทดลองระบบตั้งแต่หน้าแรก — ไม่ต้องตาม โทร หรืออธิบายซ้ำอีก

Recent Blog

ค้นพบข้อดีของ responsive web design พร้อมเคล็ดลับเพิ่มยอดขายและสร้างประสบการณ์เว็บที่ดีกับลูกค้า เหมาะสำหรับธุรกิจออนไลน์ยุคใหม่ปี 2025

ค้นพบข้อดีของ responsive web design พร้อมเคล็ดลับเพิ่มยอดขายและสร้างประสบการณ์เว็บที่ดีกับลูกค้า เหมาะสำหรับธุรกิจออนไลน์ยุคใหม่ปี 2025
