Title tag คืออะไรและมีผลกับ SEO อย่างไร

What is title tags?

Title tag (มักเขียนในรูป <title>...</title>) เป็นองค์ประกอบ HTML ที่วางในส่วน head ของหน้าเว็บเพื่อบอกหัวข้อหลักของหน้านั้นให้ทั้งผู้ใช้และเครื่องมือค้นหาเข้าใจ ตัว title จะเป็นข้อความที่ปรากฏเป็นหัวข้อคลิกได้ในผลการค้นหา (SERP) และเป็นข้อความบนแท็บของเบราว์เซอร์

Why title tags matters for SEO

Title tag มีความสำคัญเพราะเป็นสัญญาณความเกี่ยวข้องเชิงข้อความและเป็นปัจจัยที่ช่วยผู้ใช้ตัดสินใจคลิก (CTR) จากหน้าผลการค้นหา: ทั้งสองด้านนี้ส่งผลต่อทราฟิกและสัญญาณพฤติกรรมบนหน้าเว็บ ซึ่งเป็นส่วนหนึ่งของสัญญาณหลายตัวที่ระบบจัดอันดับใช้ร่วมกัน อย่างไรก็ตาม title tag เพียงอย่างเดียวไม่ได้กำหนดการจัดอันดับ—การจัดอันดับขึ้นอยู่กับสัญญาณหลายชั้น เช่น เนื้อหา ลิงก์ ประสบการณ์หน้า และบริบทของคำค้นหา

How title tags works

เมื่อเครื่องมือค้นหาคลายล์หน้า จะอ่าน <title> จากส่วน head เป็นหนึ่งในสัญญาณข้อความเพื่อประเมินความเกี่ยวข้องของหน้าเว็บต่อคำค้น การจัดเก็บข้อมูลในดัชนี (indexing) อาศัยสัญญาณหลายอย่างรวมถึง title แต่การจัดอันดับ (ranking) เป็นผลรวมของสัญญาณเหล่านั้นและการประเมินเชิงบริบท อีกประเด็นสำคัญคือ Google อาจเปลี่ยนหรือสร้าง title ใหม่ที่จะแสดงใน SERP โดยใช้เนื้อหาหน้าและสัญญาณอื่น (ตัวอย่างเหตุผลเช่นความเหมาะสมต่อผู้ใช้หรือรูปแบบคำค้น) ดังนั้น title tag เป็น 'สัญญาณชิ้นหนึ่ง' ไม่ใช่คำสั่งสุดท้ายของผลลัพธ์

Types of title tags

ตัวอย่างประเภทของ title tag และข้อดีข้อเสียโดยย่อ:

- Descriptive title — บอกเนื้อหาหลักชัดเจน; ข้อดี: ช่วยความเข้าใจและ CTR; ข้อเสีย: อาจสั้นเกินไปถ้าไม่ใส่บริบท
- Branded title — ใส่แบรนด์ต่อท้ายหรือข้างหน้า; ข้อดี: ช่วยสร้างการจดจำแบรนด์; ข้อเสีย: ถ้าแบรนด์ไม่เป็นที่รู้จัก อาจลด CTR สำหรับคำค้นเชิงข้อมูล
- Transactional title — เน้นการกระทำ (เช่น ซื้อ ดาวน์โหลด) เหมาะกับหน้าซื้อขาย; ข้อดี: ช่วยชักนำ CTR จากผู้มีเจตนาเชิงธุรกรรม; ข้อเสีย: ต้องแมตช์กับเนื้อหาจริงของหน้า
- Templated title — ใช้รูปแบบเดียวกับหลายหน้า (เช่น หมวดสินค้า + ชื่อสินค้า); ข้อดี: สะดวกและสม่ำเสมอ; ข้อเสีย: เสี่ยงชื่อซ้ำ หากไม่มีการปรับแต่งเฉพาะหน้า

How to get started with title tags

ขั้นตอนเริ่มต้นเพื่อปรับ title tag ให้มีประสิทธิภาพ: ระบุคำค้นเป้าหมายสำหรับแต่ละหน้า; เขียน title ที่สั้นชัด ใส่บริบทสำคัญ (subject + intent) และแบรนด์ตามความเหมาะสม; หลีกเลี่ยงการยัดคีย์เวิร์ดซ้ำซ้อน; ตรวจสอบว่าแต่ละหน้ามี title เฉพาะตัว (ไม่ซ้ำกัน) และตั้งค่าระบบจัดการเทมเพลตให้แทรกข้อมูลเฉพาะหน้าเมื่อจำเป็น

