วิธีตั้งค่า Alt Text รูปภาพใน WordPress

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

❶ เขียน Alt Text ก่อนใส่ลงใน WordPress

ดูภาพแล้วสรุปใจความสำคัญด้วยคำธรรมดา เลือกเฉพาะรายละเอียดที่เกี่ยวข้องกับบริบทของบทความ

① อธิบายสิ่งสำคัญในภาพ

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

② เขียนให้สั้นและตรงตามภาพ

ไม่จำเป็นต้องเริ่มด้วยคำว่า “รูปภาพของ” หรือบรรยายรายละเอียดทุกอย่างในฉาก เลือกคำที่ช่วยให้ผู้อ่านเข้าใจภาพได้หากมองไม่เห็น

③ ใช้คีย์เวิร์ดเฉพาะเมื่อเกี่ยวข้อง

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

❷ ตั้ง Alt Text ใน Media Library

วิธีนี้เหมาะกับการกำหนดข้อความเริ่มต้นให้ภาพในคลังสื่อ

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

ชื่อเมนูและตำแหน่งช่องอาจแตกต่างกันเล็กน้อยตามภาษาและหน้าจัดการ WordPress ที่ใช้

❸ ตั้ง Alt Text ในบล็อกรูปภาพ

หากต้องการเขียนคำอธิบายให้เหมาะกับบริบทของบทความหนึ่งหน้า ให้ตั้งจากบล็อกรูปภาพโดยตรง

① เปิดบทความหรือหน้าที่มีภาพ
② คลิกเลือกบล็อกรูปภาพ
③ เปิดแถบตั้งค่าของบล็อก
④ ค้นหาช่อง Alternative text หรือ ข้อความทดแทน
⑤ เขียนคำอธิบายภาพแล้วกด อัปเดต หรือ เผยแพร่

Alt Text ที่ตั้งในบล็อกมีผลกับภาพบนหน้านั้น หากนำภาพเดียวกันไปใช้ในอีกบทความหนึ่ง ให้ตรวจข้อความทดแทนในบริบทใหม่นั้นด้วย

❹ เลือกว่าจะใส่ Alt Text หรือทำเครื่องหมายเป็นภาพตกแต่ง

① ภาพที่ให้ข้อมูล

ใส่ Alt Text เมื่อภาพสื่อข้อมูลสำคัญ เช่น ภาพหน้าจอแสดงขั้นตอน แผนภาพ หรือภาพผลิตภัณฑ์ที่เนื้อหาอธิบายอยู่

② ภาพตกแต่ง

หากภาพมีไว้ตกแต่งและไม่เพิ่มข้อมูลหรือหน้าที่ให้เนื้อหา ให้ตั้งเป็นภาพตกแต่งหากตัวแก้ไขมีตัวเลือกนี้ เพื่อให้เทคโนโลยีช่วยเหลือข้ามภาพที่ไม่จำเป็นได้

③ ภาพที่มีข้อความอยู่ภายใน

หากมีข้อความสำคัญอยู่ในภาพ ให้ถ่ายทอดข้อมูลนั้นในเนื้อหาหรือ Alt Text ด้วย อย่าพึ่งพาข้อความในภาพเพียงอย่างเดียว เพราะผู้ใช้บางคนอาจอ่านภาพไม่ได้

❺ ตรวจสอบ Alt Text หลังเผยแพร่

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

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

ข้อผิดพลาดที่ควรหลีกเลี่ยง

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

เช็กลิสต์ Alt Text ก่อนเผยแพร่

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

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

การตั้ง Alt Text อย่างเหมาะสมช่วยให้ภาพเข้าถึงได้มากขึ้น และช่วยให้ ComSiam จัดการภาพประกอบเนื้อหาได้เป็นระบบ