🔹 การใช้งาน Alternative Text (Alt Text) สำหรับทำ SEO อย่างละเอียด
📌 Alt Text คืออะไร?
Alternative Text (Alt Text หรือ Alt Attribute) คือข้อความอธิบายภาพที่ใช้ในแท็ก <img> เช่น:
📌 Alt Text มีหน้าที่อะไร?
✅ ช่วยให้ Google เข้าใจเนื้อหาของภาพ (เพราะ Google ไม่สามารถอ่านภาพโดยตรงได้)
✅ ช่วยให้รูปภาพติดอันดับใน Google Images Search
✅ ช่วยด้าน Accessibility โดยโปรแกรมอ่านหน้าจอจะอ่าน Alt Text ให้ผู้พิการทางสายตาฟัง
✅ ช่วยให้เว็บไซต์โหลดเร็วขึ้น หากรูปภาพไม่โหลด Alt Text จะแสดงแทน
🔹 โครงสร้างของ Alt Text ที่ดี
✅ 1. ควรเขียนให้สื่อความหมายได้โดยไม่ต้องดูภาพ
✅ 2. ควรมี Keyword ที่เกี่ยวข้อง แต่ต้องใช้ตามธรรมชาติ
✅ 3. ไม่ควรใส่คำว่า “รูปภาพของ…” หรือ “Image of…”
✅ 4. ควรสั้น กระชับ (ไม่เกิน 125 ตัวอักษร)
🔹 ตัวอย่างการใช้ Alt Text ที่ถูกต้องและผิด
| ตัวอย่างรูป | ❌ Alt Text ที่ไม่ดี | ✅ Alt Text ที่ดี | 
|---|---|---|
| alt=”image1.jpg” (ชื่อไฟล์ ไม่มีความหมาย) | alt=”คู่มือ SEO สำหรับมือใหม่” (ให้ข้อมูลที่ชัดเจน) | |
| alt=”แล็ปท็อป” (สั้นเกินไป) | alt=”แล็ปท็อป MacBook Air M2 บนโต๊ะไม้” (รายละเอียดครบถ้วน) | |
| alt=”WordPress logo” (พื้นฐานเกินไป) | alt=”โลโก้ WordPress สีฟ้าบนพื้นหลังขาว” (เพิ่มรายละเอียดช่วย SEO และ Accessibility) | 
📌 แนะนำ: ควรใช้คำที่ บรรยายภาพให้เข้าใจได้ทันที โดยไม่ต้องดูภาพ
🔹 ตัวอย่างการใช้ Alt Text ใน HTML
✅ ตัวอย่างที่ดี
❌ ตัวอย่างที่ไม่ดี
📌 ปัญหา: คำว่า “SEO” กว้างเกินไป ไม่บรรยายภาพอย่างละเอียด
🔹 แนวทางการใช้ Alt Text สำหรับ SEO
✅ 1. ใช้คำที่อธิบายภาพอย่างละเอียดและตรงประเด็น
- ❌ หลีกเลี่ยง: alt=”รถ” (ไม่เจาะจง)
- ✅ ควรใช้: alt=”รถยนต์ Tesla Model 3 สีแดงกำลังจอดชาร์จแบตเตอรี่” (เพิ่มรายละเอียด)
✅ 2. ใช้ Keyword ที่เกี่ยวข้อง
- ❌ หลีกเลี่ยง: alt=”รูปภาพ SEO” (ไม่ช่วย SEO)
- ✅ ควรใช้: alt=”คู่มือ SEO 2024 ที่ช่วยให้เว็บไซต์ติดอันดับ Google” (ใช้ Keyword แต่เป็นธรรมชาติ)
✅ 3. หลีกเลี่ยงการใส่ Keyword มากเกินไป (Keyword Stuffing)
- ❌ หลีกเลี่ยง: alt=”SEO, เทคนิค SEO, SEO ติดอันดับ, SEO 2024″ (Google อาจมองว่าเป็น Spam)
- ✅ ควรใช้: alt=”เทคนิคการทำ SEO ให้ติดอันดับ Google ด้วยวิธี On-Page และ Off-Page”
✅ 4. หลีกเลี่ยงการใช้คำไม่จำเป็น เช่น “รูปภาพของ…” หรือ “Image of…”
- ❌ หลีกเลี่ยง: alt=”รูปภาพของแมวสีดำ”
- ✅ ควรใช้: alt=”แมวสีดำกำลังนอนอยู่บนโซฟาสีขาว”
✅ 5. ใช้ Alt Text สำหรับทุกภาพที่สำคัญ
📌 ควรใส่ Alt Text เฉพาะภาพที่เกี่ยวข้องกับเนื้อหา เช่น ภาพสินค้า, อินโฟกราฟิก, และไอคอนที่มีความหมาย
🔹 ข้อควรระวังในการใช้ Alt Text
❌ อย่าใช้ Alt Text กับภาพที่ไม่สำคัญ (เช่น ไอคอนตกแต่ง, เส้นคั่น, Background Images)
✅ ถ้าเป็นภาพตกแต่ง ให้ใช้ alt=”” (Alt Text ว่างเปล่า) เพื่อให้ Google และ Screen Reader ข้ามไป
🔹 Alt Text และ Google Image Search
📌 Google ใช้ Alt Text เพื่อจัดอันดับรูปภาพใน Google Images
✅ ตัวอย่างการเพิ่มโอกาสติดอันดับใน Google Images
📌 รูปนี้มีโอกาสติดอันดับคำค้นหา “กลยุทธ์การตลาดดิจิทัล” มากกว่าภาพที่ไม่มี Alt Text
🔹 เครื่องมือช่วยวิเคราะห์ Alt Text
✅ Google Search Console → ตรวจสอบว่ามีภาพที่ไม่มี Alt Text หรือไม่
✅ Lighthouse (Google Chrome DevTools) → วิเคราะห์ Accessibility และ Alt Text
✅ Yoast SEO (WordPress Plugin) → ตรวจสอบว่าภาพมี Alt Text ที่เหมาะสม
🔹 สรุป
🔹 Alt Text ช่วยให้ Google เข้าใจภาพและช่วยให้ภาพติดอันดับใน Google Images
🔹 ควรเขียนให้กระชับ ชัดเจน มี Keyword แต่ต้องเป็นธรรมชาติ
🔹 หลีกเลี่ยงการใช้ Keyword มากเกินไป (Keyword Stuffing)
🔹 หากเป็นภาพตกแต่ง ควรใช้ alt=”” เพื่อไม่ให้รบกวน SEO และ Accessibility
🔹 Google ให้ความสำคัญกับ Alt Text ดังนั้นควรใช้ให้ถูกต้องและเหมาะสม
📌 แนะนำ: ตรวจสอบ Alt Text ในเว็บไซต์ของคุณและปรับให้เหมาะสม เพื่อช่วยให้ SEO ดีขึ้น 🚀

