Image Search Optimization อีคอมเมิร์ซ: Google Lens SEO

Image search optimization คือการปรับเว็บให้โผล่ตอนคนค้นหาด้วยรูปภาพ มากกว่า 12,100 ครั้ง/เดือน — ถ่ายรูปสินค้าที่เห็นที่ไหนก็ได้ แล้วโยนเข้า Google Lens หรือ Pinterest ให้หาที่ซื้อให้ ถ้าเว็บคุณไม่พร้อม traffic นี้ไหลไปหาคู่แข่ง

เว็บอีคอมเมิร์ซที่ปรับ visual search optimization แล้ว = คนเจอสินค้าจากรูปภาพ → กดเข้าเว็บคุณทันที → ซื้อเลย ไม่ต้องเดา keyword แบบเดิม

ทำไม e-commerce ต้องสน visual search ตอนนี้

Google Lens ประมวลผลกว่า 12 พันล้านการค้นหาต่อเดือน คนใช้สแกนรูปสินค้า เฟอร์นิเจอร์ เสื้อผ้า อุปกรณ์ต่างๆ แล้วคาดหวังเจอที่ซื้อทันที Pinterest มี 600 ล้านการค้นหาด้วย visual search ต่อเดือน

สินค้าที่มีรูปภาพชัดเจน metadata ครบ schema ถูกต้อง = โอกาสโผล่หน้าผู้ใช้ตอนค้นหาด้วยรูป สูงกว่าคู่แข่งที่ยังใส่รูป product-1.jpg แล้วปล่อยทิ้งไว้

ลูกค้าอีคอมเมิร์ซของเราที่ใช้เทคนิค ecommerce optimization รวม image search optimization เห็น traffic จาก Google Images เพิ่มขึ้น 3-5 เท่า conversion rate ดีขึ้นเพราะคนที่ค้นด้วยรูป = รู้ว่าตัวเองต้องการอะไร ไม่ใช่แค่ browse

ตารางเช็กลิสต์ Visual Search Optimization

ด้าน	สิ่งที่ต้องทำ	KPI	เครื่องมือวัด
คุณภาพรูปภาพ	ฉากหลังสม่ำเสมอ (ขาวหรือสีเดียว) ถ่ายหลายมุม (หน้า ข้าง ซูมรายละเอียด) โลโก้/ลายน้ำไม่บังสินค้า ความละเอียดขั้นต่ำ 800x800px	CTR จาก Google Images, Impressions รูปเพิ่มขึ้น	Google Search Console (Performance → Search Appearance → Web Images)
ชื่อไฟล์ & Alt Text	ชื่อไฟล์: brand-model-color-size.webp (ตัวอย่าง: nike-air-max-90-white-us9.webp) Alt text: อธิบายสินค้าชัดเจน รวมรุ่น สี ขนาด	Image search CTR, คำค้นที่ทำให้รูปโผล่	Search Console → Performance → Image
Product Schema	ใส่ JSON-LD: name, brand, color, size, sku, gtin/mpn, image (URL รูปทุกมุม), offers (ราคา/สต๊อก)	Rich Results ใน Google, ไม่มี Schema Error	Rich Results Test
ตัวตนสินค้า	ใช้ GTIN (barcode), MPN (รหัสผู้ผลิต), Brand ตรงกันทุกที่ (หน้าเว็บ, schema, feed ที่ส่งไป Google Merchant Center)	Product match rate ใน Google Merchant Center สูงขึ้น	Google Merchant Center
รูปตาม Variant	สินค้าหลายสี/ไซซ์ = แต่ละ variant ต้องมีรูปของตัวเอง (ไม่ใช่รูปเดียวกันหมด) + canonical URL ชี้ถูกต้อง	Bounce rate จากรูปภาพลดลง (คนเจอรูปสีแดง กดเข้ามาเจอสีแดงจริง ไม่ใช่สีน้ำเงิน)	Google Analytics → Behavior Flow จาก image referral
Image Sitemap	สร้าง XML sitemap แยก หรือเพิ่ม <image:image> tag ใน sitemap หลัก ส่งไป Search Console	Indexed images ใน Search Console เพิ่มขึ้น	Search Console → Sitemaps
ความเร็วโหลดรูป	แปลงเป็น WebP หรือ AVIF (ไฟล์เล็กกว่า JPEG 30-50%) ใช้ lazy loading สำหรับรูปนอก viewport ใช้ CDN (Cloudflare, Imgix) preload รูป LCP	LCP (Largest Contentful Paint) ต่ำกว่า 2.5 วินาที CLS (Cumulative Layout Shift) ต่ำกว่า 0.1	PageSpeed Insights, WebPageTest
Product Feed	ส่ง product feed ไป Google Merchant Center + Pinterest Catalogs (ต้องมี image_link ชี้รูป high-res)	Impressions จาก Google Lens, Pinterest Lens เพิ่มขึ้น	Google Merchant Center, Pinterest for Business
Internal Links	แนะนำ "สินค้าที่คล้ายกัน" "สีอื่น" "ไซซ์อื่น" พร้อมรูปย่อ ทำให้คนที่เข้ามาจากรูป browse ต่อง่าย	Pages/Session เพิ่มขึ้น, Add-to-cart rate เพิ่มขึ้น	Google Analytics → Engagement

