เครื่องสร้างเมตาแท็ก

Q: แทก Twitter Card คืออะไร?

แทก Twitter Card (ปัจจุบันคือแทก X Card) คือเมตาแทกที่ควบคุมการแสดงเนื้อหาของคุณเมื่อแชร์บน X (เดิมคือ Twitter) ประเภทหลักคือ summary (รูปขนาดย่อขนาดเล็ก) และ summary_large_image (รูปภาพเด่นขนาดใหญ่) แทกสำคัญ ได้แก่ twitter:card (ประเภทการ์ด), twitter:title, twitter:description, twitter:image และ twitter:site (ชื่อผู้ใช้ @ ของคุณ) หากไม่ได้ตั้งค่าแทก Twitter Card ระบบ X จะเปลี่ยนไปใช้แทก Open Graph แทน

Q: ความยาวที่เหมาะสมสำหรับชื่อเรื่องและคำอธิบายเมตาคือเท่าใด?

สำหรับ SEO ความยาวชื่อเรื่องเมตาที่แนะนำคือ 50-60 ตัวอักษร (โดยปกติ Google จะแสดงผลสูงสุด 60 ตัวอักษร หรือกว้างประมาณ 600 พิกเซล) คำอธิบายเมตาควรมีความยาว 150-160 ตัวอักษร (Google อาจตัดทอนคำอธิบายที่ยาวกว่านี้) สำหรับ Open Graph ชื่อเรื่องควรมีความยาว 60-90 ตัวอักษร และคำอธิบาย 100-200 ตัวอักษร สำหรับ Twitter Card ชื่อเรื่องควรอยู่ที่ 50-70 ตัวอักษร โดยมีคำอธิบายต่ำกว่า 200 ตัวอักษร

Q: ฉันจำเป็นต้องใช้ทั้งแทก Open Graph และ Twitter Card หรือไม่?

แม้ว่า X (Twitter) จะเปลี่ยนไปใช้แทก Open Graph หากไม่มีแทก Twitter Card แต่ทางปฏิบัติที่ดีที่สุดคือควรใส่ทั้งสองอย่าง แทก Twitter Card ช่วยให้คุณปรับแต่งประเภทการ์ด (summary เทียบกับ summary_large_image) และระบุชื่อผู้ใช้ @ ของคุณได้ ซึ่งไม่สามารถทำได้ด้วยแทก OG เพียงอย่างเดียว การมีทั้งสองอย่างจะช่วยให้การแสดงผลเหมาะสมที่สุดในทุกแพลตฟอร์มและให้คุณควบคุมการแสดงเนื้อหาได้อย่างเต็มที่

Q: ควรใช้ขนาดรูปภาพใดสำหรับ Open Graph และ Twitter Card?

สำหรับรูปภาพ Open Graph ขนาดที่แนะนำคือ 1200 x 630 พิกเซล (อัตราส่วน 1.91:1) โดยมีขนาดขั้นต่ำ 200 x 200 พิกเซล สำหรับ Twitter Card แบบ summary_large_image ให้ใช้ 1200 x 628 พิกเซล สำหรับการ์ด summary ให้ใช้ขั้นต่ำ 144 x 144 พิกเซล (สูงสุด 4096 x 4096) รูปภาพควรมีขนาดไม่เกิน 5 MB การใช้รูปภาพขนาด 1200 x 630 พิกเซลเพียงรูปเดียวสามารถใช้งานได้ดีกับทั้งสองแพลตฟอร์ม

สร้าง SEO เมตาแท็ก, Open Graph แท็ก และ Twitter Card แท็ก พร้อมตัวอย่างการแสดงผลจริงสำหรับ Google, Facebook และ X (Twitter) มีตัวนับจำนวนตัวอักษรแบบเรียลไทม์และคัดลอกได้ในคลิกเดียว

เครื่องสร้างเมตาแท็ก

⚡ ตัวอย่างด่วน — ลองเลือกเพื่อดูฟีเจอร์ทั้งหมด:

บทความบล็อก สินค้าอีคอมเมิร์ซ ไซต์พอร์ตโฟลิโอ

ชื่อหน้า 0 / 60

แนะนำ: 50-60 ตัวอักษรสำหรับผลการค้นหาของ Google

คำอธิบายเมตา 0 / 160

