Meta Tags Generator
กรอกข้อมูลหน้าเว็บของคุณให้ครบ เพื่อความปังด้าน SEO และการแชร์บน Social Media!
Page Title - Up to 60 characters
Page Description - Typically 150-160 characters long. This is what shows up in Google search results.
12style="color: #569cd6;"><title>Page Title - Up to 60 charactersstyle="color: #569cd6;"></title>3style="color: #569cd6;"><meta name="title" content="Page Title - Up to 60 characters" />4style="color: #569cd6;"><meta name="description" content="Page Description - Typically 150-160 characters long. This is what shows up in Google search results." />5style="color: #569cd6;"><meta name="keywords" content="keyword1, keyword2, keyword3" />6style="color: #569cd6;"><meta name="author" content="Author Name" />7style="color: #569cd6;"><meta name="robots" content="index, follow" />8910style="color: #569cd6;"><meta property="og:type" content="website" />11style="color: #569cd6;"><meta property="og:url" content="https://example.com/page-url" />12style="color: #569cd6;"><meta property="og:title" content="Page Title - Up to 60 characters" />13style="color: #569cd6;"><meta property="og:description" content="Page Description - Typically 150-160 characters long. This is what shows up in Google search results." />14style="color: #569cd6;"><meta property="og:image" content="https://example.com/image.jpg" />15style="color: #569cd6;"><meta property="og:site_name" content="My Website" />161718style="color: #569cd6;"><meta property="twitter:card" content="summary_large_image" />19style="color: #569cd6;"><meta property="twitter:url" content="https://example.com/page-url" />20style="color: #569cd6;"><meta property="twitter:title" content="Page Title - Up to 60 characters" />21style="color: #569cd6;"><meta property="twitter:description" content="Page Description - Typically 150-160 characters long. This is what shows up in Google search results." />22style="color: #569cd6;"><meta property="twitter:image" content="https://example.com/image.jpg" />23style="color: #569cd6;"><meta name="twitter:creator" content="@username" />24style="color: #569cd6;"><meta name="twitter:site" content="@username" />
คำถามที่พบบ่อย (FAQ)
Q: ทำไมเว็บไซต์ถึงต้องมี Meta Tags?
เพื่อให้ Search Engine หรือแพลตฟอร์ม Social Media รู้ว่าเว็บไซต์หน้าที่ผู้ใช้อยู่คือหน้าอะไร มีเนื้อหาหลักและรูปภาพอะไร ซึ่งมีผลอย่างมากต่อ SEO (ทำให้คนหาเจอใน Google มากขึ้น) และตอนมีคนดึงลิงก์ไปแชร์ลงบนโซเชียลจะมีการดึงภาพปกและชื่อไปโชว์ให้อัตโนมัติ (ช่วยเพิ่ม Click Rate ได้มหาศาล)
Q: ต้องเอา Generated Code ไปแปะไว้ตรงไหนของเว็บ?
คุณต้องนำโค้ด HTML ที่เราสร้างให้ ไปแปะไว้ระหว่างแท็ก <head> และ </head> ของทุก ๆ หน้าเว็บไซต์ที่คุณต้องการให้แสดงผล หากใช้ React/Next.js คุณต้องย้ายชุดข้อมูลเหล่านี้ไปใส่ในฟังก์ชัน Generate Metadata แทนการใส่ใน HTML โดยตรง
Q: ความยาวของ Meta title และ description ที่เหมาะสมควรเป็นเท่าไหร่?
Title: ไม่ควรเกิน 60 ตัวอักษร เพื่อไม่ให้ถูกตัดออกเมื่ออยู่บน Google
Description: ไม่ควรเกิน 150 - 160 ตัวอักษร (เขียนให้ดึงดูด น่าสนใจ กระชับได้ใจความ) เพื่อให้แสดงผลใน Google Search หรือ Social ได้ครบถ้วนที่สุดนั่นเองครับ