Common title tags mistakes

ข้อผิดพลาดที่พบบ่อย:

- Title หายหรือเว้นว่าง ทำให้เครื่องมือค้นหาอาจใช้เนื้อหาอื่นแทน
- Title ซ้ำกันหลายหน้า (duplicate titles) ซึ่งทำให้สัญญาณความเฉพาะเจาะจงลดลง
- ยัดคีย์เวิร์ดซ้ำหรือใส่คำที่ไม่เกี่ยวข้อง (keyword stuffing)
- ความยาวไม่เหมาะสม: ยาวเกินจนอาจถูกตัดทอนใน SERP หรือสั้นเกินไม่ให้บริบทเพียงพอ
- พึ่งพาการแสดงผลที่เบราว์เซอร์/JS สร้างขึ้นโดยไม่ตรวจสอบว่า HTML ต้นทางมี <title> ที่เหมาะสม

การตรวจสอบ title tag: รายการตรวจสอบทางเทคนิค

ใช้รายการตรวจสอบนี้เพื่อตรวจสอบและแก้ปัญหา title tag บนหน้าเว็บของคุณ:

**Presence** — where to verify: หน้าเว็บต้นทาง (view-source / curl) — passes when: มีแท็ก <title> ในส่วน head ของ HTML ต้นฉบับ

**Uniqueness** — where to verify: สแกนไซต์ (crawlers หรือสคริปต์) หรือตรวจสอบด้วยเครื่องมือ CMS — passes when: แต่ละหน้าใช้ title ที่ไม่ซ้ำกับหน้าสำคัญหน้าอื่น

**Indexability** — where to verify: Google Search Console URL Inspection — passes when: URL ถูกอนุญาตให้จัดทำดัชนีและ Google เห็นหน้า (แต่จำไว้ว่า URL Inspection ใช้ได้เฉพาะสำหรับไซต์ที่คุณเป็นเจ้าของ)

**Rendered vs Source** — where to verify: Chrome DevTools หรือ curl — passes when: ข้อความใน <title> ของ HTML ต้นฉบับตรงกับสิ่งที่ผู้ใช้/บราว์เซอร์เห็น (ถ้าคุณคาดหวังให้ JavaScript สร้าง title ให้ตรวจสอบทั้งสองสถานะ) ตัวอย่างคำสั่ง: `curl -A "Googlebot Smartphone" https://example.com/page` เพื่อดู HTML ที่เซิร์ฟเวอร์ส่งให้ user-agent นั้น

**SERP display** — where to verify: Search Console Performance report และการค้นหาจริง — passes when: title ที่แสดงใน SERP ให้ CTR ที่สอดคล้องกับเป้าหมาย; หาก Google แสดง title อื่น ให้วิเคราะห์สาเหตุจากเนื้อหาในหน้านั้นและสัญญาณบริบท

**Encoding & characters** — where to verify: view-source หรือ curl -I กับ header — passes when: อักขระพิเศษถูกเข้ารหัสถูกต้องและไม่ได้แสดงเป็นสัญลักษณ์เสีย

หมายเหตุ: สำหรับการตรวจสอบจากภายนอกโดเมน (เช่น ตรวจหน้า publisher หรือคู่ค้า) ใช้ curl, view-source และเครื่องมือสแกนจากฝั่ง client/เซิร์ฟเวอร์ของคุณ เพราะคุณจะไม่มีสิทธิ์เข้าถึง Google Search Console ของโดเมนนั้น การใช้ `site:` operator สามารถให้สัญญาณว่าหน้าอาจถูกค้นพบ แต่ไม่ใช่หลักฐานชี้ชัดว่าถูกจัดทำดัชนี

ตัวอย่าง HTML ของ title tag: <title>ชื่อหน้าที่อธิบายเนื้อหา | ชื่อแบรนด์</title>

คำสั่งตัวอย่างเพื่อตรวจดู HTML ที่เซิร์ฟเวอร์ส่งให้ Googlebot Smartphone (ดูเนื้อหา ไม่ใช่แค่ header): `curl -A "Googlebot Smartphone" https://example.com/path` หากต้องการดูเฉพาะ header ให้ใช้ `curl -I https://example.com/path`

ตรวจสอบใน Search Console: ใช้ URL Inspection เพื่อดูว่า Google เห็น title อย่างไรเมื่อเป็นเจ้าของไซต์ของคุณ และดู Performance report เพื่อวัดผลกระทบของ title ต่อ CTR และการค้นหา

อ่านคู่มือ Technical SEO

Frequently asked questions