10 ขั้นตอนลงมือ Image Search Optimization

1. กำหนดมาตรฐานการถ่ายรูปสินค้า (SEO รูปภาพ ขั้นแรก)

ถ่ายบนฉากหลังสีเดียว (ขาวดีที่สุดสำหรับ Google Lens) แสงสม่ำเสมอ อย่างน้อย 3 มุม: หน้าตรง, ข้าง, รายละเอียดซูม ความละเอียดขั้นต่ำ 800x800px (1200x1200px ดีกว่า) ไม่ใส่โลโก้บังสินค้า

2. ตั้งชื่อไฟล์และ alt text ให้มีความหมาย (SEO รูปภาพ สำคัญ)

ชื่อไฟล์: brand-model-color-size-angle.webp
ตัวอย่าง: adidas-ultraboost-22-black-us10-front.webp

Alt text: อธิบายสินค้าชัดเจน รวม brand, รุ่น, สี, ขนาด
ตัวอย่าง: "รองเท้าวิ่ง Adidas Ultraboost 22 สีดำ ไซซ์ US 10 มุมหน้า"

3. ใส่ Product Schema (JSON-LD)

ใส่ structured data แบบ JSON-LD ในทุกหน้าสินค้า ต้องมี:

• "@type": "Product"
• name: ชื่อสินค้าเต็ม
• brand: ยี่ห้อ
• sku: รหัส SKU
• gtin หรือ mpn: barcode หรือรหัสผู้ผลิต
• image: array ของ URL รูปทุกมุม
• offers: ราคา, สกุลเงิน, availability, URL หน้าสินค้า
• aggregateRating (ถ้ามี): คะแนนรีวิว

ทดสอบด้วย Rich Results Test ให้ไม่มี error

4. ผูกรูปกับ variant ที่ถูกต้อง

ถ้าสินค้ามีหลายสี/ไซซ์ แต่ละ variant ต้องมี:

• URL เฉพาะ (เช่น /product?color=red) หรือ dynamic rendering
• รูปภาพของสีนั้นเป็นรูปหลัก (ไม่ใช่รูปสีอื่น)
• Schema image array ชี้รูปสีนั้น
• Canonical URL ตั้งถูกต้อง (ถ้า variant เดียวกันมีหลาย URL)

ผลลัพธ์: คนเจอรูปสีแดงใน Google Lens กดเข้ามา → เจอหน้าสีแดงจริง ไม่ bounce

5. สร้าง Image Sitemap

เพิ่ม <image:image> tag ใน sitemap หลัก หรือสร้าง image sitemap แยก ส่งไป Google Search Console ตัวอย่าง:

<url>
  <loc>https://example.com/product/shoe-123</loc>
  <image:image>
    <image:loc>https://cdn.example.com/shoe-123-front.webp</image:loc>
    <image:title>รองเท้าวิ่ง Nike Air Zoom Pegasus 40 สีน้ำเงิน</image:title>
  </image:image>
  <image:image>
    <image:loc>https://cdn.example.com/shoe-123-side.webp</image:loc>
    <image:title>รองเท้าวิ่ง Nike Air Zoom Pegasus 40 มุมข้าง</image:title>
  </image:image>
</url>

อ่านเพิ่ม: Google Image Sitemap Guidelines

6. บีบอัดรูปเป็น WebP หรือ AVIF

