Alt Text คืออะไร ข้อความบอก Google ว่ารูปคืออะไร

รูปสวยแค่ไหน ถ้า Google กับบางคนมองไม่เห็น รูปนั้นก็เงียบไปเลยนะ

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

Alt Text คืออะไร?

Alt Text คือข้อความในช่องที่ชื่อ alt ของโค้ดรูปภาพบนหน้าเว็บ ทำหน้าที่เป็นคำบรรยายรูปแบบตัวหนังสือ ใช้แทนรูปเมื่อคนหรือโปรแกรมมองไม่เห็นรูปนั้น

ปกติคนอ่านทั่วไปจะไม่เห็น Alt Text บนหน้าเว็บ ข้อความนี้ซ่อนอยู่ในโค้ด หน้าตาก็ประมาณนี้

<img src="brownie-chocolate.jpg" alt="บราวนี่ช็อกโกแลตหั่นเป็นชิ้นสี่เหลี่ยมวางบนจานขาว">

คำว่า alt มาจาก alternative ที่แปลว่าของแทน ช่องนี้เลยเหมือนป้ายชื่อที่แปะไว้ข้างขนมในตู้ ถ้ามองไม่เห็นขนม ก็ยังอ่านป้ายรู้ว่าเป็นอะไร

ลองนึกถึงเพื่อนที่โทรมาถามว่าร้านขนมของเรามีขนมอะไรบ้าง เราจะเล่าให้ฟังว่า “บราวนี่ช็อกโกแลตหั่นสี่เหลี่ยม” Alt Text ก็คือการเล่ารูปให้คนที่มองไม่เห็นฟังแบบนั้นเลย

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

ทำไม Alt Text ถึงสำคัญกับ SEO?

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

Google บอกด้วยว่า Alt Text ช่วยให้คนที่ใช้โปรแกรมอ่านหน้าจอเข้าใจหน้าเว็บได้ เรื่องนี้ไม่ได้มีแค่เรื่องอันดับ แต่เป็นเรื่องที่คนจริงๆ ได้ประโยชน์ตรงๆ

ถ้ารูปเป็นลิงก์ Google บอกว่า Alt Text ใช้เป็น Anchor text ของลิงก์นั้นได้ คือเป็นตัวบอกว่ากดแล้วจะไปเจออะไร

Alt Text เป็นงานชิ้นเล็กๆ ของการปรับหน้าเว็บ ถ้าอยากเห็นภาพรวมทั้งหมด อ่านต่อได้ที่ On-Page SEO

ตัวอย่าง Alt Text ใกล้ตัว

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

สมมติว่าร้านขนมของเรามีรูปบราวนี่ในหน้าเมนู ลองเลือกดูก่อนว่าแบบไหนที่คุณอยากฟังถ้ามองไม่เห็นรูป

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

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

ส่วนรูปที่ใส่ไว้ตกแต่งล้วนๆ เช่น เส้นคั่นลายดอกไม้ ให้ใส่ alt ว่างแบบ alt=”” โปรแกรมอ่านหน้าจอจะได้ข้ามไป ไม่ต้องอ่านของที่ไม่มีความหมาย

เขียนและใส่ Alt Text ใน WordPress ยังไง?

วิธีเขียน Alt Text ที่ดีคือถามตัวเองว่ารูปนี้บอกอะไรคนอ่าน แล้วเขียนสิ่งนั้นเป็นประโยคสั้น 1 ประโยค ใน WordPress ใส่ได้ที่ช่อง Alternative text ของบล็อกรูปภาพ

1. ดูว่ารูปนี้ให้ข้อมูล เป็นลิงก์ หรือแค่ตกแต่ง
2. รูปให้ข้อมูล เขียนสิ่งที่เห็นแบบสั้นและเจาะจง
3. รูปที่เป็นลิงก์ เขียนว่ากดแล้วจะไปไหน
4. รูปตกแต่งล้วนๆ เว้น alt ว่างไว้
5. ใน WordPress คลิกบล็อกรูปภาพ (Image block) แล้วพิมพ์ในช่อง Alternative text ที่แถบตั้งค่าของบล็อก
6. ถ้าเป็นรูปตกแต่ง ติ๊ก Mark as decorative ถ้ามีตัวเลือกนี้ หรือเว้นช่อง Alternative text ว่างไว้

ชื่อเมนูและตำแหน่งช่องอาจต่างกันนิดหน่อยตามเวอร์ชัน WordPress ขั้นตอนนี้อิงคู่มือ Image block ของ WordPress.org ฉบับอัปเดต 25 ส.ค. 2026

มีจุดที่ต้องระวังนิดนึงนะ ช่อง Alternative text ในบล็อกจะเปลี่ยนเฉพาะรูปในหน้านั้น ถ้าอยากให้รูปเดียวกันมี Alt Text เป็นค่าเริ่มต้นตอนเอาไปใส่หน้าอื่น ให้ไปใส่ใน Media Library ซึ่งก็คือคลังรูปของเว็บ

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

อยากรู้จักคำอื่นๆ อีก แวะไปที่ คำศัพท์ SEO ได้เลย

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

Alt Text ควรยาวแค่ไหน?

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

ต้องเขียนคำว่า “รูปภาพของ” นำหน้าไหม?

ไม่จำเป็น W3C แนะนำให้ Alt Text สื่อความหมายของรูปด้วยวลีหรือประโยคสั้นๆ และตัวอย่างของ W3C ก็บรรยายสิ่งในรูปตรงๆ โดยไม่มีคำนำหน้า

Alt Text กับ Caption ต่างกันยังไง?

Alt Text ซ่อนอยู่ในโค้ดและใช้แทนรูปเมื่อมองไม่เห็นรูป ส่วน Caption คือคำบรรยายที่โชว์ใต้รูปให้ทุกคนเห็น Google ใช้ทั้งสองอย่างช่วยเข้าใจรูป

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

• Image SEO best practices (Google Search Central) (อัปเดต 2 มี.ค. 2026)
• An alt Decision Tree (W3C WAI) (อัปเดต 13 พ.ค. 2024)
• Image block (WordPress.org Documentation) (อัปเดต 25 ส.ค. 2026)