วิธีเพิ่มบทความที่เกี่ยวข้องใน WordPress ด้วย Plugin ฟรี

หนึ่งในกลยุทธ์ที่ช่วยเพิ่มเวลาบนเว็บไซต์และลด Bounce Rate ได้อย่างมีประสิทธิภาพที่สุดคือการแสดง บทความที่เกี่ยวข้อง (Related Posts) ท้ายบทความแต่ละชิ้น เมื่อผู้อ่านอ่านบทความจบแล้วเห็นหัวข้อที่น่าสนใจต่อ พวกเขาก็มีแนวโน้มที่จะคลิกอ่านต่อแทนที่จะปิดเว็บไซต์ทันที

ในบทความนี้เราจะพาคุณตั้งค่า Related Posts บน WordPress ทีละขั้นตอน โดยใช้ Plugin ฟรีที่ไม่ต้องเขียนโค้ดเลยสักตัว เหมาะสำหรับผู้เริ่มต้นทุกคน

ทำไม Related Posts ถึงสำคัญ?

ก่อนที่จะลงมือติดตั้ง มาทำความเข้าใจก่อนว่าฟีเจอร์นี้มีประโยชน์อย่างไรบ้าง:

• ลด Bounce Rate — ผู้เยี่ยมชมอยู่บนเว็บนานขึ้น ไม่ออกทันทีหลังอ่านบทความแรก
• เพิ่ม Pageview — หน้าที่ถูกเปิดต่อ Session มากขึ้น ช่วย SEO โดยรวม
• ปรับปรุง UX — ผู้อ่านพบเนื้อหาที่ต้องการได้ง่ายขึ้น
• เพิ่มรายได้โฆษณา — Pageview มากขึ้น = impression มากขึ้น = รายได้ AdSense มากขึ้น
• Internal Linking อัตโนมัติ — ช่วยให้ Google Crawler ค้นพบบทความอื่นๆ ได้ง่ายขึ้น

Plugin Related Posts ที่แนะนำ

มี Plugin หลายตัวที่ใช้งานได้ดีและฟรี แต่ละตัวมีจุดเด่นต่างกัน:

1. YARPP — Yet Another Related Posts Plugin

Plugin ยอดนิยมที่มีผู้ใช้งานมากกว่า 300,000 เว็บไซต์ ใช้ Algorithm วิเคราะห์ความเกี่ยวข้องจาก Title, Content, Tags และ Categories ผลลัพธ์แม่นยำกว่า Plugin อื่นๆ

2. Contextual Related Posts

ดึง Related Posts โดยวิเคราะห์เนื้อหาจริงๆ รองรับ Thumbnail รูปภาพ และ Cache เพื่อความเร็ว เหมาะกับบล็อกที่มีบทความจำนวนมาก

3. Related Posts by Taxonomy

เน้นความเกี่ยวข้องโดยใช้ Tags และ Categories เป็นหลัก เบาและรวดเร็ว เหมาะสำหรับเว็บที่จัดหมวดหมู่บทความดีอยู่แล้ว

ติดตั้ง YARPP ทีละขั้นตอน

ในคู่มือนี้เราจะใช้ YARPP เนื่องจากมีความแม่นยำสูงและตั้งค่าง่าย:

1. เข้าสู่ WordPress Dashboard แล้วไปที่ Plugins → Add New Plugin
2. พิมพ์ YARPP ในช่องค้นหา
3. คลิก Install Now ที่ Plugin ชื่อ "Yet Another Related Posts Plugin (YARPP)"
4. รอให้ติดตั้งเสร็จ แล้วคลิก Activate
5. ไปที่ Settings → Related Posts (YARPP) เพื่อตั้งค่า

ตั้งค่า YARPP ให้แสดงผลสวยงาม

หลังจาก Activate แล้ว ไปที่ Settings → Related Posts (YARPP) แล้วปรับค่าดังนี้:

