คู่มือ SEO รูปภาพ 2026: ชื่อไฟล์ Alt Text ขนาด และฟอร์แมต

รูปภาพมักเป็นโอกาสที่ถูกมองข้ามมากที่สุดใน on-page SEO มันดึงทราฟฟิกจาก Google Images มันกำหนดว่าหน้าเว็บโหลดเร็วแค่ไหน (ปัจจัยจัดอันดับจริง) และมันทำให้เนื้อหาเข้าถึงได้สำหรับคนที่ใช้โปรแกรมอ่านหน้าจอ ทำสี่อย่างให้ถูก คือ ชื่อไฟล์ alt text ขนาดและฟอร์แมต และพฤติกรรมการโหลด แล้วรูปก็จะกลายเป็นสินทรัพย์แทนที่จะเป็นภาระที่ถ่วง

นี่คือเช็กลิสต์ที่ผมใช้ ตามลำดับที่ผมนำมาปรับใช้

1. ตั้งชื่อไฟล์ให้สื่อความหมาย

IMG_4823.jpg ไม่บอกอะไรเสิร์ชเอนจินเลย golden-retriever-puppy-training.jpg บอกมันเป๊ะ ๆ ว่ารูปแสดงอะไร ชื่อไฟล์เป็นสัญญาณจัดอันดับจริงสำหรับการค้นหารูป ดังนั้นเปลี่ยนชื่อก่อนอัปโหลด

แนวทาง:

• ใช้คำจริงที่บรรยายรูป คั่นด้วยขีดกลาง
• สั้นและเจาะจง สามหรือสี่คำมักพอ
• เลี่ยงการยัดคีย์เวิร์ด best-cheap-dog-training-puppy-tips-guide.jpg อ่านแล้วเหมือนสแปม

2. เขียน alt text เพื่อคนก่อน

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

• ดี: alt="ลูกสุนัขโกลเด้นรีทรีฟเวอร์นั่งตามคำสั่งระหว่างการฝึก"
• อ่อน: alt="ลูกสุนัข"
• แย่: alt="ฝึกสุนัข ลูกสุนัข เทคนิค ครูฝึกสุนัขที่ดีที่สุดใกล้ฉัน"

บรรยายสิ่งที่อยู่ในเฟรมจริง ๆ ถ้ารูปเป็นเพียงองค์ประกอบตกแต่ง ให้ใช้ alt="" ว่าง ๆ เพื่อให้โปรแกรมอ่านหน้าจอข้ามไป อย่าเริ่มด้วย "รูปของ" เสิร์ชเอนจินและโปรแกรมอ่านหน้าจอรู้อยู่แล้วว่ามันคือรูป

3. ปรับขนาดพอดีและทำให้ทันสมัยทุกไฟล์

นี่คือจุดที่ SEO และความเร็วหน้าเว็บมาบรรจบกัน รูปที่ใหญ่เกินไปทำให้หน้าช้า และหน้าที่ช้าจัดอันดับได้แย่กว่าและเสียผู้อ่าน สองการเคลื่อนไหวแก้ได้

ส่งมอบขนาดที่คุณแสดง ภาพที่แสดงกว้าง 1000 พิกเซลไม่ควรเป็นไฟล์ 4000 พิกเซล ย่อขนาดก่อน

ใช้ฟอร์แมตสมัยใหม่ WebP คือค่าเริ่มต้นที่มีเหตุผลในปี 2026 มันเล็กกว่า JPEG 25–35% พร้อมการรองรับเบราว์เซอร์ทั่วทุกที่ AVIF เล็กลงไปอีก เครื่องมือแปลงรูป เล็งไปที่ AVIF ได้และถอยกลับไปใช้ WebP โดยอัตโนมัติเมื่อ AVIF ไม่เหมาะ คุณจึงส่งฟอร์แมตที่เล็กที่สุดที่สถานการณ์เอื้อได้เสมอ

จากนั้นบีบอัด เครื่องมือบีบอัดรูป เข้ารหัสใหม่ที่คุณภาพที่คุณเลือก ควอนไทซ์ PNG ลงเหลือ 256 สี และไม่เคยส่งออกไฟล์ที่ใหญ่กว่าต้นฉบับ สำหรับรูปทั้งหน้าเว็บ ให้ประมวลผลเป็นชุดแล้วดาวน์โหลดเป็น ZIP

ตารางเป้าหมายด่วน:

4. ควบคุมวิธีที่รูปโหลด

• โหลดแบบ lazy รูปที่อยู่ต่ำกว่าขอบจอด้วย loading="lazy" เพื่อให้ดาวน์โหลดเฉพาะตอนที่ผู้อ่านเลื่อนเข้าใกล้
• กำหนดแอตทริบิวต์ width และ height เพื่อจองพื้นที่และป้องกันการเลื่อนของเลย์เอาต์ ดีต่อทั้งประสบการณ์ผู้ใช้และ Core Web Vitals
• ให้ srcset แบบตอบสนอง เพื่อให้โทรศัพท์ได้ไฟล์เล็กและเดสก์ท็อปได้ไฟล์ใหญ่

5. หนุนรูปของคุณด้วยตัวหน้าเว็บ

• วางแต่ละรูปใกล้ข้อความที่พูดถึงหัวข้อเดียวกัน บริบทช่วยให้เสิร์ชเอนจินตีความมัน
• เพิ่มรายการใน image sitemap สำหรับรูปสำคัญถ้า CMS ของคุณรองรับ
• ใช้คำบรรยายภาพในจุดที่ช่วยผู้อ่านจริง ๆ มันถูกอ่านมากกว่าเนื้อความ

ตรวจสอบก่อนบอกว่าเสร็จ

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

เวอร์ชันสั้น

ชื่อไฟล์ที่สื่อความหมาย alt text ที่ตรงไปตรงมา ไฟล์ขนาดพอดีในรูปแบบ WebP หรือ AVIF และ lazy loading ทำสี่อย่างนี้อย่างสม่ำเสมอ แล้วรูปของคุณจะช่วยให้คุณติดอันดับทั้งการค้นหาเว็บและการค้นหารูปในขณะที่ยังทำให้หน้าเว็บเร็ว ตรวจสอบ แก้ไฟล์ที่หนักที่สุด ทำซ้ำ