<!-- Markdown copy of https://www.blogkub.com/learn/proscons -->
<!-- title: วิธีทำกล่อง Pros/Cons + คะแนนรีวิว (Verdict) ในบทความ Blogger 2026 -->
<!-- lang: th -->

# วิธีทำกล่อง Pros/Cons + คะแนนรีวิว (Verdict) ในบทความ Blogger

บทความรีวิวที่ดีต้องมีจุดที่ผู้อ่านมองปุ๊บก็เห็นภาพรวม กล่องข้อดี-ข้อเสียและกล่องสรุปคะแนนคือหัวใจนั้น บทความนี้สอนวิธีเพิ่มกล่อง Pros/Cons และ Verdict ในธีม Blogger ด้วย BlogKub ที่จัดสองคอลัมน์พร้อมไอคอนและดาวให้อัตโนมัติ เหมาะกับบล็อกรีวิวทุกแนว พร้อมวิธีใช้และแก้ปัญหา

*อัปเดต 16 กรกฎาคม 2026 · อ่านประมาณ 9 นาที · ระดับ: เริ่มต้น*

> **สรุปสั้น:** เพิ่มบล็อก **Pros/Cons + คะแนนรีวิว** ใน BlogKub แล้ว Export XML ไปอัปโหลด Blogger จากนั้นในโพสต์ (มุมมอง HTML) วาง `<div class="bk-pc">` สำหรับข้อดี (bk-pros) และข้อเสีย (bk-cons) และ `<div class="bk-verdict">` สำหรับคะแนนสรุปพร้อมดาว ระบบจัดสองคอลัมน์ ไอคอนถูก/ผิด และปรับเป็นคอลัมน์เดียวบนมือถือให้อัตโนมัติ

