Meta Tags Generator

กรอกข้อมูลหน้าเว็บของคุณให้ครบ เพื่อความปังด้าน SEO และการแชร์บน Social Media!

32 / 60
101 / 160
My Websitehttps://example.com/page-url

Page Title - Up to 60 characters

Page Description - Typically 150-160 characters long. This is what shows up in Google search results.

index.html
1
2style="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" />
8
9
10style="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" />
16
17
18style="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?

A:

เพื่อให้ Search Engine หรือแพลตฟอร์ม Social Media รู้ว่าเว็บไซต์หน้าที่ผู้ใช้อยู่คือหน้าอะไร มีเนื้อหาหลักและรูปภาพอะไร ซึ่งมีผลอย่างมากต่อ SEO (ทำให้คนหาเจอใน Google มากขึ้น) และตอนมีคนดึงลิงก์ไปแชร์ลงบนโซเชียลจะมีการดึงภาพปกและชื่อไปโชว์ให้อัตโนมัติ (ช่วยเพิ่ม Click Rate ได้มหาศาล)

Q: ต้องเอา Generated Code ไปแปะไว้ตรงไหนของเว็บ?

A:

คุณต้องนำโค้ด HTML ที่เราสร้างให้ ไปแปะไว้ระหว่างแท็ก <head> และ </head> ของทุก ๆ หน้าเว็บไซต์ที่คุณต้องการให้แสดงผล หากใช้ React/Next.js คุณต้องย้ายชุดข้อมูลเหล่านี้ไปใส่ในฟังก์ชัน Generate Metadata แทนการใส่ใน HTML โดยตรง

Q: ความยาวของ Meta title และ description ที่เหมาะสมควรเป็นเท่าไหร่?

A:

Title: ไม่ควรเกิน 60 ตัวอักษร เพื่อไม่ให้ถูกตัดออกเมื่ออยู่บน Google
Description: ไม่ควรเกิน 150 - 160 ตัวอักษร (เขียนให้ดึงดูด น่าสนใจ กระชับได้ใจความ) เพื่อให้แสดงผลใน Google Search หรือ Social ได้ครบถ้วนที่สุดนั่นเองครับ