คู่มือ Image SEO: Alt Text, ความเร็ว และการทำ Indexing

วันที่ปรับปรุงล่าสุด: June 28, 2026

Image SEO ไม่ใช่กลเม็ดในการยัดคีย์เวิร์ดลงในชื่อไฟล์ แต่มันคือการทำงานเชิงปฏิบัติเพื่อให้รูปภาพที่สำคัญสามารถค้นพบ เข้าใจได้ รวดเร็ว และมีประโยชน์บนหน้าเว็บที่ปรากฏ

คู่มือนี้ครอบคลุมขั้นตอนการทำงานที่ฉันจะใช้สำหรับแกลเลอรีผลิตภัณฑ์ บทความเชิงบรรณาธิการ หน้าบริการท้องถิ่น หรือหน้า Landing Page ที่มีรูปภาพจำนวนมาก ก่อนที่จะถามว่ารูปภาพเหล่านั้นสามารถจัดอันดับใน Google Images ได้หรือไม่

คำตอบสั้น ๆ: สิ่งใดสำคัญที่สุดสำหรับ Image SEO?

Image SEO จะทำงานได้เมื่อรูปภาพสามารถถูก crawl ได้ หน้าเว็บอธิบายว่ารูปภาพแสดงอะไร และไฟล์โหลดเร็วพอที่ผู้ใช้จะไม่ทิ้งหน้าไป เริ่มต้นด้วย stable HTTPS image URL ชื่อไฟล์ที่สื่อความหมาย alt text ที่เฉพาะเจาะจง เนื้อหาโดยรอบที่มีประโยชน์ และเวอร์ชัน WebP หรือ AVIF ที่บีบอัดแล้วและมีขนาดเหมาะสมกับ layout

image best practices ของ Google เองเน้นย้ำถึงรูปภาพคุณภาพสูง ข้อความที่สื่อความหมายใกล้กับรูปภาพ ชื่อหน้าเว็บที่ดี และ URL ที่ crawl ได้ บริบทของหน้ามีความสำคัญพอ ๆ กับตัวไฟล์เอง

ใช้ลำดับนี้: discoverability เป็นอันดับแรก description เป็นอันดับสอง delivery เป็นอันดับสาม และ measurement เป็นอันดับสุดท้าย หากไฟล์ส่งคืน 404 ถูกบล็อกโดย robots.txt หรือปรากฏเฉพาะภายใน client-side code ที่ search engines ไม่สามารถ parse ได้อย่างน่าเชื่อถือ alt text ที่ดีกว่าก็จะไม่ช่วยแก้ไข

สำหรับการเผยแพร่ที่ครอบคลุมยิ่งขึ้นหลังจากทำงาน Image SEO แล้ว ให้ใช้ Complete Image Optimization Checklist หากปัญหาเร่งด่วนคือน้ำหนักไฟล์ Image Compression Ratio Guide จะอธิบายวิธีการวัดการประหยัดโดยไม่ซ่อนความเสียหายที่มองเห็นได้

Google เข้าใจรูปภาพได้อย่างไร?

Google สามารถใช้ไฟล์รูปภาพ ชื่อหน้า หัวข้อ ข้อความที่มองเห็น คำบรรยายข้อมูลที่มีโครงสร้าง และลิงก์ เพื่อทำความเข้าใจว่ารูปภาพนั้นแสดงถึงอะไร รูปถ่ายรองเท้าวิ่งสีน้ำเงินบนหน้าว่างเปล่ามีน้ำหนักน้อยกว่ารูปเดียวกันที่อยู่ในหน้าผลิตภัณฑ์ซึ่งมีชื่อเรื่อง รุ่น สี ตัวเลือกขนาด และ alt text ที่อธิบายรายละเอียด

Discovery คือด่านแรก URL ของรูปภาพควรส่งคืนค่า HTTP 200 ใช้รูปแบบที่สามารถ crawl ได้ และคงที่หลังจากการเผยแพร่ หลีกเลี่ยงการใช้ temporary signed URLs สำหรับรูปภาพบทความสาธารณะ เว้นแต่ว่า final rendered URL นั้นจะเป็นสาธารณะและสามารถ index ได้

