Alt Text คืออะไร?

🔹 การใช้งาน Alternative Text (Alt Text) สำหรับทำ SEO อย่างละเอียด

📌 Alt Text คืออะไร?

Alternative Text (Alt Text หรือ Alt Attribute) คือข้อความอธิบายภาพที่ใช้ในแท็ก <img> เช่น:

html
<img src=”seo-guide.jpg” alt=”คู่มือการทำ SEO สำหรับมือใหม่”>

 

📌 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

ตัวอย่างที่ดี

html
<img src=”seo-strategy.jpg” alt=”กลยุทธ์การทำ SEO สำหรับธุรกิจออนไลน์”>

 

ตัวอย่างที่ไม่ดี

html
<img src=”seo-strategy.jpg” alt=”SEO”>

 

📌 ปัญหา: คำว่า “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 ข้ามไป

html
<img src=”decorative-line.jpg” alt=””>

 


🔹 Alt Text และ Google Image Search

📌 Google ใช้ Alt Text เพื่อจัดอันดับรูปภาพใน Google Images
ตัวอย่างการเพิ่มโอกาสติดอันดับใน Google Images

html
<img src=”digital-marketing-strategy.jpg” alt=”กลยุทธ์การตลาดดิจิทัลสำหรับธุรกิจขนาดเล็ก”>

 

📌 รูปนี้มีโอกาสติดอันดับคำค้นหา “กลยุทธ์การตลาดดิจิทัล” มากกว่าภาพที่ไม่มี 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 ดีขึ้น 🚀

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *