เมตาแท็กใน HTML เป็นองค์ประกอบที่ใช้ในการให้ข้อมูลเมตาดาต้าเกี่ยวกับหน้าเว็บ สิ่งเหล่านี้ไม่ได้แสดงบนหน้าเว็บโดยตรง แต่มีบทบาทสำคัญในการให้ข้อมูลแก่เครื่องมือค้นหาและเว็บเบราว์เซอร์ ต่อไปนี้เป็นเมตาแท็กที่สำคัญและหน้าที่การใช้งาน:
Meta Title แท็ก
<title>
ฟังก์ชัน: กำหนดชื่อเรื่องของเว็บเพจที่แสดงในแถบชื่อเรื่องของเบราว์เซอร์
หมายเหตุ SEO: ชื่อหน้าควรมีคำหลักที่เกี่ยวข้องซึ่งเกี่ยวข้องกับเนื้อหาของหน้า ในขณะที่ต้องล่อลวงและกระชับเพื่อดึงดูดผู้ใช้
Meta Description แท็ก
<meta name="description" content="Web page description">
ฟังก์ชัน: ให้คำอธิบายสั้น ๆ เกี่ยวกับเนื้อหาของหน้าเว็บ
หมายเหตุ SEO: คำอธิบายควรสรุปเนื้อหาของหน้าและดึงดูดผู้ใช้ให้คลิกผลการค้นหา จำกัดคำอธิบายไว้ที่ประมาณ 150-160 อักขระ
Meta Keywords แท็ก
<meta name="keywords" content="keyword1, keyword2, keyword3">
ฟังก์ชัน: แสดงคำหลักที่เกี่ยวข้องกับเนื้อหาของหน้าเว็บ
หมายเหตุ SEO: คำหลักควรมีความเกี่ยวข้องอย่างใกล้ชิดกับเนื้อหาของหน้าและหลีกเลี่ยงการใช้คำซ้ำมากเกินไป อย่างไรก็ตาม โปรดทราบว่าแท็กคำหลัก Meta ไม่ถือว่ามีความสำคัญอีกต่อไปโดยเครื่องมือค้นหา
Meta Robots แท็ก
<meta name="robots" content="value">
ฟังก์ชัน: ระบุพฤติกรรมของโปรแกรมรวบรวมข้อมูลของเครื่องมือค้นหาสำหรับหน้าเว็บของคุณ
ค่าทั่วไป: "ดัชนี"(อนุญาตให้เครื่องมือค้นหาสร้างดัชนี), "nofollow"(ไม่ติดตามลิงก์บนหน้า), "noindex"(ไม่สร้างดัชนีหน้า), "noarchive"(ไม่เก็บสำเนาแคชของหน้า).
Meta Viewport แท็ก
<meta name="viewport" content="value">
ฟังก์ชัน: กำหนดขนาดการแสดงผลและมาตราส่วนวิวพอร์ตสำหรับหน้าเว็บของคุณบนอุปกรณ์พกพา
ค่าทั่วไป: "width=device-width, initial-scale=1.0"(ทำให้หน้าเว็บสามารถปรับให้เข้ากับขนาดหน้าจอและสเกลของอุปกรณ์)
Meta Charset แท็ก
<meta charset="value">
ฟังก์ชัน: ระบุการเข้ารหัสอักขระสำหรับหน้าเว็บของคุณ
ค่าทั่วไป: "UTF-8"(การเข้ารหัสอักขระหลายภาษาที่ใช้กันอย่างแพร่หลายมากที่สุด)
Meta Author แท็ก
<meta name="author" content="value">
ฟังก์ชัน: ระบุผู้เขียนหรือผู้สร้างเนื้อหาของหน้าเว็บ
ค่า: ชื่อผู้เขียนหรือผู้สร้างเนื้อหา
Meta Refresh แท็ก
<meta http-equiv="refresh" content="value">
ฟังก์ชัน: รีเฟรชหรือเปลี่ยนเส้นทางหน้าเว็บโดยอัตโนมัติหลังจากเวลาที่กำหนด
ค่า: จำนวนวินาทีและ URL ที่จะเปลี่ยนเส้นทาง เช่น <meta http-equiv="refresh" content="5;url=https://example.com">(รีเฟรชหน้าหลังจากผ่านไป 5 วินาที และเปลี่ยนเส้นทางไปที่ URL " https://example.com ")
เมตาแท็กเหล่านี้ให้ข้อมูลที่สำคัญสำหรับเว็บเบราว์เซอร์และเครื่องมือค้นหาในการทำความเข้าใจและประมวลผลหน้าเว็บของคุณอย่างถูกต้อง ใช้อย่างเหมาะสมเพื่อเพิ่มประสิทธิภาพเว็บไซต์ของคุณและปรับปรุงประสบการณ์ผู้ใช้
นอกจากนี้ ต่อไปนี้เป็นข้อควรพิจารณาที่สำคัญบางประการเพื่อให้มั่นใจว่าสอดคล้องกับ SEO สำหรับเมตาแท็ก
-
ตั้งชื่อและคำอธิบายที่น่าสนใจซึ่งกระตุ้นให้ผู้ใช้คลิกที่ผลการค้นหา
-
ใช้ที่เกี่ยวข้อง
keywordsในtitle,description, และเนื้อหาของหน้าเว็บ -
หลีกเลี่ยงการใช้คำหลักที่ไม่เกี่ยวข้องหรือซ้ำมากเกินไปในเมตาแท็ก
-
ตรวจสอบให้แน่ใจว่าคำอธิบายมีความยาวกระชับและเหมาะสม ประมาณ 150-160 ตัวอักษร
-
จำกัดการใช้แท็ก Meta Keywords เนื่องจากสูญเสียความสำคัญในการจัดอันดับของเครื่องมือค้นหา
-
กำหนดเมตาแท็กที่ไม่ซ้ำกันสำหรับหน้าเว็บแต่ละหน้า และตรวจสอบให้แน่ใจว่าแท็กเหล่านี้สะท้อนถึงเนื้อหาของหน้าเว็บได้อย่างถูกต้อง
-
ใช้เครื่องมือวิเคราะห์ SEO เพื่อตรวจสอบและปรับปรุงเมตาแท็กของหน้าเว็บของคุณ
โปรดจำไว้ว่า SEO ไม่ได้ขึ้นอยู่กับเมตาแท็กเท่านั้น แต่ยังขึ้นอยู่กับปัจจัยอื่นๆ เช่น โครงสร้าง URL เนื้อหาที่มีคุณภาพ และการเชื่อมโยงภายนอก