ใช้รายการตรวจสอบความสามารถในการ crawl อย่างรวดเร็วนี้:

1. The final image URL returns HTTP 200 without authentication.
2. The page URL is indexable and not blocked by noindex.
3. The image is not blocked by robots.txt.
4. The image appears in normal HTML or predictable rendered markup.
5. The page has text that explains why the image matters.
6. The image file is stable enough to be cached and re-crawled.

image sitemap สามารถช่วยเรื่องการค้นพบสำหรับแกลเลอรีขนาดใหญ่ได้ แต่ไม่ได้แทนที่คุณภาพของหน้า Google ได้จัดทำเอกสารเกี่ยวกับการรองรับ image sitemap ใน sitemap image extension guidance ใช้เมื่อรูปภาพเป็นเนื้อหาสำคัญ ไม่ใช่แค่เฟอร์นิเจอร์ตกแต่งของหน้าเท่านั้น

ต้องใส่ข้อมูลอะไรใน Alt Text บ้าง?

Alt text ควรจะอธิบายหัวข้อที่มองเห็นได้และฟังก์ชันของรูปภาพสำหรับหน้านั้น ๆ เขียนโดยคิดถึงผู้ที่ไม่สามารถเห็นรูปภาพได้ จากนั้นตรวจสอบว่าคำอธิบายดังกล่าวให้บริบทที่ชัดเจนแก่ search engine ด้วยหรือไม่

Alt text ที่ดีควรมีความเฉพาะเจาะจง สั้นพอที่จะอ่านได้ และไม่มีการยัด Keyword (keyword stuffing) ไม่ควรทำซ้ำชื่อบทความในทุกรูปภาพ ไม่ควรบรรยายรูปร่างตกแต่งที่ไม่ได้ให้ข้อมูลใด ๆ หากรูปภาพเป็นแผนภูมิ ควรสรุปประเด็นของแผนภูมินั้นแทนการเขียนว่า "chart"

ใช้ขั้นตอนการตรวจสอบ Alt text นี้ก่อนเผยแพร่:

1. ระบุหัวข้อที่มองเห็นได้เป็นอันดับแรก
2. เพิ่มรายละเอียดที่สำคัญในหน้านี้
3. เก็บแบรนดิ้งไว้เฉพาะเมื่อมันปรากฏให้เห็นหรือมีประโยชน์เท่านั้น
4. ข้ามวลีเช่น "image of" เว้นแต่จำเป็นต้องใช้เพื่อความชัดเจน
5. อย่าใส่ Keyword หลายรูปแบบลงใน Attribute เดียวกัน
6. ใช้ Alt text ว่างเปล่าสำหรับรูปภาพตกแต่งจริง ๆ เท่านั้น

สำหรับบริบทด้านการเข้าถึง (accessibility context) MDN's img element reference อธิบายว่า alt ถูกใช้เมื่อรูปภาพไม่สามารถโหลดหรือมองเห็นได้ ให้ถือสิ่งนั้นเป็นพื้นฐาน จากนั้นจึงเพิ่มบริบทเฉพาะหน้าเมื่อรูปภาพนั้นเป็นเนื้อหาที่มีความหมาย

รูปแบบไฟล์และขนาดใดที่คุณควรใช้?

สำหรับรูปภาพบนเว็บสาธารณะส่วนใหญ่ ควรส่งออกสำเนาสำหรับแสดงผลที่ทันสมัยหลังจากปรับขนาดไฟล์ต้นฉบับให้เหมาะสมกับความต้องการในการแสดงผลจริง WebP เป็นค่าเริ่มต้นที่ปลอดภัยสำหรับการรองรับในวงกว้าง AVIF อาจมีขนาดเล็กกว่าสำหรับรูปถ่ายหลายประเภท แต่การเข้ารหัสจะช้ากว่าและพฤติกรรมของ artifact ก็แตกต่างกัน ควรเก็บไฟล์มาสเตอร์ต้นฉบับแยกไว้ โดยเฉพาะอย่างยิ่งสำหรับภาพผลิตภัณฑ์และภาพถ่ายเชิงบรรณาธิการ

