พัฒนาเว็บไซต์ด้วย HTML5

HTML5 การใช้งาน Page Title

ใน HTML5 การใช้งาน <title> เป็นการกำหนดชื่อของหน้าเว็บ (Page Title) ที่จะแสดงในแท็บของเบราว์เซอร์ และยังมีผลต่อ SEO (Search Engine Optimization) โดย <title> เป็นแท็กที่อยู่ภายใน <head> ของเอกสาร HTML การตั้งชื่อให้เหมาะสมมีความสำคัญ เพราะช่วยสื่อสารเนื้อหาของหน้าเว็บและดึงดูดผู้ใช้เข้ามาดู

โครงสร้างการใช้งานเบื้องต้น

HTML
<!DOCTYPE html>
<html lang="th">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>หน้าหลัก - แนะนำการใช้งาน HTML5</title>
</head>
<body>
    <h1>ยินดีต้อนรับสู่เว็บไซต์ของเรา</h1>
    <p>เรียนรู้การใช้งาน HTML5 อย่างมืออาชีพ</p>
</body>
</html>
  • ในตัวอย่างนี้ <title> มีค่าเป็น “หน้าหลัก – แนะนำการใช้งาน HTML5” ซึ่งจะแสดงในแท็บของเบราว์เซอร์
  • การใช้คำหลัก (Keyword) เช่น “HTML5” ช่วยเพิ่มโอกาสให้ผู้ค้นหาผ่านเครื่องมือค้นหาพบหน้าเว็บง่ายขึ้น

ประยุกต์ใช้งานในหลายรูปแบบ

การใช้งานแบบเน้นคำหลัก (Keyword Focused)

เหมาะสำหรับการปรับปรุง SEO โดยใส่คำหลักที่สำคัญไว้ใน Title

HTML
<title>บทเรียน HTML5 ขั้นพื้นฐานสำหรับมือใหม่</title>
  • เหมาะกับเว็บสอนโปรแกรมมิ่งหรือบทเรียนออนไลน์

การใช้งานแบบเรียบง่ายและกระชับ

ควรใช้งานในกรณีที่เนื้อหาของหน้าเว็บมีความเฉพาะเจาะจงและต้องการความชัดเจน

HTML
<title>HTML5 คืออะไร</title>

การใช้งานร่วมกับชื่อแบรนด์

แสดงชื่อแบรนด์ร่วมกับชื่อเนื้อหาหรือผลิตภัณฑ์ เพื่อสร้างการจดจำแบรนด์

HTML
<title>การใช้งาน HTML5 | DevWeb School</title>

การใช้งานแบบดึงดูดและสร้างความน่าสนใจ

การเพิ่มความน่าสนใจให้กับชื่อเพื่อกระตุ้นให้คลิกเข้าไปดู

HTML
<title>เรียนรู้ HTML5 ด้วยวิธีง่าย ๆ ที่คุณต้องลอง!</title>

หลักการตั้งชื่อ Page Title ที่ดี

  • ควรสั้นและกระชับ (ประมาณ 50-60 ตัวอักษร)
  • สะท้อนถึงเนื้อหาของหน้าเว็บอย่างชัดเจน
  • ใส่คำหลักที่ต้องการให้ปรากฏในการค้นหา
  • ถ้าต้องการแบรนด์ ให้ใส่ชื่อแบรนด์ไว้หลังชื่อเนื้อหา

การใช้งาน Page Title ที่มีคุณภาพจะช่วยให้เว็บไซต์ของเรามีความเป็นมืออาชีพและเพิ่มโอกาสในการค้นพบจากเครื่องมือค้นหา

Tags
แชร์เรื่องนี้

เรื่องที่น่าสนใจ