เวลาสินค้าหมดชั่วคราว ให้คง URL เดิมไว้ (200) ระบุสถานะชัดเจน, เปิดแจ้งเตือนเมื่อมีของ, เสนอสินค้าที่ใกล้เคียง, และใส่ Product structured data เป็น OutOfStock/BackOrder/PreOrder พร้อมอัปเดต sitemap และตรวจ Soft 404 ใน Search Console. หากหยุดขายถาวร 301 ไปตัวทดแทนหรือ 404/410.

How-To: จัดการ “สินค้า Out of Stock” โดยไม่เสีย SEO/รายได้

คู่มือนี้ช่วยทีมอีคอมเมิร์ซและ SEO ตัดสินใจอย่างถูกต้องเมื่อ “สินค้าไม่พร้อมจำหน่าย” โดยยึดแนวทาง Google และ schema.org พร้อมโค้ดตัวอย่าง/เช็กลิสต์ทำงานไว ใช้ได้ทั้งชั่วคราว, สั่งจองล่วงหน้า, รับ Backorder, เลิกขาย และมีรุ่นทดแทน

ตารางตัดสินใจ: หมดชั่วคราว vs เลิกขาย vs มีรุ่นทดแทน

แนวทางตามเอกสารทางการ (ย่อ)

• โครงอีคอมเมิร์ซ: Google แนะนำให้วางโครงสินค้า/ข้อมูลสำหรับ Search ตั้งแต่แรกและใช้ structured data บนหน้า Product เพื่อให้โชว์ราคา/สถานะ/การคืนสินค้าได้ครบ (Merchant listing / Product snippet)
• Availability: ใช้ค่า InStock, OutOfStock, PreOrder, BackOrder, Discontinued จาก schema.org ItemAvailability ใน Offer.availability ให้ตรงความจริง
• Soft 404: หน้า “ไม่มีสินค้าแล้ว” ที่ยังส่ง 200 อาจถูกจัดเป็น Soft 404—กรณีเลิกขายถาวรควร 404/410 หรือ 301 ไปทางเลือกที่เหมาะสม
• Canonical/Redirect: ระวังไม่ใช้ rel=canonical เพื่อแทนที่เนื้อหาคนละหน้ากัน—ถ้ามีรุ่นใหม่แทนที่ ควรใช้ 301

โค้ดตัวอย่าง: Product JSON-LD เมื่อ “หมดชั่วคราว”

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"Product",
  "name":"VX-Headphones X1",
  "image":["https://www.example.com/images/x1-16x9.jpg"],
  "sku":"VX-X1-BLK",
  "brand":{"@type":"Brand","name":"VisionX"},
  "offers":{
    "@type":"Offer",
    "url":"https://www.example.com/product/vx-headphones-x1",
    "priceCurrency":"THB",
    "price":"3990",
    "availability":"https://schema.org/OutOfStock"
  }
}
</script>

เช็กลิสต์ทำงานไว (ตามสถานการณ์)

หมวด/หน้ารวม: โชว์ “ของหมด” อย่างไรให้ไม่เสีย UX/SEO

• ให้กรอง “แสดงเฉพาะสินค้าที่พร้อมส่ง” ได้ และดันสินค้าที่มีของขึ้นก่อน
• ภาพ/ป้าย “สินค้าหมด” ชัดเจน แต่ยังเห็นรายละเอียดเพื่อเปรียบเทียบ และลิงก์ไปสินค้าใกล้เคียง
• อย่าสร้างหน้าหมวดว่างเปล่า (เสี่ยง Soft 404) — แสดงคำแนะนำ/หมวดย่อยแทน

วัดผล & ออโต้เมชัน

<script>
// GA4 events
document.querySelectorAll('[data-back-in-stock]').forEach(btn => {
  btn.addEventListener('click', () => gtag('event','generate_lead',{method:'back_in_stock'}));
});
document.querySelectorAll('[data-view-alternative]').forEach(a => {
  a.addEventListener('click', () => gtag('event','select_promotion',{creative_name:'view_alternative'}));
});
</script>

อ้างอิงภายนอก (ทางการ/มาตรฐาน)

• Google — Merchant listing/Product structured data (ระบุราคา/สถานะ/นโยบาย): developers.google.com
• schema.org — ItemAvailability/Offer.availability: schema.org, schema.org
• Google — Soft 404 & สถานะที่ถูกต้อง: developers.google.com
• Google — Canonicalization & การรวมสัญญาณ: developers.google.com
• Google — Launch e-commerce & ระบุ Out-of-Stock/ข้อมูลสินค้า: developers.google.com
• Google — Sitemaps & lastmod: developers.google.com

บริการที่เกี่ยวข้อง (Internal Links)

• ออกแบบ/พัฒนา Webflow
• ปรับปรุงเว็บให้เร็ว/คอนเวิร์ตสูง
• บริการ UX/UI Design
• บริการทั้งหมด
• หน้าแรก (Home)

อ่านต่อ (บทความที่เกี่ยวข้อง)

• ปัญหาเว็บอีคอมเมิร์ซที่พบบ่อย & วิธีแก้
• เทคนิค CRO สำหรับ Shopify
• Critical CSS คืออะไร
• กลยุทธ์แคชเว็บให้โหลดไว

FAQ (People Also Ask)

สินค้าหมดชั่วคราวควร noindex ไหม?
ไม่ควร—คงหน้า 200 และ indexable เพื่อรักษาอันดับ/ทราฟฟิก พร้อมใส่ OutOfStock ใน Offer.availability และมีปุ่มแจ้งเตือน

เลิกขายถาวรควร 404/410 หรือ 301?
ถ้ามี “รุ่นทดแทนชัดเจน” ใช้ 301 ถ้าไม่มี ให้ 404/410 (หลีกเลี่ยง Soft 404 ที่ยังส่ง 200 แต่ไม่มีเนื้อหา)

BackOrder ต่างจาก PreOrder อย่างไร?
BackOrder คือสินค้าที่ขายอยู่แต่ชั่วคราวไม่มีของในสต็อก ส่วน PreOrder คือยังไม่เริ่มจำหน่าย—ควรระบุช่วงส่งมอบให้ชัด

อัปเดตล่าสุด: 24 Aug 2025

เกี่ยวกับผู้เขียน

Vision X Brain Team — ทีม Website/SEO/CRO & Webflow สำหรับธุรกิจบริการและอีคอมเมิร์ซ เราออกแบบโครงข้อมูลสินค้า/สคีมาที่สอดคล้องกับ Merchant Center และ Search พร้อมเพลย์บุ๊กแก้ OOS/Discontinued ให้ไม่เสียอันดับ