SEO รูปภาพสำหรับร้านออนไลน์: เช็กลิสต์ที่ได้คลิก
เช็กลิสต์ SEO รูปภาพสำหรับร้านออนไลน์ ทั้งชื่อไฟล์ alt text, WebP, การบีบอัด, lazy loading, image sitemap, Product schema และภาพสะอาดที่คว้าคลิกใน Google Images
- image SEO
- ecommerce
- product photography
- WebP
- Google Images
- site speed

ที่ไหนสักแห่ง มีนักช้อปกำลังพิมพ์ชื่อสินค้าของคุณลงใน Google — หรือไม่ก็ยกกล้องมือถือส่องสินค้าชิ้นหนึ่งที่เพิ่งไปเจอมา ร้านของคุณจะโผล่ขึ้นมาในวินาทีนั้นหรือไม่ แทบไม่เกี่ยวกับโชคเลย แต่เกี่ยวกับ SEO รูปภาพเป็นหลัก นั่นคือศิลปะที่ไม่หวือหวาของการทำให้ภาพสินค้าอ่านออกในสายตาเสิร์ชเอนจิน
ร้านส่วนใหญ่หมกมุ่นกับ title tag แล้วมองภาพเป็นแค่ของประดับ นั่นคือช่องว่างที่คุณฉวยได้ Google Images และ Google Lens กลายเป็นช่องทางค้นพบสินค้าของจริงสำหรับอีคอมเมิร์ซไปแล้วอย่างเงียบ ๆ และร้านที่ชนะในสนามนั้นล้วนทำตามเช็กลิสต์ที่ทำซ้ำได้
นี่คือเช็กลิสต์นั้น ไม่มีการพูดลอย ๆ มีแต่สิ่งที่ขยับอันดับ ยอดคลิก และเวลาโหลดได้จริง
ตั้งชื่อไฟล์ภาพแบบที่คนจะค้นหา
IMG_4832.jpg ไม่ได้บอกอะไร Google เลย ส่วน red-leather-crossbody-bag.webp บอกทุกอย่างที่ Google ต้องรู้ ตั้งแต่ก่อนจะเรนเดอร์พิกเซลด้วยซ้ำ
- บรรยายตัวสินค้า — ชื่อสินค้าบวกคุณลักษณะที่ระบุตัวตนอีกหนึ่งถึงสองอย่าง
- ใช้ตัวพิมพ์เล็กและขีดกลาง — ขีดกลางถูกอ่านเป็นตัวคั่นคำ ส่วนขีดล่างไม่ใช่
- ให้สั้นเข้าไว้ — ชื่อไฟล์คือคำใบ้ ไม่ใช่ที่ทิ้งคีย์เวิร์ด
- เปลี่ยนชื่อก่อนอัปโหลด — หลายแพลตฟอร์มล็อกหรือทำชื่อไฟล์เพี้ยนหลังอัปโหลด ให้ทำการเปลี่ยนชื่อเป็นส่วนหนึ่งของขั้นตอนส่งออก

