How-To Schema Generator

สร้างโครงสร้างข้อมูลแบบเป็นขั้นตอน (Step-by-step) เอาใจ AI และ Search Engine แบบง่ายๆ

1

ข้อมูลเบื้องต้น

2

สิ่งที่ต้องเตรียม

3

ขั้นตอนการทำ (Steps)

1
2
HowTo_Schema.html
1<script type="application/ld+json">
2{
3 "@context": "https://schema.org",
4 "@type": "HowTo",
5 "name": "วิธีผูกเชือกรองเท้าแบบนักวิ่ง",
6 "description": "เรียนรู้วิธีผูกเชือกรองเท้าเพื่อป้องกันอาการบาดเจ็บและเพิ่มความกระชับขณะวิ่ง ด้วยเทคนิค Heel Lock",
7 "image": "https://example.com/images/shoe-lace.jpg",
8 "totalTime": "PT5M",
9 "supply": [
10 {
11 "@type": "HowToSupply",
12 "name": "เชือกรองเท้า"
13 }
14 ],
15 "tool": [
16 {
17 "@type": "HowToTool",
18 "name": "รองเท้าวิ่ง"
19 }
20 ],
21 "step": [
22 {
23 "@type": "HowToStep",
24 "text": "นำปลายเชือกร้อยเข้าหาตัวผ่านรูบนสุดของรองเท้าทั้งสองข้าง เพื่อสร้างห่วง",
25 "name": "ร้อยเชือกรูสุดท้าย",
26 "url": "https://example.com/step1",
27 "image": "https://example.com/images/step1.jpg"
28 },
29 {
30 "@type": "HowToStep",
31 "text": "นำปลายเชือกด้านซ้ายสอดเข้าห่วงด้านขวา และปลายเชือกขวาสอดเข้าห่วงซ้าย",
32 "name": "สอดเชือกสลับด้าน",
33 "url": "https://example.com/step2"
34 }
35 ]
36}
37</script>

นำโค้ดที่คัดลอก ไปวางแนบไว้ในส่วน <head> หรือ <body> ของบทความได้เลย

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

Q: How-To Schema คืออะไร?

A:

How-To Schema คือชุดข้อมูลทางโครงสร้าง (Structured Data) ที่ช่วยชี้แจงให้ Search Engine และ AI เข้าใจว่าคอนเทนต์หน้านี้คือ 'การสอนทำอะไรบางอย่างแบบเป็นขั้นตอน' ซึ่งจะช่วยให้หน้าเว็บมีโอกาสแสดงผลแบบ Rich Snippet โชว์เป็นข้อๆ ได้บน Google Search

Q: จำเป็นต้องใส่ภาพประกอบทุกขั้นตอนไหม?

A:

ไม่จำเป็น แต่การใส่ภาพประกอบหรือ URL ในแต่ละ Step จะทำให้โครงสร้างข้อมูลสมบูรณ์ยิ่งขึ้น และเพิ่มโอกาสสในการแสดงผลลัพธ์การค้นหาที่โดดเด่นมากกว่าปกติ