← บล็อก
อ่าน 1 นาที

SEO รูปภาพสำหรับร้านออนไลน์: เช็กลิสต์ที่ได้คลิก

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

  • image SEO
  • ecommerce
  • product photography
  • WebP
  • Google Images
  • site speed
SEO รูปภาพสำหรับร้านออนไลน์: เช็กลิสต์ที่ได้คลิก

ที่ไหนสักแห่ง มีนักช้อปกำลังพิมพ์ชื่อสินค้าของคุณลงใน 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 รูปภาพไม่ใช่ศาสตร์มืด มันคือเช็กลิสต์

  1. ชื่อไฟล์ที่สื่อความหมาย ก่อนอัปโหลด
  2. alt text ที่เจาะจงและตรงไปตรงมา บนทุกภาพ
  3. WebP การบีบอัด และ lazy loading เพื่อความเร็ว
  4. image sitemap และ Product schema เพื่อการค้นพบ
  5. ภาพที่สะอาดและสม่ำเสมอ เพื่อยอดคลิกใน Google Images และ Lens

ลองเอาสินค้าขายดีสิบอันดับแรกของคุณมาไล่ตามรายการนี้วันนี้ เสิร์ชเอนจินสังเกตเห็นร้านที่เป็นระเบียบ — และนักช้อปก็เห็นเหมือนกัน

อ่านต่อ