![กล่องข้อดี (เขียว) ข้อเสีย (แดง) และกล่องคะแนนรีวิว 4.5 พร้อมดาว ในบทความรีวิว Blogger](https://www.blogkub.com/learn/images/proscons.png)

*กล่องข้อดี-ข้อเสียสองคอลัมน์พร้อมไอคอนถูก/ผิด และกล่องสรุปคะแนนพร้อมดาว เหมาะกับบทความรีวิว*

## ทำไมบทความรีวิวถึงต้องมีกล่องสรุป

**ผู้อ่านบทความรีวิวส่วนใหญ่กำลัง “ตัดสินใจ” ไม่ใช่แค่หาความรู้** เขาอยากรู้เร็ว ๆ ว่าสินค้าดีตรงไหน แย่ตรงไหน และสุดท้ายควรซื้อหรือไม่ พฤติกรรมที่พบบ่อยคือเลื่อนหากล่องสรุปหรือคะแนนก่อนอ่านรายละเอียดทั้งหมด กล่อง Pros/Cons และ Verdict จึงตอบโจทย์นี้โดยตรง มันสรุปสาระสำคัญให้เห็นในพริบตา

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

## องค์ประกอบสองส่วน: Pros/Cons และ Verdict

ฟีเจอร์นี้ให้กล่องสองชนิดที่ทำงานร่วมกันในบทความรีวิว

### กล่องข้อดี-ข้อเสีย (Pros/Cons)

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

### กล่องสรุปคะแนน (Verdict)

เป็นกล่องแนวนอนที่แสดงคะแนนตัวเลขขนาดใหญ่ทางซ้าย (เช่น 4.5) พร้อมหัวข้อสรุป (เช่น “ดีเยี่ยม”) แถวดาวสีทอง และคำสรุปสั้น ๆ เกี่ยวกับสินค้า กล่องนี้เหมาะวางเป็นบทสรุปท้ายรีวิว ให้ผู้อ่านได้คำตัดสินสุดท้ายอย่างชัดเจน

เคล็ดลับ: วางกล่อง Pros/Cons ก่อน แล้วตามด้วยกล่อง Verdict เพื่อให้ผู้อ่านเห็นข้อดีข้อเสียก่อน แล้วจึงรับคำตัดสินสรุป เป็นลำดับที่เป็นธรรมชาติของการอ่านรีวิว

## วิธีเพิ่มและใช้กล่อง Pros/Cons + Verdict ทีละขั้น

1. **เพิ่มบล็อก Pros/Cons** เปิดคลังบล็อกด้านซ้าย หมวด “บทความ & UX” แล้วลากบล็อก “Pros/Cons + คะแนนรีวิว” เข้ามา เพื่อฝังสไตล์กล่องรีวิวในธีม
2. **Export XML และอัปโหลด** กด Export แล้วนำไฟล์ไปที่ blogger.com → ธีม → เมนูสามจุด → กู้คืน/สำรอง → เลือกไฟล์ XML
3. **วางกล่องในโพสต์รีวิว** ในมุมมอง HTML วางกล่องข้อดี-ข้อเสียด้วย `<div class="bk-pc">` ที่มี `<div class="bk-pros">` และ `<div class="bk-cons">` ข้างใน แต่ละกล่องใส่หัวข้อและรายการ ul/li และวางกล่องคะแนนด้วย `<div class="bk-verdict">`
4. **ตรวจการแสดงผล** เปิดบทความจริงเพื่อยืนยันว่ากล่องข้อดี (เขียว) ข้อเสีย (แดง) มีไอคอนถูก/ผิด และกล่องคะแนนพร้อมดาวแสดงถูกต้องทั้งบนเดสก์ท็อปและมือถือ

## การออกแบบที่ช่วยการเปรียบเทียบ

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

ไอคอนถูก/ผิดในกล่องเป็น SVG ที่ฝังในสไตล์ของธีม ไม่ใช่รูปโหลด จึงแสดงคมชัดทุกความละเอียดและไม่กระทบความเร็ว เช่นเดียวกับ[กล่อง Callout](https://www.blogkub.com/learn/callout) ที่ใช้แนวทางเดียวกัน ทำให้ทั้งเว็บของคุณมีสไตล์องค์ประกอบที่สอดคล้องและเบา

## กล่องคะแนนกับความชัดเจนของคำตัดสิน

คะแนนตัวเลขขนาดใหญ่ในกล่อง Verdict ทำหน้าที่เป็น “จุดพักสายตา” ที่ให้คำตอบเร็วที่สุดในบทความ ผู้อ่านที่รีบอาจดูแค่คะแนนกับดาวก็ตัดสินใจได้ ส่วนผู้อ่านที่ละเอียดจะอ่านคำสรุปประกอบเพื่อเข้าใจเหตุผล การมีทั้งตัวเลข ดาว และคำอธิบายในกล่องเดียวจึงรองรับผู้อ่านทั้งสองแบบ

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

## เรื่อง Schema: ทำอย่างถูกต้อง

หลายคนอยากให้รีวิวมีดาวแสดงในผลการค้นหา Google ซึ่งต้องใช้ Review/Rating schema กล่อง Pros/Cons และ Verdict ของ BlogKub เน้นการ **จัดรูปแบบเนื้อหาให้อ่านง่ายและสวยงาม** เป็นหลัก หากคุณต้องการ schema รีวิวแบบเต็ม แนะนำให้ใช้เทมเพลตรีวิวของ BlogKub ที่ออกแบบมาเพื่อการนี้ หรือเพิ่ม schema ในโพสต์ตามข้อมูลจริง

ข้อควรระวังสำคัญคือ Google มีนโยบายเข้มงวดเรื่อง Review schema ควรใส่เฉพาะเมื่อเป็นรีวิวจริงของคุณเองและตรงกับเนื้อหาที่แสดง การใส่ schema คะแนนที่ไม่ตรงกับเนื้อหาอาจถูกมองว่าละเมิดแนวทางและส่งผลเสียมากกว่าดี ความถูกต้องและความจริงใจจึงมาก่อนเสมอ เมื่อทำถูกต้อง ประสบการณ์ผู้อ่านที่ดีจากกล่องเหล่านี้ก็ส่งผลบวกต่อ[การถูกดึงไปตอบใน AI และ Google](https://www.blogkub.com/learn/aeo)อยู่แล้ว

## ตัวอย่างการใช้ในบล็อกรีวิวแต่ละแนว

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

ไม่ว่ารีวิวอะไร โครงสร้าง “ข้อดี-ข้อเสีย-คำตัดสิน” เป็นสูตรที่ผู้อ่านคุ้นเคยและคาดหวัง กล่องเหล่านี้ช่วยให้คุณนำเสนอสูตรนี้ได้อย่างสวยงามและสม่ำเสมอทุกบทความ

## ความสมดุลคือหัวใจของรีวิวที่น่าเชื่อถือ

สิ่งที่แยกรีวิวที่คนไว้ใจออกจากรีวิวที่ดูเหมือนโฆษณาคือ “ความสมดุล” รีวิวที่มีแต่ข้อดีเต็มไปหมดโดยไม่มีข้อเสียเลย มักทำให้ผู้อ่านสงสัยว่าจริงใจแค่ไหน กล่อง Pros/Cons บังคับให้คุณคิดถึงทั้งสองด้านอย่างเป็นระบบ ซึ่งเป็นนิสัยที่ดีของนักรีวิว การกล้าบอกข้อเสียตามจริง แม้เพียงเล็กน้อย กลับเพิ่มความน่าเชื่อถือ เพราะมันแสดงว่าคุณประเมินอย่างเป็นกลาง

ในระยะยาว ความจริงใจนี้คือสิ่งที่สร้างฐานผู้อ่านที่ภักดี ผู้อ่านที่รู้สึกว่ารีวิวของคุณช่วยเขาตัดสินใจได้จริง ไม่ใช่แค่เชียร์ให้ซื้อ จะกลับมาอ่านรีวิวชิ้นต่อไปและบอกต่อ กล่อง Pros/Cons จึงไม่ใช่แค่องค์ประกอบด้านหน้าตา แต่เป็นเครื่องมือที่ส่งเสริมการเขียนรีวิวอย่างมีจรรยาบรรณ ซึ่งเป็นรากฐานของบล็อกรีวิวที่เติบโตอย่างยั่งยืน

## ปัญหาที่พบบ่อยและวิธีแก้

### กล่องไม่มีสีหรือไอคอน

ตรวจว่าเพิ่มบล็อก Pros/Cons และ Export ใหม่แล้ว และใช้ชื่อคลาสถูกต้อง (bk-pc, bk-pros, bk-cons, bk-verdict) เขียนในมุมมอง HTML ของโพสต์

### สองคอลัมน์ไม่เรียงข้างกัน

ตรวจว่ากล่อง bk-pros และ bk-cons อยู่ภายใน bk-pc เดียวกัน บนมือถือกล่องจะเรียงเป็นคอลัมน์เดียวโดยตั้งใจเพื่อให้อ่านง่าย ซึ่งเป็นพฤติกรรมปกติ

### ดาวหรือคะแนนไม่แสดง

คะแนน ดาว และคำสรุปเป็นข้อความที่คุณเขียนในกล่อง bk-verdict ตรวจว่าใส่โครงสร้างครบตามตัวอย่าง และไม่มีแท็กจัดรูปแบบแปลกปนจากมุมมองเขียน

## แนวทางปฏิบัติที่ดี (Best Practices)

- วางกล่อง Pros/Cons ก่อน แล้วตามด้วยกล่อง Verdict เพื่อลำดับการอ่านที่เป็นธรรมชาติ
- ให้คะแนนสอดคล้องกับข้อดีข้อเสียที่นำเสนอ เพื่อรักษาความน่าเชื่อถือ
- เขียนข้อดีข้อเสียให้กระชับ เป็นข้อ ๆ เพื่อให้สแกนง่าย
- ใส่ Review schema เฉพาะเมื่อเป็นรีวิวจริงและตรงเนื้อหา ตามแนวทางของ Google
- จับคู่กับ[กล่อง Callout](https://www.blogkub.com/learn/callout)และ[กล่อง FAQ](https://www.blogkub.com/learn/faq)เพื่อให้บทความรีวิวครบเครื่องและอ่านง่าย

## สรุป

กล่อง Pros/Cons และ Verdict เป็นองค์ประกอบสำคัญที่ทำให้บทความรีวิวของคุณตอบโจทย์ผู้อ่านที่กำลังตัดสินใจ ด้วย BlogKub คุณเพียงเพิ่มบล็อกแล้ว Export ไปใช้ จากนั้นวางกล่องด้วยคลาส bk-pc สำหรับข้อดี-ข้อเสีย และ bk-verdict สำหรับคะแนนสรุป ระบบจัดสองคอลัมน์ เติมไอคอนถูก/ผิด แสดงคะแนนและดาว และปรับเป็นคอลัมน์เดียวบนมือถือให้อัตโนมัติ เมื่อนำเสนออย่างจริงใจและสอดคล้องกับเนื้อหา กล่องเหล่านี้จะช่วยให้รีวิวของคุณดูมืออาชีพ น่าเชื่อถือ และช่วยผู้อ่านตัดสินใจได้อย่างมั่นใจ

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

**กล่อง Pros/Cons ใช้อย่างไร?**

ในโพสต์มุมมอง HTML วาง <div class='bk-pc'> ที่มีสองกล่องย่อยข้างใน กล่องข้อดี (bk-pros) และกล่องข้อเสีย (bk-cons) แต่ละกล่องใส่รายการเป็น ul/li ระบบจะเติมไอคอนถูก/ผิดและจัดสองคอลัมน์ให้อัตโนมัติ

**กล่องคะแนนรีวิว (Verdict) มีอะไรบ้าง?**

กล่อง Verdict แสดงคะแนนตัวเลขขนาดใหญ่ หัวข้อสรุป (เช่น ดีเยี่ยม) แถวดาว และคำสรุปสั้น ๆ เกี่ยวกับสินค้า วางด้วย <div class='bk-verdict'> เหมาะเป็นบทสรุปท้ายรีวิว

**กล่องรีวิวปรับเป็นคอลัมน์เดียวบนมือถือไหม?**

ปรับ บนหน้าจอเล็ก กล่องข้อดี-ข้อเสียจะเรียงเป็นคอลัมน์เดียวโดยอัตโนมัติเพื่อให้อ่านง่าย ไม่บีบจนแคบเกินไป

**กล่องนี้สร้าง Review schema ให้อัตโนมัติไหม?**

กล่อง Pros/Cons และ Verdict เป็นการจัดรูปแบบเนื้อหาให้อ่านง่ายและสวยงาม หากต้องการ Review/Rating schema แบบเต็ม แนะนำให้ใช้เทมเพลตรีวิวของ BlogKub หรือเพิ่ม schema ในโพสต์ตามข้อมูลจริงเพื่อความถูกต้อง

**กล่อง Pros/Cons ช่วยเรื่องอะไรในบทความรีวิว?**

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

---

*บทความนี้เป็นส่วนหนึ่งของ [คู่มือฟีเจอร์ BlogKub](https://www.blogkub.com/learn/) · คู่มือทีละฟีเจอร์ พร้อมวิธีตั้งค่า ตัวเลือก และปัญหาที่พบบ่อย*

> เขียนโดย
>
> ภัทร์พิศาล ดาทอง · เบน
>
> ผู้ก่อตั้ง BlogKub และบล็อกเกอร์สาย Blogger ที่อยากให้คนไทยมีบล็อกสวยได้เองโดยไม่ต้องเขียนโค้ด รวบรวมประสบการณ์ทำธีมและ SEO บน Blogger มาเรียบเรียงเป็นคู่มือชุดนี้
>
> [Facebook](https://www.facebook.com/patpisan)[Pantip · LuMoo](https://pantip.com/profile/2448725)