แนะนำ: 150-160 ตัวอักษรเพื่อการแสดงผลที่เหมาะสมในผลการค้นหา

คีย์เวิร์ด 0 / 255

คีย์เวิร์ดที่คั่นด้วยจุลภาค (มีผลต่อ SEO จำกัด แต่บางเอนจินยังคงใช้งานอยู่)

Robots

Charset

URL Canonical

URL ที่ต้องการสำหรับหน้านี้ (ช่วยป้องกันปัญหาเนื้อหาซ้ำซ้อน)

ตัวเลือกเพิ่มเติม

ผู้เขียน

ภาษา

Viewport

ควบคุมพฤติกรรมการตอบสนองบนอุปกรณ์พกพา

ℹ แทก Open Graph จะควบคุมการแสดงผลของหน้าเว็บเมื่อมีการแชร์บน Facebook, LinkedIn, Pinterest และแพลตฟอร์มโซเชียลอื่นๆ หากเว้นว่างไว้ ฟิลด์เหล่านี้จะใช้ค่าจาก SEO พื้นฐานแทน

og:title 0 / 90

og:description 0 / 200

og:image

แนะนำ: 1200 x 630 พิกเซล, ขนาดไฟล์ต่ำกว่า 5 MB

og:url

og:type

og:site_name

og:locale

ℹ แทก Twitter Card จะควบคุมการแสดงผลของหน้าเว็บเมื่อแชร์บน X (Twitter) หากเว้นว่างไว้ X จะดึงข้อมูลจากแทก Open Graph ของคุณมาใช้แทน

ประเภทการ์ด

แนะนำให้ใช้ summary_large_image สำหรับเนื้อหาส่วนใหญ่

twitter:title 0 / 70

twitter:description 0 / 200

twitter:image

แนะนำ: 1200 x 628 พิกเซลสำหรับ summary_large_image

twitter:site

ชื่อผู้ใช้ X @ ของคุณ

twitter:creator

ชื่อผู้ใช้ @ ของผู้สร้างเนื้อหา

👁 การแสดงตัวอย่างสด

🌐 example.com

ชื่อหน้าของคุณ

คำอธิบายหน้าของคุณจะปรากฏที่นี่ เขียนคำอธิบายที่น่าดึงดูดใจเพื่อเพิ่มอัตราการคลิกผ่านจากผลการค้นหา

⬚ ยังไม่ได้ตั้งค่ารูปภาพ — เพิ่ม URL og:image

example.com

ชื่อ Open Graph ของคุณ

คำอธิบาย Open Graph ของคุณจะปรากฏที่นี่

⬚ ยังไม่ได้ตั้งค่ารูปภาพ — เพิ่ม URL twitter:image

ชื่อ Twitter Card ของคุณ

คำอธิบาย Twitter Card ของคุณจะปรากฏที่นี่

🔗 example.com

Embed เครื่องสร้างเมตาแท็ก Widget

เกี่ยวกับ เครื่องสร้างเมตาแท็ก

เครองสรางเมตาแทก นี้จะช่วยสร้างเมตาแทกที่ปรับแต่งให้เหมาะสมกับ SEO, แทก Open Graph และแทก Twitter Card สำหรับเว็บไซต์ของคุณพร้อมการพรีวิวสด ดูได้ทันทีว่าหน้าเว็บของคุณจะปรากฏอย่างไรในผลการค้นหาของ Google, โพสต์ Facebook และการ์ด X (Twitter) ก่อนที่จะเผยแพร่จริง ตัวนับจำนวนตัวอักษรแบบเรียลไทม์จะช่วยให้คุณอยู่ในขีดจำกัดที่แนะนำเพื่อให้มองเห็นได้สูงสุด

เมตาแทกคืออะไร?

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

ประเภทของเมตาแทกที่เครื่องมือนี้สร้างขึ้น