ส่วน "Relatedness"

• Consider titles — เปิดไว้ (ช่วยหาบทความที่มี Keyword ใน Title ใกล้เคียงกัน)
• Consider bodies — เปิดไว้ (วิเคราะห์เนื้อหาภายในบทความ)
• Consider tags — เปิดไว้ (Tags เดียวกัน = เกี่ยวข้องกัน)
• Consider categories — เปิดไว้ (Category เดียวกัน = เกี่ยวข้องกัน)
• Match threshold — ตั้งไว้ที่ 5 (ยิ่งสูงยิ่งเข้มงวด แต่บทความเกี่ยวข้องน้อยลง)

ส่วน "The Pool"

• เลือก Posts ให้ระบบดึงจากบทความทั้งหมด
• สามารถกรอง Age ได้ เช่น แสดงเฉพาะบทความที่เขียนใน 2 ปีที่ผ่านมา

ส่วน "Display options for your website"

• Maximum number of related posts — แนะนำ 4–5 บทความ
• Template — เลือก thumbnails เพื่อแสดงรูป Thumbnail สวยงาม
• Before/After related entries — ใส่ Header เช่น <h3>บทความที่เกี่ยวข้อง</h3>

แสดง Related Posts ด้วย Shortcode

YARPP รองรับ Shortcode ที่คุณสามารถวางในบทความหรือ Widget ได้ทันที:

[yarpp limit="5" template="thumbnails"]

พารามิเตอร์ที่ใช้บ่อย:

• limit — จำนวนบทความที่แสดง (ค่าเริ่มต้น: 5)
• template — รูปแบบการแสดงผล: thumbnails, list
• weight[title] — น้ำหนักที่ให้กับ Title (1–10)
• weight[body] — น้ำหนักที่ให้กับเนื้อหา (1–10)
• weight[tags] — น้ำหนักที่ให้กับ Tags (1–10)
• weight[categories] — น้ำหนักที่ให้กับ Categories (1–10)

ตัวอย่างการใช้ Shortcode แสดงบทความที่เน้น Tags มากกว่า:

[yarpp limit="4" template="thumbnails" weight[tags]="5" weight[categories]="3"]

ปรับแต่งสไตล์ด้วย CSS

หากต้องการปรับรูปลักษณ์ของ Related Posts ให้เข้ากับธีมของคุณ ไปที่ Appearance → Customize → Additional CSS แล้วเพิ่ม CSS ดังนี้:

/* ปรับ Grid Related Posts */
.yarpp-related .yarpp-thumbnails-horizontal {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}

/* ปรับขนาด Thumbnail */
.yarpp-related .yarpp-thumbnail img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 8px;
}

