Softonic

ตัวสร้าง Meta Tag

ขั้นตอน 1 / 4 แท็กที่สร้างแล้ว
ถัดไป

ตัวช่วยรูปแบบยาวคู่กับตัวสร้าง Meta Tag แบบรวดเร็ว, เครื่องมือนี้สร้างชุดเต็ม: แท็ก SEO หลัก Open Graph พร้อมตัวแปรต่อ locale Twitter Card พร้อมรองรับ app-deep-link ชุด favicon (ico, svg, apple-touch-icon, mask-icon) ลิงก์ PWA manifest theme-color สำหรับโหมดสว่างและมืด และบล็อก JSON-LD ที่เลือกได้สำหรับ schema แบบ Article, Product, Recipe, FAQ หรือ Event มีประโยชน์เมื่อเริ่มต้นเว็บไซต์ใหม่และคุณต้องการทำ <head> ให้ถูกต้องตั้งแต่ครั้งแรก

วิธีสร้างชุด meta tag แบบเต็ม

  1. 1

    กรอกฟิลด์หลัก

    Title, description, canonical, ชื่อเว็บไซต์, รูปภาพเริ่มต้น

  2. 2

    เพิ่มการแทนที่เฉพาะโซเชียล

    title หรือ description ที่ต่างกันสำหรับ Open Graph หรือ Twitter หากจำเป็น

  3. 3

    กำหนดค่าไอคอนและ PWA

    เส้นทาง favicon, Apple touch icon, manifest, theme color สำหรับโหมดสว่าง/มืด

  4. 4

    เลือกชนิด Schema.org

    Article, Product, Recipe, Event, FAQ, Organization เติม JSON-LD ด้วยอินพุตของคุณ

  5. 5

    คัดลอกสนิปเพตแบบสมบูรณ์

    วางระหว่าง `<head>...</head>`

ชุดเต็ม

  • SEO หลัก: <title>, description, canonical, viewport, robots, author, charset
  • Open Graph: og:type, og:title, og:description, og:image (พร้อม width/height), og:url, og:site_name, og:locale, og:locale:alternate สำหรับการแปล
  • Twitter Card: twitter:card, twitter:site, twitter:creator, twitter:title, twitter:description, twitter:image, twitter:app:* สำหรับ deep-linking ไปยังแอปเนทีฟ
  • ไอคอน: favicon หลายรูปแบบ (.ico สำหรับของเก่า, .svg สำหรับสมัยใหม่, Apple touch icon ที่ 180×180, mask icon สำหรับแท็บที่ปักหมุดใน Safari)
  • PWA: ลิงก์ manifest.json, theme-color สำหรับโหมดสว่างและมืด, apple-mobile-web-app-capable
  • JSON-LD: ข้อมูลโครงสร้าง Schema.org สำหรับชนิดเนื้อหา

เทมเพลต JSON-LD ต่อ schema

Article

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18",
  "dateModified": "2026-04-18",
  "image": "https://..."
}

Product

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "...",
  "image": "https://...",
  "brand": { "@type": "Brand", "name": "..." },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

FAQPage

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "...",
    "acceptedAnswer": { "@type": "Answer", "text": "..." }
  }]
}

เมื่อใดควรใช้ชนิด Schema.org แต่ละแบบ

ชนิดเนื้อหา Schema
โพสต์บล็อก ข่าว Article / NewsArticle
หน้าผลิตภัณฑ์ Product + Offer
สูตรอาหาร Recipe
งานอีเวนต์ (คอนเสิร์ต เว็บบินาร์) Event
บุคคล (หน้าผู้เขียน) Person
หน้าบริษัท Organization
FAQ FAQPage
การนำทางแบบ breadcrumb BreadcrumbList
ธุรกิจท้องถิ่น LocalBusiness

การตรวจสอบความถูกต้อง

