Alt Text รูปภาพเขียนอย่างไรให้ดีต่อ SEO และคนใช้ Screen Reader

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

Alt Text หรือข้อความทางเลือกของรูปภาพ มีหน้าที่ถ่ายทอดสาระหรือหน้าที่ของภาพให้คนที่มองไม่เห็นภาพเข้าถึงได้ และช่วยให้ระบบค้นหาเข้าใจบริบทของภาพด้วย แต่ไม่ใช่ช่องสำหรับยัดคีย์เวิร์ด Google Search Central แนะนำให้ใช้ข้อความที่อธิบายภาพอย่างมีประโยชน์ในบริบทหน้า ส่วน W3C WAI อธิบายว่าภาพบางประเภทควรมีคำอธิบาย และบางประเภทควรตั้ง alt="" เพื่อไม่เพิ่มเสียงรบกวนที่ไม่จำเป็น

ก่อนเขียน Alt Text ต้องตอบให้ได้ว่าภาพนี้ทำหน้าที่อะไร

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

W3C แบ่งแนวคิดสำคัญออกเป็นภาพสื่อข้อมูล (informative) ภาพตกแต่ง (decorative) ภาพที่มีหน้าที่เป็นปุ่มหรือลิงก์ (functional) และภาพข้อมูลซับซ้อน เช่น กราฟ แต่ละประเภทต้องเขียนข้อความทางเลือกต่างกัน และบางกรณีควรนำข้อมูลสำคัญออกมาอยู่ในเนื้อหาจริงด้วย ไม่ใช่ฝากไว้กับ Alt เพียงบรรทัดเดียว

ตัวอย่างข้อความในตารางเป็นตัวอย่างสมมติของ Social Plus System ไม่ใช่ข้อความที่ Google บังคับให้ใช้ และไม่มีจำนวนตัวอักษรมาตรฐานเดียวที่เหมาะกับภาพทุกชนิด เกณฑ์ที่ใช้งานได้ดีกว่าคืออ่านแล้วคนที่ไม่ได้เห็นภาพยังเข้าใจสาระที่เกี่ยวข้องกับหน้านั้นหรือไม่

Alt Text ที่ดีไม่จำเป็นต้องขึ้นต้นว่า “ภาพของ” ทุกครั้ง

สมมติบทความสอนเลือกกระเป๋าเดินทาง มีภาพซิปคู่และตัวล็อก TSA หากเขียนว่า “ภาพกระเป๋าเดินทาง กระเป๋าเดินทางดี กระเป๋าเดินทางราคาไม่แพง” ผู้อ่านไม่ได้ทราบเลยว่ารูปช่วยอธิบายเรื่องใด ขณะที่ข้อความ “ซิปคู่ของกระเป๋าเดินทางพร้อมช่องล็อก TSA ที่ด้านข้าง” บอกสิ่งที่เห็นและเกี่ยวข้องกับเนื้อหาได้ตรงกว่า

อีกตัวอย่างหนึ่งคือภาพหน้าจอแบบฟอร์มติดต่อที่มีกรอบเตือน “กรุณากรอกเบอร์โทรศัพท์” ถ้าข้อความเตือนนี้สำคัญต่อวิธีแก้ปัญหา คำอธิบายหรือเนื้อหาใกล้ภาพต้องถ่ายทอดสาระนั้น ไม่ใช่เขียน Alt เพียงว่า “ภาพตัวอย่างฟอร์ม” เพราะคนใช้ Screen Reader จะพลาดรายละเอียดที่คนมองเห็นอ่านได้

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

SEO รูปภาพไม่ได้มีแค่ Alt Text

Google แนะนำให้ใช้แท็กภาพ HTML แบบมาตรฐาน เช่น <img src="..." alt="..."> เพื่อช่วยให้ค้นพบรูปภาพ โดยระบุด้วยว่า Google ไม่จัดทำดัชนีรูปที่วางเป็น CSS background สำหรับการค้นหารูปภาพในแนวทางดังกล่าว ดังนั้นหากรูปมีสาระสำคัญ ควรให้ระบบแสดงเป็นองค์ประกอบที่ค้นพบได้ตามแนวทางที่รองรับ แทนการซ่อนภาพข้อมูลทั้งหมดไว้ใน CSS

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