ข้อผิดพลาดที่ฉันเห็นบ่อยที่สุดคือการบีบอัดไฟล์ที่อัปโหลดขนาด 4000 px แล้วนำไปแสดงผลที่ 900 px ควรปรับขนาดก่อน จากนั้นจึงค่อยบีบอัด การตั้งค่าคุณภาพที่ต่ำกว่าไม่สามารถแก้ไขมิติภาพที่มีขนาดใหญ่เกินจริงได้ทั้งหมด

ฉันสร้างรูปภาพแผนภูมินี้ในบทความนี้ที่ขนาด 1400 x 788 และส่งออกเป็น WebP คุณภาพ 82 ผลลัพธ์ที่ได้คือ 22 KB สำหรับแผนภูมิการปรับขนาดและ 42 KB สำหรับส่วนปก ซึ่งมีขนาดเล็กเพราะกราฟิกเหล่านี้ใช้สีเรียบและข้อความ รูปถ่ายจริงที่มีมิติเท่ากันอาจมีขนาดใหญ่กว่ามาก ดังนั้นควรวัดขนาดของ asset ของคุณเองแทนที่จะคัดลอกเป้าหมายไบต์ที่ตายตัว

สำหรับการเปรียบเทียบข้อดีข้อเสียของรูปแบบไฟล์ ให้เปรียบเทียบ AVIF vs WebP หากคุณต้องการยืนยันมิติภาพก่อนส่งออก ให้ใช้ Check Image Size and Dimensions

รูปภาพแบบ Responsive ส่งผลต่อ SEO อย่างไร?

รูปภาพแบบ Responsive ช่วยให้ผู้ใช้และ crawler สามารถเข้าถึงไฟล์ที่เหมาะสมสำหรับอุปกรณ์นั้นๆ ผู้เยี่ยมชมจากมือถือไม่ควรดาวน์โหลดฮีโร่ขนาดใหญ่ตัวเดียวกันกับที่จอเดสก์ท็อปได้รับ ควรใช้ srcset และ sizes เมื่อรูปภาพเดียวกันต้องการความกว้างหลายแบบ และคงค่า alt ที่มีความหมายเพียงค่าเดียวบนองค์ประกอบ img

หน้าเว็บควรจองพื้นที่ไว้ก่อนที่รูปภาพจะโหลด กำหนดแอตทริบิวต์ width และ height หรือใช้กฎ aspect ratio ของ CSS เพื่อไม่ให้เนื้อหาขยับไปมาในขณะที่เบราว์เซอร์กำลังดึงไฟล์ Google ได้บันทึก Cumulative Layout Shift เป็นส่วนหนึ่งของแนวทาง Core Web Vitals และรูปภาพที่ไม่มีขนาดเป็นสาเหตุที่สามารถป้องกันได้ทั่วไป

ควรใช้รูปแบบ markup นี้เมื่อคุณมี derivative แบบ responsive:

<img
  src="/images/product-shoe-1200.webp"
  srcset="/images/product-shoe-600.webp 600w, /images/product-shoe-1200.webp 1200w"
  sizes="(max-width: 700px) 92vw, 680px"
  width="1200"
  height="800"
  alt="Blue trail running shoe with black laces and thick white sole"
  loading="lazy"
>

อย่าติดนิสัยในการ lazy-load รูปภาพที่สำคัญที่สุดส่วน above-the-fold ภาพฮีโร่ รูปถ่ายผลิตภัณฑ์หลัก และรูปภาพบทความนำมักต้องการลำดับความสำคัญปกติ รูปภาพแกลเลอรีส่วน below-the-fold เป็นตัวเลือกที่ดีกว่าสำหรับการ lazy loading

สำหรับการสร้าง derivative จำนวนมาก Batch Resize Guide ให้เวิร์กโฟลว์แบบ command-line สำหรับการตัดสินใจเกี่ยวกับรูปภาพเฉพาะมือถือ ให้จับคู่ไกด์นี้กับ Mobile Image Optimization

ควรใช้ image sitemap และ structured data หรือไม่?

ให้ใช้ image sitemaps เมื่อรูปภาพเป็นเนื้อหาที่สำคัญ ไม่ใช่แค่การตกแต่งเท่านั้น สิ่งเหล่านี้มีประโยชน์อย่างยิ่งสำหรับแคตตาล็อกสินค้า สูตรอาหาร แกลเลอรี และคลังบทความ ซึ่งมี URL รูปภาพจำนวนมากที่ต้องการการค้นพบที่เชื่อถือได้

