AI ตรวจสอบ Alt Text ได้ครับ มันช่วยหาได้เร็วว่ารูปไหนไม่มี alt, ใช้คำเดิมซ้ำ, หลุดเป็นชื่อไฟล์ หรือเขียนกว้างจนคนฟังไม่เห็นภาพ. แต่ AI ยังไม่ควรเป็นคนตัดสินสุดท้าย เพราะ alt ที่ถูก syntax อาจยังไม่ตอบว่า “รูปนี้มีความหมายอะไรต่อเรื่องที่กำลังอ่าน” ได้เลย
ตอนผมไล่คลัง IncomeInClick 202 หน้า ผมไม่ได้อยากได้รายการแดงยาว ๆ เพื่อเอาไปติ๊กว่าผ่านครับ ผมอยากรู้ว่าหน้าไหนกำลังฝากข้อมูลสำคัญไว้ในภาพอย่างเดียว และถ้าคนใช้ screen reader หรือรูปโหลดไม่ขึ้น เขายังเข้าใจเรื่องเดียวกับเราไหม นั่นคือคำถามที่ AI ช่วยคัดให้ไวมาก แต่คนยังต้องเป็นเจ้าของคำตอบ
Alt Text คืออะไร และทำไมเว็บไซต์ต้องมี?
Alt text คือข้อความทางเลือกที่อธิบายรูปภาพให้คนที่มองภาพไม่ได้ หรือเจอรูปโหลดไม่ขึ้นเข้าใจสาระเดียวกันครับ. มันไม่ใช่ช่องสำหรับยัด keyword และไม่ใช่ caption ที่เขียนซ้ำใต้รูปทุกครั้ง
เวลาใช้ screen reader โปรแกรมจะอ่าน alt ออกเสียงแทนภาพ ถ้าภาพเป็นกราฟยอดขายที่สรุปว่าเดือนนี้ยอดโต 32% แต่ alt บอกแค่ “กราฟ” คนฟังก็พลาดข้อสรุปสำคัญไปหมด ในทางกลับกัน ถ้ารูปเป็นเส้นคั่นหรือพื้นหลังตกแต่ง แล้วเราใส่ alt ยาว ๆ ทุกภาพ คนฟังจะโดนขัดจังหวะจนอ่านบทความไม่รู้เรื่องเหมือนกัน
ผมชอบคิดว่า alt คือ “ประโยคที่เราจะพูดกับเพื่อนผ่านโทรศัพท์ หากเขาไม่เห็นรูปนี้” ถ้าเขาเข้าใจเนื้อหาต่อได้ก็พอ ไม่ต้องพยายามวาดภาพทุก pixel ให้ครบ 555
AI ตรวจสอบ Alt Text ได้อะไรบ้าง?
AI เก่งมากกับงาน inventory และหา pattern ครับ: มันดึงรูปกับ alt จากทุกหน้า แล้วจัดกลุ่มข้อยกเว้นให้เราเริ่มดูจากจุดที่น่าจะพังจริง. งานนี้ถ้าทำมือคือเปิดหน้า เปิด devtools จดลงชีต แล้ววนใหม่จนครบ ซึ่งเป็นงานที่ให้ AI ทำแทนได้ตรง ๆ
- alt หาย — รูปมีอยู่ แต่ไม่มีข้อความทางเลือกเลย
- alt ซ้ำทั้งเว็บ — เช่น รูปหลายสิบรูปถูกเรียกว่า “ภาพประกอบ” หมด
- ชื่อไฟล์หลุดมา — อย่าง IMG_4821.png หรือ image-final-v2 ซึ่งไม่ช่วยคนอ่านเลย
- alt ไม่ตรงกับหน้าที่ — ภาพกราฟหรือสินค้าแต่ใช้คำกว้าง ๆ ว่า “ภาพ AI”
- รูปตกแต่งถูกอ่านเกินจำเป็น — ควรเป็น alt ว่าง แต่มีประโยคซ้ำ ๆ คั่นการอ่าน
สิ่งที่ AI ทำได้คือชี้ “แถวนี้น่าตรวจ” ไม่ใช่ประกาศว่าแถวนี้ผิดเสมอไป รูปโลโก้ใน nav ใช้ alt ซ้ำได้ เพราะหน้าที่มันคือบอกชื่อแบรนด์เหมือนเดิมทุกหน้า เราต้องดูบริบทก่อนเสมอครับ
เคสจริง: ผมใช้ AI ไล่รูปใน 202 หน้าอย่างไร?
เคสจริงของผมเริ่มจาก 202 หน้า HTML ที่สะสมมาหลายช่วงเวลา จึงไม่มีทางเชื่อได้ว่ารูปทุกภาพใช้มาตรฐานเดียวกันโดยไม่ตรวจครับ. หน้าเก่าบางชุดใช้โครงสร้างคนละแบบกับบทความใหม่ บางชุดมีภาพ hero บางชุดมีภาพแทรก และบางชุดถูกแก้เฉพาะเนื้อหาโดยไม่ได้แตะรูป
ผมให้ AI ช่วยทำตารางที่มี URL, src ของรูป, alt, ตำแหน่งภาพ และข้อความรอบภาพก่อน จากนั้นให้จัดเฉพาะเคสที่ไม่มี alt, alt เหมือนชื่อไฟล์, alt ซ้ำผิดปกติ หรือรูปอยู่ในย่อหน้าที่ดูเหมือนกำลังแบกข้อมูลหลัก ผลที่ผมต้องการไม่ใช่ alt ใหม่หลายร้อยบรรทัด แต่เป็นคิวงานสั้น ๆ ที่ผมเปิดอ่านแล้วตัดสินใจได้เร็ว
ตัวเลข 202 หน้าไม่ได้แปลว่าผมแก้ทุกอย่างในวันเดียวครับ ผมแยกก่อนว่าหน้าไหนพาคนไปสมัครหรือขายของ, หน้าไหนมี traffic, และรูปไหนมีข้อมูลที่ข้อความไม่มี การแก้ภาพตกแต่งในบทความเก่ากับการแก้ภาพอธิบายขั้นตอนสมัคร เป็นคนละระดับของผลกระทบเลย
หลักคิดนี้เหมือนตอนผมให้ AI ตรวจ Title Tag: ให้มันลดงานค้นหาและนำหลักฐานมาวางข้างกัน แต่ไม่ให้มันแก้ทั้งเว็บตามความมั่นใจของโมเดลครับ
Alt Text ที่ดีควรเขียนอย่างไร?
Alt ที่ดีบอกเฉพาะสาระของภาพในบริบทนั้น ใช้คำธรรมดา และสั้นเท่าที่ทำให้คนตามเรื่องทันครับ. ไม่มี template เดียวที่ใช้ได้กับทุกภาพ เพราะรูปเดียวกันอาจมีหน้าที่ต่างกันในคนละบทความ
ตัวอย่างเช่น รูป screenshot หน้า dashboard ในบทความสอนเช็กยอดขาย ไม่ต้องเริ่มว่า “รูปภาพของ screenshot” เพราะ screen reader บอกอยู่แล้วว่าเป็นรูป เขียนว่า “Dashboard แสดงยอดขายรายวัน 12,400 บาทและยอดรวมรายสัปดาห์” มีประโยชน์กว่าเยอะ แต่ถ้า screenshot นั้นอยู่ข้างประโยคที่บอกตัวเลขครบแล้ว alt อาจเพียงบอกว่า “หน้า Dashboard สำหรับดูยอดขายรายวัน” ก็พอ
สำหรับรูปกราฟ ผมจะถามเพิ่มว่า คนอ่านต้องรู้แนวโน้มอะไรเพื่อเข้าใจย่อหน้านี้ ไม่จำเป็นต้องเอาข้อมูลทุกจุดลง alt จนยาวเป็นตาราง แต่ถ้ากราฟคือหลักฐานของข้อสรุป ก็ควรบอกตัวเลขหรือทิศทางสำคัญนั้นให้ครบ
ทุกรูปต้องมี Alt Text หรือเปล่า?
ไม่ใช่ทุกรูปต้องมีคำบรรยายครับ แต่ทุกรูปควรถูกตัดสินใจอย่างตั้งใจว่าเป็น “รูปที่มีสาระ” หรือ “รูปตกแต่ง”. รูปมีสาระควรมี alt ที่สื่อสาร ส่วนรูปตกแต่งล้วน ๆ ควรใช้ alt="" เพื่อให้ screen reader ข้ามไป
ความผิดพลาดที่เจอบ่อยคือกลัวช่อง alt ว่างแล้วกรอกทุกช่องด้วย “รูปภาพประกอบบทความ” ผลคือคนใช้ screen reader ต้องฟังประโยคที่ไม่เพิ่มความหมายซ้ำไปซ้ำมา อีกด้านหนึ่งคือใส่ alt ยาวทุกภาพเหมือนเขียนบทความใหม่ ทำให้สาระหลักหายไปในเสียงรบกวน
รูป hero ของบทความนี้เอง ถ้ามันแค่สร้าง mood ก็อาจใช้ alt สั้นหรือว่างได้ แต่หากผมใช้มันอธิบายขั้นตอนตรวจภาพบนเว็บไซต์ ผมต้องบอกว่าเห็นอะไรและเกี่ยวกับเรื่องอย่างไร หน้าที่ของรูปกำหนดคำตอบ ไม่ใช่ชื่อชนิดไฟล์ครับ
Alt Text ช่วย SEO และ AEO จริงไหม?
Alt text ที่ดีช่วยให้ระบบและคนเข้าใจรูปในบริบทของหน้า แต่ไม่ใช่ปุ่มลัดเพื่อให้ SEO พุ่งครับ. ผมทำมันเพราะคนอ่านต้องได้รับข้อมูล ไม่ใช่เพราะจะยัดคำค้นให้ crawler เก็บ
ผลทาง SEO ที่สมเหตุผลคือเราทำให้ความสัมพันธ์ระหว่างรูปกับข้อความชัดขึ้น และอาจช่วยให้รูปถูกค้นพบใน image search ได้ในบางเคส สำหรับ AEO หลักก็เหมือนกัน: ถ้าหน้าเว็บพูดตรง โครงสร้างชัด และหลักฐานไม่ซ่อนอยู่ในภาพอย่างเดียว AI engine ก็มีโอกาสเข้าใจคำตอบของหน้าได้ถูกขึ้น
แต่ผมไม่เขียน “AI ตรวจสอบ Alt Text ได้ไหม” ซ้ำใน alt ทุกภาพนะครับ นั่นไม่ได้ทำให้ภาพมีความหมายขึ้น อ่านบทความ AI ตรวจสอบ Accessibility เว็บไซต์ได้ไหม ต่อได้ถ้าอยากเห็นภาพว่า alt เป็นเพียงหนึ่งชิ้นของเว็บที่คนทุกคนควรใช้งานได้ ไม่ใช่ checklist สำหรับ SEO อย่างเดียว
ควรให้ AI เขียน Alt Text ทั้งเว็บเองไหม?
ให้ AI เขียนร่างได้ แต่ผมไม่ปล่อยให้มัน publish alt ทั้งเว็บเองครับ. AI มองเห็นวัตถุในภาพได้ดีขึ้นมากก็จริง แต่ยังเดาได้ว่าภาพนั้นกำลังพิสูจน์อะไร หรือข้อมูลไหนเป็นความลับของธุรกิจ
ภาพสินค้าอาจมีรุ่น สี และอุปกรณ์ที่ AI สับสน กราฟอาจใช้สีแดง-เขียวแต่ความหมายในธุรกิจเราไม่ได้ตรงตามที่โมเดลเดา และ screenshot ระบบหลังบ้านอาจมีชื่อหรือยอดเงินจริงที่ไม่ควรถูกย้ำใน public page วิธีปลอดภัยคือให้ AI เสนอร่างพร้อม URL และข้อความรอบภาพ แล้วให้คนเลือก แก้ หรือข้าม
ผมใช้กรอบง่าย ๆ: AI ทำงานซ้ำและหา exception, คนถือความหมายและความเสี่ยง โดยเฉพาะภาพสินค้า ราคา สุขภาพ การเงิน และข้อมูลลูกค้า งานตรวจภาพ AI ก่อนโพสต์ก็ใช้หลักเดียวกัน ลองดูเคส AI ตรวจสอบภาพ AI ก่อนโพสต์ได้ไหม ได้ครับ
เริ่มตรวจ Alt Text บนเว็บของตัวเองอย่างไร?
เริ่มจากหน้า 10–20 หน้าที่สำคัญที่สุดก่อนก็พอครับ ไม่ต้องรอให้มี crawler แพงหรือ agent ที่ทำทุกอย่างได้. เป้าหมายแรกคือรู้ว่าภาพไหนแบกข้อมูล และทำให้คนที่ไม่เห็นภาพยังไปต่อใน flow สำคัญได้
- รวบรวม URL, รูป, alt และข้อความก่อน-หลังรูปไว้ด้วยกัน
- ให้ AI แยก alt ที่หาย ซ้ำ เป็นชื่อไฟล์ หรือยาวผิดปกติ
- เปิดหน้า public จริง แล้วถามว่าถ้าไม่เห็นรูป เรายังเข้าใจประโยคนี้ไหม
- เริ่มแก้หน้า revenue, หน้าสมัคร, คู่มือ และบทความที่คนเข้ามากก่อน
- หลัง publish ให้ลองใช้ screen reader หรืออย่างน้อยอ่าน alt ออกเสียงเองหนึ่งรอบ
ถ้าอยากเรียนวิธีใช้ AI ไล่งานตรวจแบบมีหลักฐาน มีจุดให้คนอนุมัติ และไม่กลายเป็นการ copy/paste prompt ไปเรื่อย ๆ ผมสอนไว้แบบจับมือทำที่ คอร์สเรียน AI ครับ
คำถามที่พบบ่อย
AI ตรวจสอบ Alt Text ได้ไหม?
ได้ครับ AI ช่วยรวบรวมรูปและค่า alt จากหลายหน้า หา alt ที่หาย ซ้ำ เป็นชื่อไฟล์ หรือไม่มีความหมายได้เร็วมาก แต่คนต้องตัดสินว่าภาพไหนสำคัญและควรอธิบายอะไร
Alt Text คืออะไร?
Alt text คือข้อความทางเลือกของรูปภาพ ซึ่ง screen reader ใช้อ่านให้ผู้ใช้ฟัง และจะแสดงเมื่อรูปโหลดไม่ได้ ควรอธิบายเฉพาะข้อมูลที่ภาพเพิ่มให้เนื้อหา
ทุกรูปต้องมี Alt Text ไหม?
รูปที่มีความหมายควรมี alt ที่บอกสาระ ส่วนรูปตกแต่งอย่างเดียวควรใช้ alt ว่าง เพื่อไม่ให้ screen reader อ่านข้อมูลรบกวนซ้ำ ๆ
ให้ AI เขียน Alt Text ทั้งเว็บได้ไหม?
ให้ AI เสนอร่างหรือคัดงานได้ แต่ไม่ควร publish ทั้งเว็บอัตโนมัติ เพราะ AI อาจเดาความหมายผิด โดยเฉพาะภาพสินค้า กราฟ ราคา หรือภาพที่มีบริบทธุรกิจ
สุดท้าย ผมไม่ได้อยากมี AI ที่เก่งพอจะเขียนคำอธิบายแทนผมทุกคำ ผมอยากมีผู้ช่วยที่ไล่จุดเสี่ยงจากงานหลายร้อยหน้า แล้วให้ผมใช้เวลาอยู่กับการตัดสินใจที่กระทบลูกค้าจริงมากกว่า ถ้าคุณอยากมี AI แบบนั้นคอยช่วยตรวจเว็บ ระบบ และงานหลังบ้านบนเซิร์ฟเวอร์ของตัวเอง ลองดู Newton ได้ครับ
— ปอนด์