/* ปรับสี Header */
.yarpp-related h3 {
  color: #15803d;
  font-size: 1.3rem;
  border-bottom: 2px solid #16a34a;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

/* ปรับสีชื่อบทความ */
.yarpp-related .yarpp-thumbnail a {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
}

.yarpp-related .yarpp-thumbnail a:hover {
  color: #15803d;
}

ตรวจสอบว่า Related Posts ทำงานถูกต้อง

หลังตั้งค่าเสร็จ ให้ทดสอบด้วยวิธีต่อไปนี้:

# 1. เปิดบทความที่มีเนื้อหาชัดเจน (ไม่ใช่ Draft)
#    แล้วเลื่อนลงมาด้านล่าง — ควรเห็น Related Posts Section

# 2. ตรวจสอบว่าบทความที่แสดงเกี่ยวข้องกันจริงๆ
#    (Tags/Categories เดียวกัน หรือ Keyword ใกล้เคียง)

# 3. คลิกลิงก์ Related Posts เพื่อยืนยันว่า URL ถูกต้อง

# 4. ทดสอบบน Mobile — ตรวจสอบว่า Layout ไม่แตก

# 5. ตรวจสอบ Page Speed ใน Google PageSpeed Insights
#    https://pagespeed.web.dev/
#    ควรไม่ช้าลงเกิน 0.5 วินาที

แก้ปัญหาที่พบบ่อย

Error: "Related Posts ไม่แสดงบทความใดเลย"

สาเหตุ: Match Threshold ตั้งสูงเกินไป บทความไม่มี Tags/Categories ร่วมกัน

วิธีแก้: ไปที่ Settings → Related Posts (YARPP) แล้วลด Match Threshold ลงเป็น 3 หรือ 2 จากนั้น Save แล้วทดสอบใหม่ นอกจากนี้ควรตรวจสอบว่าบทความมี Tags และ Categories ที่ตั้งไว้อย่างถูกต้อง

Error: "Related Posts แสดงซ้ำกันทุกบทความ"

สาเหตุ: บทความในเว็บน้อยเกินไป หรือทุกบทความอยู่ใน Category เดียวกัน

วิธีแก้: เพิ่มจำนวนบทความในเว็บ แบ่ง Category ให้ละเอียดขึ้น หรือเพิ่ม Tags ที่หลากหลายให้แต่ละบทความ YARPP ต้องการ Pool บทความที่มีความหลากหลายเพียงพอ

Error: "Related Posts ทำให้เว็บช้าลง"

สาเหตุ: YARPP คำนวณ Algorithm ทุกครั้งที่โหลดหน้า ไม่ได้ใช้ Cache

วิธีแก้: เปิดใช้ Cache Plugin เช่น W3 Total Cache หรือ WP Rocket เพื่อให้ผลลัพธ์ Related Posts ถูก Cache ไว้ หรือใช้ Plugin "Contextual Related Posts" ซึ่งมีระบบ Cache ในตัว

Error: "Related Posts ไม่แสดงรูป Thumbnail"

สาเหตุ: บทความไม่ได้ตั้ง Featured Image หรือ Theme ไม่รองรับ Thumbnail

วิธีแก้: ตรวจสอบว่าทุกบทความมี Featured Image ตั้งไว้ ไปที่บทความ → แก้ไข → Featured Image → ตั้งรูป นอกจากนี้ตรวจสอบใน Settings ของ YARPP ว่าเลือก Template เป็น "thumbnails" แล้ว

Error: "Related Posts แสดงบทความที่ไม่ควรแสดง (Draft หรือ Private)"

สาเหตุ: การตั้งค่า Pool รวมสถานะที่ไม่พึงประสงค์

วิธีแก้: ใน YARPP Settings ให้ตรวจสอบส่วน "The Pool" และเลือกเฉพาะ Published Posts เท่านั้น หรืออัปเดต YARPP เป็น Version ล่าสุด

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

Q: YARPP กับ Contextual Related Posts ต่างกันอย่างไร?

A: YARPP วิเคราะห์ความเกี่ยวข้องจากทั้ง Title, Body, Tags และ Categories ทำให้แม่นยำกว่า แต่ใช้ Resource มากกว่า Contextual Related Posts เน้น Cache และความเร็ว เหมาะกับเว็บที่มีบทความจำนวนมากและต้องการ Performance ดี

Q: Related Posts ส่งผลต่อ SEO อย่างไร?

A: ส่งผลดีต่อ SEO อย่างชัดเจน เพราะช่วยสร้าง Internal Link อัตโนมัติ ทำให้ Google Crawler ค้นพบบทความอื่นๆ ได้ง่ายขึ้น รวมถึงลด Bounce Rate และเพิ่ม Time on Site ซึ่งเป็นสัญญาณ SEO ที่ดี

Q: ใช้ Related Posts กับ WooCommerce Product ได้ไหม?

A: ได้ YARPP รองรับ Custom Post Type รวมถึง WooCommerce Product อยู่แล้ว ไปที่ Settings → Related Posts (YARPP) แล้วเลือก Products ใน Post Types ที่ต้องการแสดง Related Posts