เครื่องมือสร้าง Schema Markup

กรอกรายละเอียด FAQ, สินค้า หรือวิธีทำ เพื่อรับโค้ด JSON-LD ที่พร้อมสำหรับนำไปวางใช้งาน

เลือกประเภท Schema

เริ่มต้นด้วยการเลือกประเภทเนื้อหาของหน้าเว็บที่คุณต้องการอธิบาย

เพิ่มรายละเอียด

ระบบจะตรวจสอบฟิลด์ที่จำเป็นขณะที่คุณพิมพ์ ส่วนฟิลด์ที่ไม่บังคับซึ่งถูกเว้นว่างไว้จะถูกละเว้นในโค้ดสุดท้าย

คัดลอก JSON-LD

สคริปต์ที่สมบูรณ์จะแสดงขึ้นเมื่อฟิลด์ที่จำเป็นทั้งหมดได้รับการกรอกอย่างถูกต้อง

FAQPage
JSON-LD

การตรวจสอบฟิลด์

    ข้อมูลที่คุณกรอกจะถูกประมวลผลภายในเบราว์เซอร์เท่านั้น ไม่มีการอัปโหลดข้อมูลใดๆ ไปยัง BroBroGo ครับ

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

    ฉันสามารถสร้าง Schema ประเภทใดได้บ้าง?

    แบบฟอร์มแนะนำของเราครอบคลุม FAQPage, Product (พร้อม Offer) และ HowTo (พร้อมขั้นตอน อุปกรณ์ และเครื่องมือ) โดยฟิลด์ที่ไม่บังคับซึ่งถูกเว้นว่างไว้จะไม่ถูกนำไปใส่ในโค้ดสุดท้ายครับ

    ฉันควรนำ JSON-LD ที่สร้างขึ้นไปวางไว้ที่ใด?

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

    มาร์กอัปที่ถูกต้องจะรับประกันการแสดงผลการค้นหาแบบริช (rich result) หรือไม่?

    ไม่เสมอไปครับ มาร์กอัป schema.org ที่ถูกต้องจะช่วยให้ระบบต่างๆ เข้าใจโครงสร้างหน้าเว็บได้ดีขึ้น แต่ไม่มีการรับประกันว่าจะแสดงผลการค้นหาแบบพิเศษเสมอไป ปัจจุบัน Google ไม่แสดงผลการค้นหาแบบริช (rich results) สำหรับ FAQ หรือ HowTo แล้วครับ

    การสร้างข้อมูลโครงสร้างด้วยเครื่องมือสร้าง Schema Markup

    การเพิ่มข้อมูลโครงสร้าง (Structured Data) ตามมาตรฐานของ schema.org ช่วยให้ระบบของโปรแกรมค้นหา (Search Engine) สามารถทำความเข้าใจบริบทและโครงสร้างเนื้อหาบนหน้าเว็บได้อย่างแม่นยำ การใช้รูปแบบ JSON-LD (JavaScript Object Notation for Linked Data) เป็นวิธีการที่ได้รับการยอมรับอย่างกว้างขวางในการฝังข้อมูลโครงสร้างนี้ลงในรหัส HTML ของเว็บไซต์

    เครื่องมือสร้าง Schema Markup ได้รับการออกแบบมาสำหรับผู้ดูแลเว็บ (Webmaster) นักพัฒนาเว็บไซต์ (Developer) และผู้ดำเนินการเนื้อหา (Content Operator) ที่ต้องการจัดเตรียมข้อมูลโครงสร้างด้วยตนเองอย่างถูกต้องตามข้อกำหนด ข้อมูลที่คุณกรอกจะถูกประมวลผลภายในเบราว์เซอร์เท่านั้น ไม่มีการอัปโหลดข้อมูลใดๆ ไปยัง BroBroGo ครับ


    ประเภท Schema และการกำหนดค่าฟิลด์ข้อมูล

    เครื่องมือนี้รองรับการสร้าง Schema ใน 3 ประเภทหลัก โดยมีข้อกำหนดของฟิลด์ข้อมูลที่จำเป็นและฟิลด์ทางเลือกดังต่อไปนี้:

    1. FAQPage (คำถามที่พบบ่อย)

    ใช้สำหรับอธิบายหน้าเว็บที่มีรายการคำถามและคำตอบ

    • คำถาม: ข้อความคำถามที่ต้องการระบุ
    • คำตอบ: ข้อความคำตอบของคำถามนั้นๆ

    2. Product (ข้อมูลสินค้าและข้อเสนอราคา)

    ใช้สำหรับระบุรายละเอียดของสินค้าพร้อมข้อมูลข้อเสนอขาย (Offer)

    • ชื่อสินค้า (Product Name): ข้อความระบุชื่อสินค้า (จำเป็นต้องระบุ)
    • คำอธิบาย (Description): รายละเอียดของสินค้า (ไม่บังคับ)
    • URL ของรูปภาพ (Image URL): ที่อยู่รูปภาพที่สมบูรณ์ซึ่งขึ้นต้นด้วย http:// หรือ https:// (ไม่บังคับ)
    • แบรนด์ (Brand): ยี่ห้อหรือแบรนด์ของสินค้า (ไม่บังคับ)
    • SKU: รหัสสินค้าสำหรับอ้างอิง (ไม่บังคับ)
    • ราคา: ตัวเลขที่ไม่เป็นค่าลบ โดยใช้ตัวเลขและจุดทศนิยม (ถ้ามี)
    • รหัสสกุลเงิน (Currency): รหัสสกุลเงินแบบสามตัวอักษร เช่น USD, EUR หรือ THB
    • สถานะการมีสินค้า: ตัวเลือกสถานะของสินค้า
    • URL ของสินค้า (Product URL): ที่อยู่ลิงก์ของสินค้าที่สมบูรณ์ซึ่งขึ้นต้นด้วย http:// หรือ https:// (ไม่บังคับ)

    3. How-to (ขั้นตอนวิธีทำ)

    ใช้สำหรับอธิบายขั้นตอนการปฏิบัติงานหรือคู่มือการทำกิจกรรมต่างๆ

    • ชื่อหัวข้อวิธีทำ (How-to Title): หัวข้อหลักของวิธีทำ (จำเป็นต้องระบุ)
    • เวลาทั้งหมดเป็นนาที (Total Minutes): จำนวนเต็มตั้งแต่ 1 ถึง 100,000 นาที (ไม่บังคับ)
    • วัสดุอุปกรณ์ที่ต้องใช้ (Supplies): รายการวัสดุอุปกรณ์ โดยระบุหนึ่งรายการต่อหนึ่งบรรทัด (ไม่บังคับ)
    • เครื่องมือ (Tools): รายการเครื่องมือที่ต้องใช้ โดยระบุหนึ่งรายการต่อหนึ่งบรรทัด (ไม่บังคับ)
    • ชื่อขั้นตอน (Step Title): ชื่อของขั้นตอนย่อย (ไม่บังคับ)
    • คำแนะนำขั้นตอน (Step Instructions): รายละเอียดวิธีปฏิบัติในขั้นตอนนั้นๆ

    กฎเกณฑ์และการตรวจสอบความถูกต้องของข้อมูล

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

    • การละเว้นฟิลด์ทางเลือก: ฟิลด์ที่ไม่บังคับซึ่งถูกเว้นว่างไว้จะไม่ถูกนำไปใส่ในโค้ดสุดท้าย
    • การแสดงผลโค้ด: สคริปต์ที่สมบูรณ์จะแสดงขึ้นเมื่อฟิลด์ที่จำเป็นทั้งหมดได้รับการกรอกอย่างถูกต้องเท่านั้น
    • ข้อจำกัดของระบบ: หากข้อมูลยาวเกินไป ระบบจะแสดงข้อความแจ้งเตือน เช่น "ฟิลด์ {field} มีความยาวเกินไปสำหรับเครื่องมือนี้ โปรดรักษาความยาวให้ต่ำกว่า {max} ตัวอักษรครับ" หรือหากเพิ่มรายการมากเกินไปจะแสดง "เครื่องมือนี้รองรับรายการได้สูงสุดครั้งละ {max} รายการ"

    รายการข้อผิดพลาดที่อาจเกิดขึ้น:

    • FAQ:
      • "กรุณาเพิ่มคำถามและคำตอบที่สมบูรณ์อย่างน้อยหนึ่งรายการ"
      • "รายการที่ {index} จำเป็นต้องระบุคำถาม"
      • "รายการที่ {index} จำเป็นต้องระบุคำตอบ"
    • Product:
      • "กรุณาเพิ่มชื่อสินค้า"
      • "กรุณาเพิ่มราคาเสนอขาย"
      • "โปรดระบุราคาที่ไม่เป็นค่าลบ โดยใช้ตัวเลขและจุดทศนิยม (ถ้ามี)"
      • "โปรดใช้รหัสสกุลเงินแบบสามตัวอักษร เช่น USD, EUR หรือ THB"
      • "URL ของสินค้าต้องเป็นที่อยู่ที่สมบูรณ์ซึ่งขึ้นต้นด้วย http:// หรือ https://"
      • "URL ของรูปภาพต้องเป็นที่อยู่ที่สมบูรณ์ซึ่งขึ้นต้นด้วย http:// หรือ https://"
    • How-to:
      • "กรุณาเพิ่มชื่อหัวข้อวิธีทำ"
      • "กรุณาเพิ่มขั้นตอนที่สมบูรณ์อย่างน้อยหนึ่งขั้นตอน"
      • "รายการที่ {index} จำเป็นต้องระบุคำแนะนำขั้นตอน"
      • "เวลาทั้งหมดต้องเป็นจำนวนเต็มตั้งแต่ 1 ถึง 100,000 นาที"

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

    ถาม: ฉันสามารถสร้าง Schema ประเภทใดได้บ้าง?
    ตอบ: แบบฟอร์มแนะนำของเราครอบคลุม FAQPage, Product (พร้อม Offer) และ HowTo (พร้อมขั้นตอน อุปกรณ์ และเครื่องมือ) โดยฟิลด์ที่ไม่บังคับซึ่งถูกเว้นว่างไว้จะไม่ถูกนำไปใส่ในโค้ดสุดท้ายครับ

    ถาม: ฉันควรนำ JSON-LD ที่สร้างขึ้นไปวางไว้ที่ใด?
    ตอบ: ให้วางสคริปต์ที่สมบูรณ์ลงในส่วน <head> หรือ <body> ของหน้าเว็บที่มีเนื้อหาตรงกับข้อมูลที่ระบุ ทั้งนี้โปรดตรวจสอบให้แน่ใจว่าข้อมูลในมาร์กอัปตรงกับเนื้อหาจริงที่ผู้เข้าชมสามารถมองเห็นได้บนหน้าเว็บครับ

    ถาม: มาร์กอัปที่ถูกต้องจะรับประกันการแสดงผลการค้นหาแบบริช (rich result) หรือไม่?
    ตอบ: ไม่เสมอไปครับ มาร์กอัป schema.org ที่ถูกต้องจะช่วยให้ระบบต่างๆ เข้าใจโครงสร้างหน้าเว็บได้ดีขึ้น แต่ไม่มีการรับประกันว่าจะแสดงผลการค้นหาแบบพิเศษเสมอไป ปัจจุบัน Google ไม่แสดงผลการค้นหาแบบริช (rich results) สำหรับ FAQ หรือ HowTo แล้วครับ