หมวดหมู่	แทก	วัตถุประสงค์
SEO	`<title>`	ชื่อหน้าเว็บที่แสดงในผลการค้นหาและแท็บของเบราว์เซอร์
SEO	`meta description`	ข้อมูลสรุปที่แสดงใต้ชื่อเรื่องในผลการค้นหา
SEO	`meta keywords`	คำหลักที่คั่นด้วยจุลภาค (ปัจจุบันมีผลต่อ SEO จำกัด)
SEO	`meta robots`	ควบคุมพฤติกรรมการรวบรวมข้อมูลและการจัดทำดัชนีของเครื่องมือค้นหา
SEO	`link canonical`	ระบุ URL ที่ต้องการเพื่อป้องกันปัญหาเนื้อหาซ้ำซ้อน
โซเชียล	`og:title`	ชื่อที่แสดงเมื่อมีการแชร์บน Facebook, LinkedIn และอื่นๆ
โซเชียล	`og:description`	คำอธิบายที่แสดงในการ์ดแชร์บนโซเชียลมีเดีย
โซเชียล	`og:image`	รูปภาพที่แสดงในการพรีวิวการแชร์บนโซเชียลมีเดีย
X/Twitter	`twitter:card`	ประเภทของการ์ด: summary หรือ summary_large_image
X/Twitter	`twitter:site`	ชื่อผู้ใช้ X (Twitter) @ ของคุณ

ขีดจำกัดจำนวนตัวอักษรที่แนะนำ

ชื่อ Google

50–60

ตัวอักษร

คำอธิบาย Google

150–160

ตัวอักษร

ชื่อ OG

60–90

ตัวอักษร

คำอธิบาย OG

100–200

ตัวอักษร

ชื่อ Twitter

50–70

ตัวอักษร

คำอธิบาย Twitter

ต่ำกว่า 200

ตัวอักษร

เคล็ดลับมือโปร: เขียนชื่อเรื่องและคำอธิบายที่แตกต่างกันสำหรับ SEO, Open Graph และ Twitter Card แต่ละแพลตฟอร์มมีขีดจำกัดการแสดงผลและบริบทที่ต่างกัน — ชื่อเรื่องในผลการค้นหาควรมีคีย์เวิร์ดที่ครบถ้วน ในขณะที่ชื่อเรื่องบนโซเชียลมีเดียควรเน้นความน่าดึงดูดและชวนให้แชร์

วิธีใช้งานเครองสรางเมตาแทก

กรอกแทก SEO พื้นฐาน: ป้อนชื่อหน้าของคุณ (แนะนำ 50-60 ตัวอักษร), คำอธิบายเมตา (150-160 ตัวอักษร), คีย์เวิร์ด, เลือกคำสั่ง robots, charset และเลือกเพิ่ม URL Canonical ได้ตามต้องการ
เพิ่มแทก Open Graph: สลับไปที่แท็บ Open Graph แล้วป้อนชื่อ OG, คำอธิบาย, URL รูปภาพ, URL ของหน้า, ชื่อไซต์ และประเภทเนื้อหา เพื่อการแชร์บน Facebook และ LinkedIn ที่สมบูรณ์แบบ
กำหนดค่าแทก Twitter Card: สลับไปที่แท็บ Twitter Card เพื่อตั้งค่าประเภทการ์ด (summary หรือ summary_large_image), ชื่อเรื่อง, คำอธิบาย, URL รูปภาพ และชื่อผู้ใช้ X @ ของคุณ
พรีวิวแทกของคุณ: ตรวจสอบแผงพรีวิวสดเพื่อดูว่าหน้าของคุณจะปรากฏอย่างไรในผลการค้นหาของ Google, โพสต์ Facebook และการ์ด X (Twitter)
สร้างและคัดลอก: คลิก "สร้างเมตาแทก" เพื่อดูโค้ด HTML ที่สมบูรณ์พร้อมการเน้นไวยากรณ์ คลิก "คัดลอกโค้ด" แล้วนำไปวางในส่วน <head> ของหน้าเว็บของคุณ

แนวทางปฏิบัติที่ดีที่สุดสำหรับรูปภาพ Open Graph

ขนาดที่แนะนำ: 1200 x 630 พิกเซล (อัตราส่วน 1.91:1)
ขนาดขั้นต่ำ: 200 x 200 พิกเซล (ข้อกำหนดขั้นต่ำของ Facebook)
ขนาดไฟล์: ไม่เกิน 5 MB เพื่อประสิทธิภาพที่ดีที่สุด
รูปแบบ: JPEG, PNG หรือ WebP
พื้นที่ปลอดภัย: วางข้อความหรือโลโก้ที่สำคัญไว้ภายในพื้นที่ส่วนกลาง 80% ของรูปภาพ