structured data ก็สามารถช่วยได้เมื่อประเภทของหน้าเว็บรองรับ เนื้อหาเกี่ยวกับผลิตภัณฑ์ สูตรอาหาร บทความ และวิดีโอ มักจะรวมคุณสมบัติของรูปภาพไว้ใน schema markup โดยที่ schema ควรตรงกับเนื้อหาที่มองเห็นบนหน้าเว็บ ห้ามทำเครื่องหมาย (mark up) รูปภาพที่ผู้ใช้ไม่สามารถเห็นได้

หากรูปภาพถูกสร้างขึ้นหรือมีการแก้ไขอย่างหนัก ควรทำให้บริบทของหน้าเว็บมีความซื่อสัตย์ ห้ามปล่อยให้รูปภาพที่ดูดีเกินจริงบ่งชี้ถึงหลักฐานของผลิตภัณฑ์ อสังหาริมทรัพย์ หรือผลลัพธ์ที่หน้าเว็บไม่สามารถรองรับได้

ต้องวัดผล SEO ของรูปภาพอย่างไรหลังเผยแพร่?

การวัดผลควรแยกการค้นพบรูปภาพออกจากความเร็วของหน้าเว็บ Search Console สามารถแสดงประสิทธิภาพการค้นหารูปภาพได้โดยการกรองรายงาน Search results ให้เป็นประเภท Image search Core Web Vitals และ Lighthouse สามารถระบุได้ว่ารูปภาพส่งผลเสียต่อประสบการณ์ในการโหลดหรือไม่

สิ่งเหล่านี้ที่ควรตรวจสอบหลังการเผยแพร่:

1. URL รูปภาพ CDN ที่สำคัญต้องส่งคืนค่า HTTP 200
2. หน้าที่แสดงผลมีโค้ดรูปภาพ (image markup) ฉบับสุดท้ายอยู่
3. Search Console กำลังรวบรวมจำนวนครั้งที่แสดงผล (impressions) สำหรับคำค้นหาที่เกี่ยวข้อง
4. ค่า Largest Contentful Paint ไม่ถูกครอบงำด้วยรูปภาพขนาดใหญ่เกินไป
5. การเลื่อนของเค้าโครง (Layout shift) ต้องไม่เกิดขึ้นเมื่อโหลดรูปภาพ
6. alt text ยังคงตรงกับรูปภาพที่มองเห็นได้แม้มีการแก้ไขหรือแทนที่แล้วก็ตาม
7. ลิงก์ภายในชี้ไปยังหน้าขั้นตอนถัดไปที่มีประโยชน์ ไม่ใช่โพสต์ที่ไม่เกี่ยวข้อง
8. รูปภาพปรากฏอย่างถูกต้องใน Open Graph และตัวอย่างก่อนแสดงผลบนโซเชียลมีเดีย

อย่าคาดหวังว่า image SEO จะแก้ไขหน้าเว็บที่เนื้อหาน้อยได้ หากบทความ หน้าผลิตภัณฑ์ หรือแกลเลอรีขาดข้อความที่มีประโยชน์ รูปภาพก็จะมีบริบทในการจัดอันดับน้อยลง image SEO จะแข็งแกร่งที่สุดเมื่อรูปภาพช่วยให้หน้านั้นตอบคำถามได้อย่างแท้จริง

รายการตรวจสอบ SEO สำหรับรูปภาพ

ใช้ขั้นตอนสุดท้ายนี้กับทุกรูปภาพที่สำคัญต่อปริมาณการเข้าชมจาก Search, การแชร์บนโซเชียลมีเดีย หรือ Conversion:

ขั้นตอนที่ง่ายที่สุดและเชื่อถือได้ยังคงเป็นสิ่งที่ดีที่สุด: ใช้รูปภาพที่สามารถ Crawl ได้ อธิบายอย่างซื่อสัตย์ ปรับขนาดก่อนบีบอัด ส่งมอบจาก CDN ที่เสถียร และวัดผลหน้าเว็บหลังจากเผยแพร่แล้ว