หน้าแรก
ADVERTISEMENT
Shopee Promotion

ตัวสร้าง Meta Tags และ Previewer

สร้างและวิเคราะห์โค้ด HTML Meta Tags พร้อมจำลองการแสดงผลบน Google, Facebook และ Twitter แบบเรียลไทม์

เครื่องมือสร้าง Meta Tags & Preview

สร้างและวิเคราะห์โค้ด Meta Tags พร้อมเครื่องมือพรีวิวจำลองการแสดงผลบน Google, Facebook และ Twitter แบบเรียลไทม์

ตัวอย่างผลลัพธ์บน Google Search (Desktop)
https://onetoolall.com

OneToolAll - ทุกเครื่องมือที่คุณต้องการในเว็บเดียว

OneToolAll รวมเครื่องมือสารพัดประโยชน์สำหรับโปรแกรมเมอร์ นักการตลาด และดีไซเนอร์ ฟรี 100% ปลอดภัย รวดเร็ว ทำงานบนเบราว์เซอร์ของคุณ

ตัวอย่างผลลัพธ์บน Google Search (Mobile)
G
Googlehttps://onetoolall.com

OneToolAll - ทุกเครื่องมือที่คุณต้องการในเว็บเดียว

OneToolAll รวมเครื่องมือสารพัดประโยชน์สำหรับโปรแกรมเมอร์ นักการตลาด และดีไซเนอร์ ฟรี 100% ปลอดภัย รวดเร็ว ทำงานบนเบราว์เซอร์ของคุณ

คู่มือการติดตั้ง Meta Tags สำหรับมือโปร

  • นำโค้ดที่สร้างขึ้นไปคั่นไว้ระหว่างช่วงแท็ก <head> และ </head> ของไฟล์หน้าเว็บหลัก
  • สำหรับแท็กรูปภาพ OpenGraph (og:image) แนะนำให้ใช้ลิงก์ภาพแบบเต็ม Absolute URL (ขึ้นต้นด้วย https://) เสมอ
  • ขนาดรูปภาพประกอบแชร์โซเชียลที่เหมาะสมที่สุดคือ อัตราส่วน 1.91:1 หรือ 1200 x 630 พิกเซล
ADVERTISEMENT
Shopee Promotion

วิธีใช้งาน ตัวสร้าง Meta Tags และ Previewer

  1. พิมพ์หรือระบุ ข้อมูลแท็กเมตา เช่น Title, Description, คีย์เวิร์ด ผู้เขียน และระดับการจัดทำดัชนีบอท (Robots Meta)
  2. ปรับแต่งค่าสำหรับ Social Media เช่น รูปภาพพรีวิวหลักสำหรับ Facebook (OpenGraph) และ Twitter
  3. ดูตัวอย่างจำลองบนหน้าผลการค้นหาของ Google และการ์ดแชร์บนโซเชียลมีเดียแบบทันที
  4. คัดลอกโค้ด HTML ไปวางในส่วนของ <head> ในเว็บไซต์ของคุณ