การใส่ภาพแบบ Responsive ด้วย srcset หรือ <picture> ช่วยให้แสดงไฟล์เหมาะกับอุปกรณ์ แต่ Google แนะนำให้มี URL สำรองในแอตทริบิวต์ src ด้วย เพื่อช่วยให้ระบบที่ไม่รองรับบางคุณสมบัติเข้าถึงภาพได้ ส่วนการบีบอัดไฟล์และกำหนดขนาดพื้นที่ภาพก็ช่วยด้านประสบการณ์ผู้ใช้ แต่ไม่ได้แปลว่าภาพยิ่งเล็กยิ่งดีหากรายละเอียดที่จำเป็นหายไป

ภาพ Featured Image ควรเขียน Alt Text ตอนไหน

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

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

ตัวอย่างแก้ Alt Text แบบที่ใช้บรีฟทีมงานได้

ตัวเลข 120 และ 180 เป็นตัวอย่างจำลองเท่านั้น ไม่ใช่ข้อมูลยอดขายจากกิจการจริง เมื่อลงข้อมูลจริงต้องอ้างจากกราฟและแหล่งข้อมูลที่ตรวจได้ หากเป็นกราฟหลายเส้นหรือมีค่าจำนวนมาก ให้ใช้ Alt สรุปใจความสำคัญและมีข้อมูลฉบับอ่านได้ในเนื้อหาใกล้เคียง เพื่อไม่บีบทุกตัวเลขไว้ในข้อความทางเลือกยาว ๆ เพียงช่องเดียว

การทำ Alt Text สำหรับ AI Search ควรคาดหวังแค่ไหน

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

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

ถ้ากำลังจัดระบบบทความและภาพประกอบจำนวนมาก ควรทำคู่มือการตั้งชื่อไฟล์ การเขียน Alt และการตรวจการเข้าถึงให้คนทำงานใช้ร่วมกัน พร้อมเชื่อมบทความกับ บริการ SEO ของ Social Plus System เฉพาะเมื่อเกี่ยวข้องกับประเด็น ไม่จำเป็นต้องแทรกลิงก์ขายบริการในทุกย่อหน้า

ตรวจภาพก่อนเผยแพร่: 6 คำถามที่ใช้ได้จริง

• ภาพนี้เป็นข้อมูลสำคัญ ภาพทำหน้าที่เป็นปุ่ม หรือเป็นเพียงของตกแต่ง?
• หากคนไม่เห็นภาพ จะพลาดสาระอะไรที่ต้องรู้?
• ข้อความ Alt ที่เขียนมีข้อเท็จจริงเกินกว่าภาพหรือไม่?
• หากเป็นกราฟ มีตารางหรือตัวเลขสำคัญที่อ่านได้ในเนื้อหาหรือยัง?
• รูปภาพโหลดได้ทั้งมือถือและเดสก์ท็อป มี src สำรองเมื่อใช้ srcset หรือไม่?
• ข้อความบนภาพที่จำเป็นต่อความเข้าใจมีวิธีให้คนใช้ Screen Reader เข้าถึงหรือไม่?

เช็กลิสต์นี้เป็นแนวทางปฏิบัติที่เรียบเรียงจากหลักการ Google Search Central และ W3C WAI ไม่ใช่มาตรฐานใหม่หรือข้อกำหนดบังคับว่าทุกบทความต้องมีรูปอย่างน้อยกี่รูป ถ้ารูปไม่ได้เพิ่มสาระต่อหัวข้อ บางบทความก็อ่านได้ดีกว่าเมื่อใช้ข้อความหรือตารางอย่างเหมาะสม

คำถามที่พบบ่อย

รูปตกแต่งต้องใส่ Alt Text ว่าอะไร?

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

Alt Text ควรใส่คีย์เวิร์ด SEO ทุกภาพหรือไม่?

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

ยังไม่ได้ทำ Featured Image เขียนบทความลงระบบก่อนได้ไหม?

ได้ครับ หากระบบเนื้อหาอนุญาตให้เผยแพร่บทความโดยไม่มีภาพ ให้เก็บข้อมูลภาพว่างไว้ก่อน ไม่ควรสร้าง URL หรือ Alt Text ของภาพที่ยังไม่มีจริง เมื่อเลือกและอัปโหลดภาพแล้วจึงตรวจภาพจริงและเพิ่มข้อความทางเลือกที่ตรงกับบทบาทของภาพ

แหล่งอ้างอิง

Google Search Central. Google image SEO best practices (เอกสารออนไลน์). เข้าถึงวันที่: 29 ตุลาคม 2026.

W3C Web Accessibility Initiative. An alt Decision Tree (เอกสารออนไลน์). เข้าถึงวันที่: 29 ตุลาคม 2026.

W3C Web Accessibility Initiative. Decorative Images (เอกสารออนไลน์). เข้าถึงวันที่: 29 ตุลาคม 2026.