เขียน alt text ที่ทั้งขายได้และติดอันดับ
alt text รับใช้นักช้อปที่ใช้โปรแกรมอ่านหน้าจอเป็นอันดับแรก และรับใช้เสิร์ชเอนจินเป็นอันดับสอง — ข่าวดีคือผู้ชมทั้งสองกลุ่มต้องการสิ่งเดียวกัน นั่นคือคำบรรยายที่ตรงไปตรงมาและเจาะจง
ลองนึกภาพว่าคุณกำลังเล่าภาพนั้นให้เพื่อนฟังทางโทรศัพท์ "กระเป๋าสะพายข้างหนังสีแดง สายโซ่สีทอง มุมมองด้านหน้า" ดีกว่า "กระเป๋า" และดีกว่า "ซื้อกระเป๋าถูกกระเป๋าดีที่สุดออนไลน์กระเป๋า" อย่างแน่นอน
- ขึ้นต้นด้วยชื่อสินค้า แล้วเติมรายละเอียดที่ทำให้แตกต่างอีกหนึ่งอย่าง
- ข้ามคำว่า "ภาพของ" หรือ "รูปของ" — บริบทนั้นเข้าใจกันอยู่แล้ว
- ทำให้แต่ละอันไม่ซ้ำกัน — alt text เหมือนกันห้าอันบนภาพแกลเลอรีห้าภาพ ไม่ช่วยใครเลย
- อย่ายัดคีย์เวิร์ดเด็ดขาด — Google อ่านว่าเป็นสแปม ส่วนโปรแกรมอ่านหน้าจออ่านว่าไม่รู้เรื่อง
เสิร์ฟ WebP บีบอัดให้หนัก แล้วโหลดที่เหลือแบบ lazy
ความเร็วเป็นทั้งสัญญาณจัดอันดับและคันโยกคอนเวอร์ชัน และภาพมักเป็นสิ่งที่หนักที่สุดบนหน้าสินค้า
ส่งไฟล์รูปแบบสมัยใหม่ WebP ให้ไฟล์เล็กกว่า JPEG หรือ PNG ที่คุณภาพเทียบเท่า และรองรับความโปร่งใส จึงแทบไม่มีเหตุผลที่จะเสิร์ฟรูปแบบเก่าให้เบราว์เซอร์ยุคใหม่ คู่มือ WebP ของเราอธิบายไว้ว่าควรเปลี่ยนเมื่อไหร่และเปลี่ยนอย่างไร
บีบอัดอย่างมีเป้าหมาย ส่งทุกภาพผ่านตัวบีบอัด แล้วเลือกค่าคุณภาพต่ำที่สุดที่ยังผ่านการเพ่งดูบนมือถือ ไม่มีใครซูมเข้าไปในภาพขนาดย่อเพื่อไล่ล่าหาร่องรอยความเสียหายของไฟล์
โหลดแบบ lazy สำหรับส่วนที่อยู่ต่ำกว่าขอบจอ ใส่ loading="lazy" ให้ภาพในแกลเลอรีและภาพสินค้าแนะนำ — แต่อย่าใส่ให้ภาพสินค้าหลักเด็ดขาด เพราะนั่นน่าจะเป็น Largest Contentful Paint ของคุณ และคุณอยากให้มันขึ้นจอทันที
ช่วย Google หาภาพให้ครบ: sitemap และ schema
Google จัดอันดับสิ่งที่ไม่เคยค้นพบไม่ได้ และหน้าร้านสมัยใหม่มักโหลดภาพผ่าน JavaScript หรือจาก CDN ที่ครอว์เลอร์อาจมองไม่เห็น
ใส่ภาพลงใน sitemap รายการภาพใน XML sitemap ของคุณ (หรือ sitemap เฉพาะภาพ) บอก Google ได้ตรง ๆ ว่าภาพไหนเป็นของหน้าไหน
เติมฟิลด์ image ใน Product schema ข้อมูลโครงสร้างของคุณควรชี้ไปที่ภาพสินค้าความละเอียดสูง Google ขอหลายอัตราส่วนภาพ ได้แก่ 1:1, 4:3 และ 16:9 ดังนั้นให้ตรวจแนวทางข้อมูลโครงสร้างฉบับปัจจุบัน แล้วจัดให้ครบทั้งสามเท่าที่ทำได้
รักษา URL ของภาพให้คงที่ ถ้า CDN ของคุณสร้าง URL ใหม่ให้ภาพเดิมทุกครั้งที่ deploy คุณกำลังรีเซ็ตประวัติการค้นหาของภาพนั้นทุกครั้ง
มอง Google Images กับ Lens เป็นหน้าร้านที่สอง
การค้นหาด้วยภาพไม่ใช่ของแปลกใหม่อีกต่อไป นักช้อปเลื่อนดู Google Images เหมือนที่เลื่อนดูหน้าหมวดสินค้า และ Lens ก็จับคู่วัตถุในโลกจริงกับภาพสินค้าทั่วเว็บ นี่เป็นชิ้นส่วนหนึ่งของความเปลี่ยนแปลงใหญ่ที่เราเล่าไว้ในบทความเรื่อง AI กับอีคอมเมิร์ซ
สิ่งที่ชนะในตารางภาพนั้นคือภาพสินค้าที่สะอาด สม่ำเสมอ และอ่านออกทันที แคตตาล็อกที่พื้นหลังเข้าชุดกันดูเหมือนร้านค้า ส่วนแคตตาล็อกที่เป็นภาพถ่ายบนพื้นห้องนอนคนละแบบ ดูเหมือนการขายของมือสองหน้าโรงรถ ความสม่ำเสมอคือสิ่งที่ทำให้ได้คลิก — และโครงร่างที่สะอาดยังช่วยให้ Lens มีวัตถุที่ชัดเจนขึ้นให้จับคู่

คุณไม่จำเป็นต้องมีสตูดิโอถึงจะไปถึงจุดนั้น remover.bg ลบพื้นหลังให้อัตโนมัติ — จัดการเส้นผม ขนสัตว์ และขอบละเอียดได้เรียบร้อย — แล้วให้คุณใส่สีพื้นหรือพื้นหลังแบบกำหนดเองพร้อมเงาที่ดูสมจริง และส่งออกเป็น WebP ได้ทันที ต้องประมวลผลทั้งแคตตาล็อกใช่ไหม API ลบพื้นหลัง ทำงานนี้ให้อัตโนมัติในปริมาณมาก
สรุป
SEO รูปภาพไม่ใช่ศาสตร์มืด มันคือเช็กลิสต์
- ชื่อไฟล์ที่สื่อความหมาย ก่อนอัปโหลด
- alt text ที่เจาะจงและตรงไปตรงมา บนทุกภาพ
- WebP การบีบอัด และ lazy loading เพื่อความเร็ว
- image sitemap และ Product schema เพื่อการค้นพบ
- ภาพที่สะอาดและสม่ำเสมอ เพื่อยอดคลิกใน Google Images และ Lens
ลองเอาสินค้าขายดีสิบอันดับแรกของคุณมาไล่ตามรายการนี้วันนี้ เสิร์ชเอนจินสังเกตเห็นร้านที่เป็นระเบียบ — และนักช้อปก็เห็นเหมือนกัน