ประเภทของ Twitter Card

summary: การ์ดขนาดเล็กพร้อมรูปขนาดย่อสี่เหลี่ยม (ขั้นต่ำ 144x144) เหมาะสำหรับบทความและเนื้อหาทั่วไป
summary_large_image: การ์ดขนาดใหญ่พร้อมรูปภาพเด่น (แนะนำ 1200x628) เหมาะสำหรับโพสต์บล็อก แลนดิ้งเพจ และเนื้อหาที่เน้นรูปภาพ

หมายเหตุ: หากคุณไม่ได้ตั้งค่าแทก Twitter Card ทาง X (Twitter) จะดึงข้อมูลจากแทก Open Graph มาแสดงโดยอัตโนมัติ อย่างไรก็ตาม การตั้งค่าทั้งสองอย่างจะช่วยให้คุณควบคุมการแสดงเนื้อหาในแต่ละแพลตฟอร์มได้อย่างเต็มที่

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

เมตาแทกคืออะไรและทำไมจึงสำคัญต่อ SEO?

เมตาแทกคือองค์ประกอบ HTML ที่วางอยู่ในส่วน <head> ของหน้าเว็บเพื่อให้ข้อมูลเมตาเกี่ยวกับหน้านั้นแก่เครื่องมือค้นหาและแพลตฟอร์มโซเชียลมีเดีย เมตาแทกที่สำคัญ ได้แก่ แทก title (แสดงในผลการค้นหา), meta description (สรุปใต้ชื่อเรื่อง) และแทก robots (ควบคุมการรวบรวมข้อมูล) การปรับแต่งเมตาแทกให้ดีจะช่วยเพิ่มอัตราการคลิกผ่านและทำให้เนื้อหาแสดงผลถูกต้องเมื่อถูกแชร์

แทก Open Graph คืออะไรและทำงานอย่างไร?

แทก Open Graph (OG) คือเมตาแทกที่พัฒนาโดย Facebook เพื่อควบคุมการแสดงผลของหน้าเว็บเมื่อแชร์บนโซเชียลมีเดีย เช่น Facebook, LinkedIn และ Pinterest เมื่อมีการแชร์ URL แพลตฟอร์มเหล่านี้จะอ่านแทก OG (เช่น title, description, image) เพื่อสร้างการ์ดพรีวิวที่สวยงาม

แทก Twitter Card คืออะไร?

แทก Twitter Card (หรือ X Card) คือเมตาแทกที่ควบคุมการแสดงเนื้อหาบน X ประเภทหลักคือ summary และ summary_large_image หากไม่ได้ตั้งค่าไว้ X จะใช้ข้อมูลจาก Open Graph แทน

ความยาวที่เหมาะสมสำหรับชื่อเรื่องและคำอธิบายเมตาคือเท่าใด?

สำหรับ SEO ชื่อเรื่องควรยาว 50-60 ตัวอักษร และคำอธิบายควรยาว 150-160 ตัวอักษร สำหรับ Open Graph ชื่อเรื่องควรอยู่ที่ 60-90 ตัวอักษร และคำอธิบาย 100-200 ตัวอักษร ส่วน Twitter Card ชื่อเรื่องควรอยู่ที่ 50-70 ตัวอักษร

ฉันจำเป็นต้องใช้ทั้งแทก Open Graph และ Twitter Card หรือไม่?

แม้ X จะใช้แทก Open Graph แทนได้หากไม่มี Twitter Card แต่ทางปฏิบัติที่ดีที่สุดคือควรมีทั้งคู่เพื่อให้คุณสามารถปรับแต่งประเภทการ์ดและใส่ชื่อผู้ใช้ @ ของคุณได้ ซึ่งช่วยให้การแสดงผลเหมาะสมที่สุดในทุกที่

ควรใช้ขนาดรูปภาพใดสำหรับ Open Graph และ Twitter Card?

แนะนำขนาด 1200 x 630 พิกเซล (1.91:1) สำหรับ Open Graph และ 1200 x 628 พิกเซลสำหรับ Twitter Card แบบรูปภาพใหญ่ การใช้รูปภาพ 1200 x 630 พิกเซลเพียงรูปเดียวสามารถทำงานได้ดีกับทั้งสองระบบ