เครื่องสร้างเมตาแท็ก
สร้าง SEO เมตาแท็ก, Open Graph แท็ก และ Twitter Card แท็ก พร้อมตัวอย่างการแสดงผลจริงสำหรับ Google, Facebook และ X (Twitter) มีตัวนับจำนวนตัวอักษรแบบเรียลไทม์และคัดลอกได้ในคลิกเดียว
ตัวบล็อกโฆษณาของคุณทำให้เราแสดงโฆษณาไม่ได้
MiniWebtool ให้ใช้ฟรีได้เพราะมีโฆษณา หากเครื่องมือนี้ช่วยคุณได้ โปรดสนับสนุนเราด้วยการอัปเกรดเพื่อใช้งานแบบไม่มีโฆษณาและใช้ได้มากขึ้นต่อวัน หรืออนุญาต MiniWebtool.com แล้วโหลดใหม่
- อนุญาตโฆษณาสำหรับ MiniWebtool.com แล้วโหลดใหม่
- หรืออัปเกรดเพื่อไม่มีโฆษณาและมีโควตาต่อวันที่สูงขึ้น
เกี่ยวกับ เครื่องสร้างเมตาแท็ก
เครองสรางเมตาแทก นี้จะช่วยสร้างเมตาแทกที่ปรับแต่งให้เหมาะสมกับ 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) @ ของคุณ |
ขีดจำกัดจำนวนตัวอักษรที่แนะนำ
วิธีใช้งานเครองสรางเมตาแทก
- กรอกแทก 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) เหมาะสำหรับโพสต์บล็อก แลนดิ้งเพจ และเนื้อหาที่เน้นรูปภาพ
คำถามที่พบบ่อย
เมตาแทกคืออะไรและทำไมจึงสำคัญต่อ 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 พิกเซลเพียงรูปเดียวสามารถทำงานได้ดีกับทั้งสองระบบ
แหล่งข้อมูลเพิ่มเติม
อ้างอิงเนื้อหา หน้าหรือเครื่องมือนี้ว่า:
"เครื่องสร้างเมตาแท็ก" ที่ https://MiniWebtool.com/th/เครองสรางเมตาแทก/ จาก MiniWebtool, https://MiniWebtool.com/
โดยทีมงาน miniwebtool อัปเดตเมื่อ: 6 ก.พ. 2026
เครื่องมือสำหรับเว็บมาสเตอร์:
- เครื่องคิดเลข CPC
- เครื่องคำนวณ CPM
- CSS Compressor
- เครื่องสร้างฟาวิคอน
- เครื่องคำนวณ Google AdSense
- เครื่องสร้าง cron job
- เครื่องสร้างนิพจน์ crontab
- คอมเพรสเซอร์ HTML
- ตัวแปลง HTML เป็นข้อความ แนะนำ
- เครื่องตรวจสอบความหนาแน่นของคำหลัก
- เครื่องสร้างตาราง Markdown
- เครื่องสร้างเมตาแท็ก
- เครื่องลบเครื่องหมายคำพูดอัจฉริยะ
- ตัวสร้าง URL Slug
- เครื่องคำนวณค่าหน้า
- เครื่องคำนวณมูลค่าผู้เข้าชม
- ตัวคำนวณสิทธิ์ Unix (chmod)
- ตัวเข้ารหัส/ถอดรหัส HTML Entity
- ตัวสร้าง Lorem Ipsum
- Escape Unescape สตริง JSON
- เครื่องแปลง cURL เป็น JSON
- ตัวจัดรูปแบบ SQL
- เครื่องมือปรับแต่ง SVG
- เครื่องมือสร้างรหัสการเปลี่ยนเส้นทาง .htaccess
- ตัวตรวจสอบขนาดการรวบรวมข้อมูล Googlebot
- เครื่องมือสร้าง robots.txt ใหม่
- เครื่องมือสร้าง XML Sitemap ใหม่
- เครื่องตรวจสอบอายุโดเมน ใหม่
- ตัวตรวจสอบ Open Graph ใหม่
- ค้นหา WHOIS ใหม่
- ตรวจสอบ DNS ใหม่
- ตัวตรวจสอบความเร็วหน้าเว็บ ใหม่
- ตรวจสอบความน่าเชื่อถือโดเมน ใหม่
- ตรวจสอบการเปลี่ยนเส้นทาง ใหม่
- เครื่องสร้างแท็ก Hreflang ใหม่
- เครื่องมือตรวจสอบลิงก์เสีย ใหม่
- พื้นที่ทดลอง CSS Flexbox ใหม่
- เครื่องมือสร้าง CSS Grid ใหม่
- เครื่องมือสร้างคำสั่ง Git ใหม่
- เครื่องสร้างไฟล์ .env ใหม่
- เครื่องมือสร้างคำสั่ง cURL ใหม่
- การอ้างอิงรหัสสถานะ HTTP ใหม่
- ตัวแยกวิเคราะห์ URL ใหม่
- เครื่องมือสร้างสตริงคำค้นหา ใหม่
- ตัวแปลง SVG เป็น React/JSX ใหม่
- คอมไพเลอร์ SCSS เป็น CSS ใหม่
- คอมไพเลอร์ Less เป็น CSS ใหม่
- สนามทดลอง TypeScript ใหม่
- เครื่องสร้างสคีมา JSON ใหม่