รูป JPEG ขนาด 500KB แปลงเป็น WebP ได้ ~200KB คุณภาพเท่าเดิม = โหลดเร็วขึ้น 2-3 เท่า LCP ดีขึ้น

เครื่องมือ:

• Squoosh (Google)
• ImageMagick, Sharp (Node.js library)
• Cloudflare Images (แปลง + CDN ในตัว)

7. ใช้ Lazy Loading + Preload รูป LCP

Lazy loading: รูปนอก viewport โหลดตอนเลื่อนมาถึง ใช้ loading="lazy" attribute

Preload รูป LCP: รูปหลักสินค้า (hero image) = LCP element ส่วนใหญ่ ใส่ <link rel="preload" as="image" href="..."> ใน <head>

8. ใช้ CDN สำหรับรูปภาพ

CDN = รูปโหลดจาก server ที่ใกล้ผู้ใช้ที่สุด เร็วกว่าโหลดจาก origin server

ตัวเลือก:

• Cloudflare Images
• Imgix
• Cloudinary
• AWS CloudFront + S3

9. ส่ง Product Feed ไป Google Merchant Center + Pinterest

สร้าง product feed (XML หรือ Google Sheets) มีฟิลด์:

• id, title, description, link, image_link (URL รูป high-res)
• brand, gtin, price, availability

ส่งไป:

• Google Merchant Center: รูปสินค้าโผล่ใน Google Lens, Google Shopping, Google Images rich results
• Pinterest Catalogs: คน search ด้วย Pinterest Lens เจอสินค้าคุณ

อ่านเพิ่ม:

• Google Merchant Center Product Data Specification
• Pinterest Catalogs Setup

10. ทำ Internal Links จากสินค้า/บทความ

หน้าสินค้า: แนะนำ "สินค้าที่คล้ายกัน" "สีอื่น" "ไซซ์อื่น" พร้อมรูปย่อ
บทความ/บล็อก: link ไปหน้าสินค้าที่เกี่ยวข้อง (anchor text = คำที่คนค้นหา)

ผลลัพธ์: คนที่เข้ามาจาก Google Images browse ต่อง่าย pages/session เพิ่ม conversion rate เพิ่ม

เคสจริง: SiamTak เพิ่ม orders x24 ด้วย visual search optimization

SiamTak ขายอุปกรณ์ช่างออนไลน์ ก่อนหน้า: รูปสินค้าไม่สม่ำเสมอ บางรูปมีโลโก้บัง บางรูปฉากหลังรก ชื่อไฟล์ = product-1.jpg, product-2.jpg ไม่มี schema ไม่มี alt text ที่ชัดเจน

หลังจากทำ ecommerce website optimization ครบ:

• ถ่ายรูปใหม่ทุกชิ้น: ฉากหลังขาว 3 มุม ความละเอียด 1200x1200px
• ชื่อไฟล์: brand-model-type.webp
• Alt text: ระบุยี่ห้อ รุ่น ประเภท
• ใส่ Product schema พร้อม GTIN
• แปลงเป็น WebP ใช้ Cloudflare CDN
• ส่ง feed ไป Google Merchant Center

ผลลัพธ์ภายใน 3 สัปดาห์:

• Traffic จาก Google Images เพิ่มขึ้น 5.2 เท่า
• Orders เพิ่มขึ้น x24
• Conversion rate จาก image traffic = 4.8% (สูงกว่า organic search ปกติที่ 2.1%)

เหตุผล: คนที่ search ด้วยรูป = เห็นสินค้าที่ไหนสักที่ อยากซื้อเหมือนกัน intent สูง พร้อมจ่ายเงิน

วัดผล Visual Search Optimization

Google Search Console

ไป Performance → Search Appearance → เลือก "Web Images"
ดู:

• Impressions: รูปโผล่กี่ครั้ง
• Clicks: คนกดรูปกี่ครั้ง
• CTR: Clicks/Impressions (CTR สูง = รูปน่าสนใจ metadata ตรงกับที่คนค้น)
• Queries: คำค้นที่ทำให้รูปโผล่ (ดูว่าตรงกับ keyword ที่ตั้งใจหรือไม่)

Google Analytics

ไป Acquisition → All Traffic → Source/Medium
ดู traffic จาก:

• google / organic → filter ด้วย Landing Page = หน้าสินค้า + Referrer มี "images.google.com"
• pinterest.com / referral

ดู:

