เครื่องมือสร้าง Meta Tag สำหรับ SEO และโซเชียล

สร้างชุด meta tag ครบทั้งหน้าเว็บได้โดยไม่ต้องเขียน HTML เอง กรอกชื่อหน้าและคำอธิบายพร้อมตัวนับจำนวนตัวอักษรแบบเรียลไทม์ เพิ่มแท็ก Open Graph และ Twitter card เพื่อให้ตัวอย่างลิงก์ตอนแชร์ดูสวยงาม แล้วคัดลอกโค้ดไปวางในส่วน <head> ได้ทันที ทุกอย่างทำงานในเบราว์เซอร์ ไม่ต้องสมัครสมาชิก และจะสร้างเฉพาะแท็กที่คุณกรอกจริงเท่านั้น

SEO พื้นฐาน

ชื่อหน้า (Title) 0 / 60

ควรอยู่ที่ประมาณ 50–60 ตัวอักษร เพื่อไม่ให้ถูกตัดในหน้าผลค้นหา

คำอธิบาย (Meta description) 0 / 160

ควรอยู่ที่ประมาณ 150–160 ตัวอักษร และใส่คีย์เวิร์ดหลักไว้ด้วย

คีย์เวิร์ด

คั่นด้วยเครื่องหมายจุลภาค ไม่บังคับ — เสิร์ชเอนจินส่วนใหญ่ไม่ใช้แท็กนี้แล้ว

ผู้เขียน (Author)

Robots (การจัดทำดัชนี)

ปล่อยเป็นค่าเริ่มต้นเพื่อให้เสิร์ชเอนจินเก็บดัชนีตามปกติ

Canonical URL

URL หลักของหน้านี้ ช่วยป้องกันปัญหาเนื้อหาซ้ำ (duplicate content)

สีธีม (Theme color)

รหัสสี Hex ที่เบราว์เซอร์ใช้แต่งสีแถบเครื่องมือบนมือถือ

ค่าเริ่มต้นของเอกสาร

ใส่ charset (UTF-8)

ใส่แท็ก viewport รองรับมือถือ

Open Graph และ Twitter

ใช้ Title และคำอธิบายจาก SEO สำหรับ Open Graph และ Twitter

แนะนำให้เปิดไว้ ปิดเมื่อต้องการเขียนข้อความสำหรับแชร์แยกต่างหาก

URL รูป Open Graph

ใช้ URL แบบเต็ม (absolute) ขนาดที่แนะนำคือ 1200×630 พิกเซล

Open Graph URL

ประเภท Open Graph

ประเภทการ์ด Twitter

รูปใหญ่เหมาะกับบทความ ส่วนแบบ summary จะแสดงรูปย่อขนาดเล็ก

URL รูป Twitter

ใช้ URL แบบเต็ม (absolute) หากเว้นว่างจะใช้รูป Open Graph แทน

วางโค้ดนี้ไว้ภายในส่วน <head> ของหน้า HTML ของคุณ

meta tag ของคุณจะแสดงที่นี่

กรอกชื่อหน้า คำอธิบาย หรือช่องอื่น เพื่อสร้างโค้ดสำหรับ <head>

วิธีใช้งาน

พิมพ์ชื่อหน้า (title) และคำอธิบาย (description) ตัวนับจะเปลี่ยนเป็นสีเหลืองและแดงเมื่อยาวเกินที่แนะนำ
เพิ่มช่องเสริมสำหรับ SEO: คีย์เวิร์ด ผู้เขียน การจัดทำดัชนี (robots) Canonical URL และสีธีม
เปิด "ใช้ Title และคำอธิบายจาก SEO" ไว้ หรือปิดเพื่อเขียนข้อความ Open Graph และ Twitter แยกต่างหาก
ใส่ URL รูป Open Graph และเลือกประเภทการ์ด Twitter เพื่อให้ตัวอย่างการแชร์ดูโดดเด่น
กดคัดลอกแล้วนำโค้ดที่ได้ไปวางไว้ในส่วน <head> ของหน้า HTML

ฟีเจอร์เด่น

ตัวนับตัวอักษรแบบเรียลไทม์สำหรับ title (60) และคำอธิบาย (160) พร้อมสถานะสีเขียว/เหลือง/แดง
แท็ก Open Graph สำหรับตัวอย่างลิงก์บน Facebook, LINE และแอปแชต
แท็ก Twitter card เลือกแบบสรุปหรือแบบรูปใหญ่ได้
รองรับ Canonical URL, robots, ผู้เขียน, คีย์เวิร์ด และสีธีม
สร้างเฉพาะแท็กที่คุณกรอก ทำให้โค้ดสะอาดและกระชับ
ทำงานฝั่งผู้ใช้ 100% เนื้อหาของคุณไม่ถูกส่งออกจากเบราว์เซอร์

คำถามที่พบบ่อย

Meta tag ใช้ทำอะไร?

Meta tag คือโค้ด HTML ในส่วน <head> ที่บอกข้อมูลของหน้าเว็บให้เสิร์ชเอนจินและโซเชียลมีเดียรู้ ทั้งชื่อหน้า คำอธิบาย Canonical URL และรูปที่ใช้ตอนแชร์ มีผลต่อหน้าตาลิงก์บน Google และตอนแชร์บน Facebook, LINE หรือ X

Title และ description ควรยาวเท่าไร?

ควรตั้ง title ประมาณ 50–60 ตัวอักษร และ description ประมาณ 150–160 ตัวอักษร เพื่อไม่ให้ถูกตัดในหน้าผลค้นหา เครื่องมือนี้มีตัวนับที่จะเปลี่ยนเป็นสีเหลืองแล้วสีแดงเมื่อยาวเกินที่แนะนำ

แท็ก Open Graph และ Twitter card คืออะไร?

แท็ก Open Graph (og:) ควบคุมชื่อ คำอธิบาย และรูปที่แสดงตอนแชร์บน Facebook, LINE และแอปแชตส่วนใหญ่ ส่วน Twitter card ทำหน้าที่เดียวกันบน X (Twitter) การใส่ทั้งสองแบบช่วยให้ตัวอย่างลิงก์ดูสวยและน่าคลิก

ยังต้องใส่แท็ก meta keywords อยู่ไหม?

ไม่จำเป็น Google และเสิร์ชเอนจินส่วนใหญ่เลิกใช้แท็ก meta keywords มานานแล้ว จึงไม่ช่วยเรื่องอันดับ เครื่องมือนี้จึงตั้งให้เป็นช่องไม่บังคับ ใส่เฉพาะเมื่อแพลตฟอร์มที่คุณใช้ยังอ่านค่านี้อยู่

เครื่องมือสร้าง meta tag นี้ใช้ฟรีไหม?

ใช้ฟรีทั้งหมด ไม่ต้องสมัครสมาชิก ทุกอย่างสร้างในเบราว์เซอร์ของคุณ ชื่อหน้า คำอธิบาย และ URL จึงไม่ถูกอัปโหลดขึ้นเซิร์ฟเวอร์ เพียงกรอกข้อมูลแล้วคัดลอกโค้ดไปใช้ได้เลย