หลังจากวาง ให้ตรวจสอบ <head> แบบเต็ม:

  • Rich Results Test (Google) สำหรับความเหมาะสมของ JSON-LD
  • Schema Markup Validator สำหรับความถูกต้องของ Schema.org
  • Facebook Sharing Debugger สำหรับ preview Open Graph
  • Twitter Card Validator สำหรับ preview Twitter
  • Lighthouse (Chrome DevTools → Lighthouse) สำหรับการตรวจสอบโดยรวม

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

ไม่โดยตรง JSON-LD ไม่เพิ่มอันดับ มันเปิดใช้การแสดงผลแบบ rich-result (คะแนนดาว แอคคอร์เดียน FAQ ราคาและสต็อก) ซึ่งสามารถปรับปรุงอัตราการคลิก CTR ที่ดีขึ้นช่วยได้ทางอ้อม

ได้ รูปแบบที่พบบ่อย: BreadcrumbList หนึ่งและ Article (หรือ Product) หนึ่ง รักษาแต่ละบล็อกให้เน้นที่ชนิด schema เดียวแทนที่จะปนกัน

Twitter ถอยกลับไปใช้ OG จริง แต่คุณอาจต้องการอัตราส่วนภาพที่ต่างออกไป หรือแฮนเดิลของผู้สร้างที่ OG ไม่รองรับ ตั้งแท็กเฉพาะของ Twitter เฉพาะจุดที่ต่างจาก OG เท่านั้น

ไม่ มันให้สี chrome ของเบราว์เซอร์บน Android Chrome และ iOS Safari (เมื่อเพิ่มไปยังหน้าจอหลัก) เบราว์เซอร์เดสก์ท็อปเพิกเฉยต่อมัน

ไม่, ตัวสร้างทำงานในเบราว์เซอร์ของคุณทั้งหมด อินพุตทั้งหมดของคุณยังคงอยู่ในเครื่อง

เครื่องมือที่เกี่ยวข้อง

เครื่องมือตรวจสอบความยาวของคำอธิบายเมตา

วัดคำอธิบายเมตาเป็นจำนวนอักขระและพิกเซลโดยประมาณ เปรียบเทียบแนวทางการเรียบเรียง และดูตัวอย่างการจัดวางบนเดสก์ท็อปกับมือถือ

เครื่องดึงลิงก์ภายนอก

วางโค้ด HTML ดิบ และระบุ URL ฐานได้ตามต้องการ จากนั้นรับรายการลิงก์ภายนอก http/https ทั้งหมดในโค้ดแบบไม่มีรายการซ้ำ เพื่อใช้ตรวจสอบลิงก์และประเมินผล SEO

เครื่องมือตรวจสอบเฮดเดอร์ความปลอดภัย HTTP

วาง HTTP response headers แล้วตรวจ HSTS, CSP, clickjacking, MIME, referrer และนโยบาย cross-origin ภายในเบราว์เซอร์

เครื่องมือสร้างสเกมาสำหรับคำถามบ่อย (FAQ Schema Generator)

สร้างมาร์กอัป JSON-LD แบบ FAQPage จากคู่คำถามและคำตอบ เพื่อให้หน้าเว็บของคุณเข้าเกณฑ์ผลการค้นหาแบบสมบูรณ์ (rich results) และกล่องคำตอบของ Google

ตัวจำลองผลการค้นหา Google

ดูตัวอย่างผลค้นหาแบบ Google โดยประมาณด้วยขีดจำกัดจำนวนอักขระสำหรับมือถือและเดสก์ท็อป ร่างของคุณอยู่ในเซสชันเบราว์เซอร์นี้เท่านั้น

เครื่องมือตรวจสอบ XML Sitemap

ตรวจสอบ XML Sitemap ในเบราว์เซอร์เพื่อค้นหาข้อผิดพลาดในการแยกวิเคราะห์ ตำแหน่งที่ขาดหาย URL ซ้ำ และค่าฟิลด์ที่พบบ่อย

เครื่องมือนี้มีให้บริการในภาษาอื่น