• Pages/Session: คนที่เข้ามาจากรูป browse ต่อกี่หน้า (ต่ำ = รูปไม่ตรงกับที่คาดหวัง หรือ UX ไม่ดี)
• Conversion Rate: คนที่เข้ามาจากรูป ซื้อกี่ % (ควรสูงกว่า traffic ปกติ)

PageSpeed Insights

วัด LCP (Largest Contentful Paint) ต้อง < 2.5 วินาที
ถ้ารูปสินค้า = LCP element แล้วโหลดช้า = ต้องแปลง WebP, ใช้ CDN, preload

Google Merchant Center

ดู Diagnostics → Product data quality
ดู:

• Approved products: สินค้าที่ผ่าน = โผล่ได้ใน Google Lens, Shopping
• Disapproved: มีปัญหา (รูปไม่ชัด, ขาด GTIN, ราคาไม่ตรง) ต้องแก้

ข้อผิดพลาดที่พบบ่อย

1. รูปสินค้าไม่สม่ำเสมอ

บางรูปฉากขาว บางรูปฉากรก บางรูปมีคน บางรูปไม่มี = Google Lens งง ไม่รู้ว่าอะไรคือสินค้าจริง

แก้: กำหนดมาตรฐานการถ่ายรูป ใช้กับทุกสินค้า

2. ชื่อไฟล์ไม่มีความหมาย

IMG_1234.jpg, product-1.jpg = Google ไม่รู้ว่ารูปนี้คืออะไร ไม่โผล่ใน image search

แก้: เปลี่ยนชื่อเป็น brand-model-color.webp

3. ไม่มี alt text หรือ alt text ซ้ำกันทุกรูป

Alt = "product image" ทุกรูป = ไร้ประโยชน์

แก้: alt text อธิบายสินค้าชัดเจน ไม่ซ้ำกัน

4. ไม่มี GTIN หรือ MPN

สินค้าที่มี barcode (GTIN) หรือรหัสผู้ผลิต (MPN) = Google มั่นใจว่าสินค้าจริง โผล่ใน rich results ง่ายกว่า
ไม่มี = โอกาสต่ำกว่า

แก้: หา GTIN/MPN จากผู้ผลิต ใส่ใน schema + product feed

5. รูปโหลดช้า

รูป 2MB โหลดนาน 5 วินาที = คนกดออกก่อนเห็นสินค้า LCP สูง Core Web Vitals แดง

แก้: แปลง WebP/AVIF, ใช้ CDN, lazy loading, preload รูป LCP

6. ไม่ส่ง product feed

ไม่ส่งไป Google Merchant Center = รูปไม่โผล่ใน Google Lens rich results, Google Shopping
ไม่ส่งไป Pinterest = พลาด 600 ล้านการค้นหาต่อเดือน

แก้: สร้าง feed ส่งไปทั้ง 2 ที่

เครื่องมือที่ใช้

• Google Search Console: วัด impressions/clicks จาก image search, ส่ง image sitemap
• Rich Results Test: ทดสอบ Product schema ว่าถูกต้องหรือไม่
• PageSpeed Insights: วัด LCP, CLS, ความเร็วโหลดรูป
• Squoosh: บีบอัดรูปเป็น WebP/AVIF
• Google Merchant Center: ส่ง product feed, ดู product data quality
• Pinterest for Business: ส่ง product catalog สำหรับ Pinterest Lens
• Cloudflare Images / Imgix / Cloudinary: CDN + image optimization อัตโนมัติ

ทำไมต้อง VisionXBrain

Visual search optimization ไม่ใช่แค่ใส่ alt text แล้วเสร็จ ต้องเชื่อมทุกชิ้น: รูปภาพคุณภาพสูง metadata ถูกต้อง schema ครบ ความเร็วโหลดดี UX ที่ทำให้คนซื้อ

ทีม VisionXBrain ทำมาครบ:

• 80+ องค์กรใน 6 ประเทศ — ประสบการณ์กับอีคอมเมิร์ซหลายอุตสาหกรรม
• Core Web Vitals 90+ ทุกโปรเจกต์ — ไม่ใช่คำสัญญา เป็นมาตรฐานที่ทำได้จริง
• เสร็จใน 2-3 สัปดาห์ — ไม่ใช่ 3 เดือน
• Clutch 5.0/5 — ลูกค้ารีวิวเอง ไม่ได้ซื้อมา

