1. ทำไมรูปแบบของภาพถึงสำคัญ
Google แนะนำให้ใช้ WebP แทนรูปแบบดั้งเดิมเช่น JPEG หรือ PNG WebP ให้คุณภาพภาพเท่าเดิมแต่มีขนาดไฟล์เล็กกว่า 25–34%
ประโยชน์ของ WebP:
- เวลาโหลดหน้าเว็บเร็วขึ้น
- Core Web Vitals ที่ดีขึ้น
- ใช้พื้นที่จัดเก็บและแบนด์วิดท์น้อยลง
ตัวอย่าง HTML กับ WebP Fallback:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="รองเท้าบูทยางสีดำสำหรับผู้หญิง" loading="lazy" width="800" height="600">
</picture>
2. ข้อความ ALT: อาวุธลับของ SEO
แอตทริบิวต์ alt ช่วยให้เครื่องมือค้นหาเข้าใจเนื้อหาของภาพและปรับปรุงการเข้าถึง นอกจากนี้ยังสำคัญอย่างยิ่งสำหรับ SEO ของ Google Images
ตัวอย่างที่ถูกต้อง:
<img src="boots.webp" alt="รองเท้าบูทกันฝน PVC สีดำสำหรับผู้หญิงของ Litma">
หลีกเลี่ยงค่า alt ที่ว่างเปล่าหรือทั่วไปเช่น alt="ภาพ" หรือ alt="สินค้า"
3. LCP และ PageSpeed: เพิ่มประสิทธิภาพ Largest Contentful Paint
LCP (Largest Contentful Paint) เป็นหนึ่งใน Google Core Web Vitals หากภาพหลักของคุณโหลดช้า อันดับ SEO ของคุณจะลดลง
เคล็ดลับในการปรับปรุง LCP:
- ใช้ภาพ WebP ที่บีบอัด
- กำหนดขนาดของภาพ (
width,height) - โหลดเฉพาะภาพสำคัญในตอนแรก
- ใช้
loading="lazy"สำหรับภาพที่ไม่สำคัญ
4. ลดขนาดไฟล์ = SEO ที่ดีขึ้น
ทุกกิโลไบต์มีความสำคัญ ภาพขนาดใหญ่ (1MB+) จะทำให้ร้านค้าของคุณช้าลงอย่างมาก
แนะนำ:
- รักษาภาพสินค้าให้ต่ำกว่า 100KB
- ปรับขนาดให้ตรงกับขนาดการแสดงผลจริง
- ใช้การบีบอัดแบบไม่สูญเสียเมื่อเป็นไปได้
แนวทางปฏิบัติที่ดีที่สุดของ HTML:
<img src="shoes.webp" alt="รองเท้าผ้าใบผ้าฝ้ายสำหรับผู้หญิง" width="600" height="600" loading="lazy">
5. ข้อมูลจริง: ทำไมถึงสำคัญ
- ผู้ใช้มือถือ 53% จะออกจากเว็บไซต์หากใช้เวลาโหลดมากกว่า 3 วินาที
- เว็บไซต์อีคอมเมิร์ซมากกว่า 70% ล้มเหลวใน Core Web Vitals เนื่องจากการจัดการภาพที่ไม่ดี
- ผู้ค้าปลีกชั้นนำเพียง 32% เท่านั้นที่ใช้ WebP
- ข้อความ ALT หายไปใน 38% ของรายการสินค้า
6. ตารางอ้างอิงด่วน
| ปัจจัย | คำแนะนำ |
|---|---|
| รูปแบบ | WebP |
| ข้อความ ALT | อุดมไปด้วยคำสำคัญและมีคำอธิบาย |
| ขนาดสูงสุด | ต่ำกว่า 100KB |
| การโหลดแบบ Lazy | ใช่ (loading="lazy") |
| ภาพ LCP | เพิ่มประสิทธิภาพและตอบสนอง |
| ความละเอียด | ตรงกับขนาดการแสดงผล |
7. ใช้ WebPPhoto สำหรับการเพิ่มประสิทธิภาพที่รวดเร็วและฟรี
WebPPhoto.com ช่วยคุณ:
- ลบพื้นหลังโดยอัตโนมัติ
- แปลงภาพเป็น WebP
- ปรับขนาดและครอบตัดสำหรับตลาดออนไลน์
- เพิ่มประสิทธิภาพภาพในไม่กี่วินาที
เครื่องมือทั้งหมดฟรี รวดเร็ว และเป็นส่วนตัว