เราไม่ใช่ agency ทั่วไป เราเลือกทำเฉพาะโปรเจกต์ที่เชื่อว่าจะสร้างผลลัพธ์จริง ถ้าต้องการเว็บอีคอมเมิร์ซที่เก็บ traffic จาก visual search ได้เต็มที่ — ดูบริการ ecommerce website development หรือ Shopify store development ของเรา

บทความที่เกี่ยวข้อง

• UX/UI Design: ออกแบบประสบการณ์ผู้ใช้ที่ทำให้คนซื้อ
• Webflow Design & Development: สร้างเว็บไซต์ที่โหลดไว ติดอันดับ Google
• WordPress vs Webflow: เปรียบเทียบแพลตฟอร์มสำหรับอีคอมเมิร์ซ
• Ecommerce Optimization Audit: ตรวจสุขภาพเว็บอีคอมเมิร์ซ หาจุดที่ทำให้ขายไม่ได้
• คู่มือ SEO อีคอมเมิร์ซ: เพิ่ม traffic และยอดขาย

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

Visual search คืออะไร แตกต่างจาก text search อย่างไร

Visual search = ค้นหาด้วยรูปภาพ ไม่ใช่พิมพ์คำ ผู้ใช้ถ่ายรูปสินค้า (หรือ screenshot) แล้วโยนเข้า Google Lens, Pinterest Lens ระบบจะหาสินค้าที่คล้ายกัน + ที่ซื้อได้ แตกต่างจาก text search ที่ต้องรู้ชื่อสินค้าหรือ keyword ก่อน Visual search = ไม่ต้องรู้ชื่อ เห็นรูปแล้วหาได้เลย

Google Lens ทำงานอย่างไร มันดูอะไรจากรูปภาพ

Google Lens ใช้ AI วิเคราะห์รูปภาพ ดูรูปร่าง สี texture text ในรูป แล้วจับคู่กับรูปในฐานข้อมูล Google (ที่มาจากเว็บไซต์ที่ crawl ได้) มันอ่าน alt text, ชื่อไฟล์, structured data รอบๆ รูป เพื่อเข้าใจว่ารูปนี้คืออะไร แล้วแนะนำสินค้าที่ตรงที่สุด

ต้องถ่ายรูปสินค้าใหม่หมดทุกชิ้นหรือไม่

ไม่จำเป็น ถ้ารูปเดิมคุณภาพดี (ฉากสม่ำเสมอ ความละเอียดพอ ไม่มีสิ่งรบกวน) แค่แปลง WebP, ตั้งชื่อไฟล์ใหม่, ใส่ alt text, ใส่ schema = ได้ผลแล้ว แต่ถ้ารูปเดิมไม่สม่ำเสมอ (บางรูปฉากขาว บางรูปฉากรก) = ถ่ายใหม่ดีกว่า เพราะ Google Lens ชอบรูปที่สม่ำเสมอ

ต้องใช้ GTIN หรือ MPN หรือไม่ ไม่มีทำอย่างไร

GTIN (barcode) หรือ MPN (รหัสผู้ผลิต) ช่วยให้ Google มั่นใจว่าสินค้าจริง สินค้าที่มี GTIN โผล่ใน rich results ง่ายกว่า ถ้าไม่มี: 1) หาจากผู้ผลิต/supplier, 2) ถ้าไม่มีจริง ใส่ Brand + SKU ที่ unique แทน แต่โอกาสโผล่ใน Google Shopping/Lens จะต่ำกว่า

ต้องส่ง product feed ไป Google Merchant Center ด้วยหรือไม่

ไม่บังคับ แต่แนะนำมาก เพราะ feed = ทางลัดให้ Google รู้จักสินค้าคุณเร็วขึ้น + โผล่ใน Google Shopping, Google Lens rich results ถ้าไม่ส่ง feed Google ต้อง crawl เว็บเอง ช้ากว่า อาจพลาดสินค้าบางชิ้น

ใช้เวลานานแค่ไหนถึงเห็นผล

หลังจากทำครบ (รูป + metadata + schema + sitemap + feed) Google ต้อง recrawl + reindex ใช้เวลา 2-4 สัปดาห์ ลูกค้าของเราเห็นผลชัดเจนภายใน 3-6 สัปดาห์ (traffic จาก Google Images เพิ่มขึ้น impressions ใน Search Console เพิ่มขึ้น)