Alt Text คืออะไร? เขียนยังไงให้ช่วย SEO รูปภาพ
Alt text คือข้อความบรรยายรูปให้ Google และโปรแกรมอ่านหน้าจอเข้าใจภาพ ดูตัวอย่างดี/ไม่ดี ความยาวที่ดี รูปตกแต่ง และวิธีใส่ใน WordPress
Alt text คือข้อความสั้น ๆ ที่บรรยายว่ารูปภาพนั้นคืออะไร ใส่ไว้ใน attribute alt ของแท็กรูป เพื่อให้ Google เข้าใจภาพ และให้คนที่มองไม่เห็นภาพ (ใช้โปรแกรมอ่านหน้าจอหรือเน็ตช้าจนรูปไม่โหลด) รู้ว่าตรงนั้นมีอะไร เขียนให้ดีคือบรรยายสิ่งที่อยู่ในภาพตามบริบทของหน้า ไม่ใช่ยัดคีย์เวิร์ด
บทความนี้อธิบายตั้งแต่นิยาม alt text มีผลกับ SEO รูปภาพและการเข้าถึงเว็บ (accessibility) อย่างไร ตัวอย่างเขียนดีและไม่ดีเทียบเป็นตาราง ความยาวที่เหมาะสม กรณีรูปตกแต่งที่ควรเว้น alt ว่าง และวิธีใส่ใน WordPress ทีละขั้น ข้อเท็จจริงเกี่ยวกับ Google อ้างอิงจากเอกสาร Google Search Central ที่เปิดตรวจในรอบนี้
อัปเดตข้อมูล: 10 ตุลาคม 2569 (ค.ศ. 2026)
Alt text คืออะไรตามนิยามของ Google?
Google นิยาม alt text ว่าเป็น ข้อความที่บรรยายรูปภาพ ซึ่งทำหน้าที่สองอย่างพร้อมกัน คือเป็นข้อมูลประกอบรูปให้เครื่องมือค้นหา และช่วยผู้ใช้ที่มองเห็นได้จำกัดหรือใช้อินเทอร์เน็ตแบนด์วิดท์ต่ำ
ในเอกสาร Google Images best practices (อัปเดตล่าสุด 2 มีนาคม 2026) Google อธิบายว่าระบบใช้ alt text ร่วมกับอัลกอริทึม computer vision และเนื้อหาของหน้า เพื่อเข้าใจว่าภาพนั้นเกี่ยวกับอะไร ส่วน SEO Starter Guide ขยายความว่า alt text ที่ดีคือข้อความสั้นแต่บรรยายได้ชัด ที่อธิบาย ความสัมพันธ์ระหว่างรูปกับเนื้อหา ของหน้า
ในโค้ด HTML alt text อยู่ตรงนี้
<img src="red-running-shoes.webp" alt="รองเท้าวิ่งสีแดงวางบนลู่วิ่งยาง">ถ้ารูปโหลดไม่ขึ้น เบราว์เซอร์จะแสดงข้อความใน alt แทน และโปรแกรมอ่านหน้าจอจะอ่านข้อความนี้ออกเสียงให้ผู้ใช้ฟัง นี่คือเหตุผลที่ alt text ถูกนับเป็นทั้งเรื่อง SEO และเรื่องการเข้าถึงเว็บในเวลาเดียวกัน
Alt text ต่างจาก title, caption และชื่อไฟล์อย่างไร
คนมักสับสน alt text กับข้อความอื่นที่อยู่รอบรูป ตารางนี้สรุปความต่างของแต่ละส่วน
| ส่วนประกอบ | อยู่ตรงไหน | ใครเห็น | หน้าที่หลัก |
|---|---|---|---|
| Alt text | attribute alt ในแท็ก img | Google, โปรแกรมอ่านหน้าจอ, ผู้ใช้เมื่อรูปโหลดไม่ขึ้น | บรรยายภาพแทนตัวภาพ |
| Title attribute | attribute title ในแท็ก img | ผู้ใช้เมาส์ที่ชี้ค้างบนรูป | ข้อความเสริม ไม่ใช่ตัวแทนภาพ |
| Caption | ข้อความใต้รูปในหน้าเว็บ | ทุกคนที่เปิดหน้า | อธิบายเพิ่มหรือให้เครดิตภาพ |
| ชื่อไฟล์ | URL ของรูป เช่น red-running-shoes.webp | Google และคนที่ดาวน์โหลดรูป | สัญญาณเสริมว่ารูปเกี่ยวกับอะไร |
เรื่องชื่อไฟล์ Google แนะนำให้ใช้ชื่อสั้นแต่สื่อความหมาย เช่น my-new-black-kitten.jpg ดีกว่าชื่อกลาง ๆ อย่าง IMG00023.JPG หรือ image1.jpg ดังนั้นควรเปลี่ยนชื่อไฟล์ก่อนอัปโหลด ไม่ใช่ปล่อยตามชื่อที่กล้องหรือมือถือตั้งให้
Alt text ช่วย SEO รูปภาพได้อย่างไร?
Alt text ช่วยให้ Google เข้าใจว่ารูปเกี่ยวกับอะไร ซึ่งมีผลต่อการแสดงรูปใน Google Images และการเข้าใจบริบทของทั้งหน้า แต่ไม่ใช่ปุ่มดันอันดับทั้งหน้าแบบทันที
ประโยชน์ด้าน SEO ที่ Google ระบุไว้ในเอกสารจริงมี 3 ข้อหลัก
- ช่วยให้ Google เข้าใจเนื้อหาของภาพ ร่วมกับ computer vision และข้อความรอบรูป ภาพที่ไม่มี alt Google ก็ยังพอเดาได้จากตัวภาพ แต่ alt ที่ดีลดความกำกวม
- ทำหน้าที่เป็น anchor text เมื่อรูปเป็นลิงก์ ถ้าคุณใช้รูปแบนเนอร์หรือโลโก้เป็นลิงก์ไปหน้าอื่น alt text คือข้อความที่บอก Google ว่าลิงก์นั้นพาไปหน้าเกี่ยวกับอะไร ถ้าเว้นว่าง ลิงก์นั้นก็แทบไม่มีข้อความบรรยาย
- เสริมบริบทของหน้า SEO Starter Guide แนะนำให้วางรูปไว้ใกล้ข้อความที่เกี่ยวข้อง เพราะข้อความรอบรูปช่วยให้ Google เข้าใจภาพและความหมายของภาพในหน้านั้น alt text ที่สอดคล้องกับย่อหน้ารอบ ๆ จึงทำงานได้ดีที่สุด
สิ่งที่ควรเข้าใจให้ตรงคือ alt text เป็นแค่หนึ่งองค์ประกอบของ On-page SEO หน้าที่จะติดอันดับยังต้องมีเนื้อหาที่ตอบคำค้นจริง โครงหัวข้อที่ดี และความน่าเชื่อถือของเว็บ ถ้าเพิ่งเริ่มทำความเข้าใจภาพรวม อ่านSEO คืออะไร ประกอบได้
เขียน alt text ยังไงให้ถูก มีตัวอย่างดีและไม่ดีไหม?
หลักการที่ Google ให้ไว้คือเขียนให้เป็นข้อมูลที่มีประโยชน์ ใช้คีย์เวิร์ดอย่างเหมาะสม และสอดคล้องกับเนื้อหาของหน้า Google ยกตัวอย่างไล่ระดับจากแย่ไปดีที่สุดด้วยรูปลูกสุนัข
| ระดับ | ตัวอย่างจากเอกสาร Google | ปัญหา / เหตุผล |
|---|---|---|
| แย่ | <img src="puppy.jpg"/> | ไม่มี alt เลย Google และโปรแกรมอ่านหน้าจอไม่ได้ข้อมูลอะไร |
| แย่ | alt="puppy dog baby dog pup pups puppies doggies..." | ยัดคีย์เวิร์ด ประสบการณ์ผู้ใช้แย่และเสี่ยงถูกมองเป็นสแปม |
| พอใช้ | alt="puppy" | ถูกต้องแต่กว้างเกิน ไม่บอกว่าเป็นสุนัขแบบไหน ทำอะไร |
| ดีที่สุด | alt="Dalmatian puppy playing fetch" | บอกสายพันธุ์และการกระทำในภาพอย่างเจาะจง |
ตัวอย่างภาษาไทยสำหรับเว็บธุรกิจ
ลองเอาหลักเดียวกันมาใช้กับรูปที่เจอบ่อยในเว็บไทย (ทุกแถวเป็นตัวอย่างสมมติสำหรับอธิบายหลักการ)
| ประเภทรูป | Alt ที่ไม่ดี | Alt ที่ดีกว่า |
|---|---|---|
| รูปสินค้า | alt="สินค้า" | alt="กระเป๋าผ้าแคนวาสสีครีม ทรงโท้ท มีช่องซิปด้านหน้า" |
| รูปหน้าร้าน | alt="ร้านกาแฟ ร้านกาแฟใกล้ฉัน กาแฟสด คาเฟ่" | alt="หน้าร้านกาแฟไม้สีน้ำตาลอ่อน มีโต๊ะนั่งด้านนอกสองตัว" |
| กราฟในบทความ | alt="กราฟ" | alt="กราฟเส้นยอดเข้าชมเว็บรายเดือน เพิ่มขึ้นช่วงไตรมาสสาม" |
| รูปทีมงาน | alt="IMG_4521" | alt="ทีมงานสามคนประชุมหน้าจอแสดงรายงาน Search Console" |
สังเกตว่า alt ที่ดีกว่าไม่ได้ยาวเพราะยัดคำ แต่ยาวพอที่จะบอกสิ่งที่คนเห็นในภาพ ถ้ามีคนอ่าน alt ให้คุณฟังโดยไม่เห็นรูป คุณควรนึกภาพออกใกล้เคียงของจริง
ข้อห้ามที่เจอบ่อยในเว็บไทย
- ยัดคีย์เวิร์ดหลายคำคั่นด้วยเว้นวรรคหรือจุลภาค ซึ่ง Google เตือนตรง ๆ ว่าอาจทำให้เว็บถูกมองเป็นสแปม
- ใส่ alt เหมือนกันทุกรูปในหน้า เช่น ชื่อแบรนด์ซ้ำ 20 รูป ทำให้แยกไม่ออกว่าแต่ละรูปคืออะไร
- ขึ้นต้นด้วยคำว่า “รูปภาพของ” หรือ “ภาพแสดง” ซึ่งเสียคำฟรี เพราะโปรแกรมอ่านหน้าจอบอกอยู่แล้วว่าเป็นรูป
- ปล่อยชื่อไฟล์จากกล้องเป็น alt เช่น
DSC_0012 - เขียน alt ที่ไม่ตรงกับภาพจริงเพื่อหวังคีย์เวิร์ด ซึ่งทำให้ผู้ใช้โปรแกรมอ่านหน้าจอสับสน
Alt text ควรยาวกี่ตัวอักษร?
Google ไม่ได้กำหนดตัวเลขความยาวของ alt text ไว้ ระบุเพียงว่าควรสั้นแต่บรรยายได้ชัด หลักที่ใช้ได้จริงคือเขียนให้จบในหนึ่งประโยค บอกสิ่งที่อยู่ในภาพและบริบทที่เกี่ยวกับหน้า
ตัวเลขอย่าง “ไม่เกิน 125 ตัวอักษร” ที่เห็นกันบ่อยในอินเทอร์เน็ต ไม่ได้มาจากเอกสารของ Google จึงไม่ควรยึดเป็นกฎตายตัว สิ่งที่ควรถามตัวเองแทนคือ
- ถ้าตัดคำนี้ออก คนที่ไม่เห็นรูปยังเข้าใจภาพครบไหม ถ้าครบ ตัดได้
- มีรายละเอียดที่ทำให้ภาพนี้ต่างจากภาพอื่นในหน้าหรือยัง เช่น สี รุ่น จำนวน การกระทำ
- ภาพนี้เกี่ยวกับหัวข้อของย่อหน้ารอบ ๆ อย่างไร บอกความเกี่ยวข้องนั้นหรือยัง
- คีย์เวิร์ดที่ใส่เข้าไปเป็นคำที่คนจะใช้บรรยายภาพนี้จริงไหม ถ้าไม่ใช่ ให้เอาออก
กรณีรูปที่มีข้อมูลซับซ้อน เช่น อินโฟกราฟิกหรือกราฟที่มีตัวเลขหลายชุด ไม่จำเป็นต้องยัดตัวเลขทั้งหมดลงใน alt ให้สรุปใจความหลักใน alt แล้วอธิบายรายละเอียดเป็นข้อความหรือตารางในเนื้อหาใกล้รูปแทน ซึ่งช่วยทั้งผู้ใช้และ Google ไปพร้อมกัน
รูปตกแต่งต้องใส่ alt text ไหม?
รูปที่ใช้ตกแต่งล้วน ๆ ไม่ต้องบรรยาย ให้ใส่ alt ว่าง (alt="") เพื่อให้โปรแกรมอ่านหน้าจอข้ามรูปนั้นไป แต่ไม่ควรลบ attribute alt ทิ้งทั้งหมด
ความต่างระหว่าง “alt ว่าง” กับ “ไม่มี alt” สำคัญกว่าที่คิด ถ้าใส่ alt="" เป็นการบอกว่ารูปนี้ไม่มีข้อมูลที่ต้องรู้ แต่ถ้าไม่มี attribute alt เลย โปรแกรมอ่านหน้าจอบางตัวจะพยายามอ่านชื่อไฟล์หรือ URL ของรูปออกเสียงแทน ซึ่งฟังแล้วไม่มีความหมาย
| ประเภทรูป | ตัวอย่าง | ควรใส่ alt แบบไหน |
|---|---|---|
| รูปที่มีข้อมูล | รูปสินค้า กราฟ ภาพหน้าจอขั้นตอน | บรรยายเนื้อหาในภาพ |
| รูปที่เป็นลิงก์หรือปุ่ม | โลโก้ลิงก์กลับหน้าแรก แบนเนอร์ | บอกปลายทางหรือการกระทำ เช่น “หน้าแรก SEONo1” |
| รูปที่มีข้อความอยู่ในภาพ | แบนเนอร์โปรโมชัน | ใส่ข้อความสำคัญที่อยู่ในภาพ |
| รูปตกแต่ง | เส้นคั่น ไอคอนประดับ พื้นหลังลวดลาย | alt="" |
| รูปซ้ำกับข้อความข้าง ๆ | ไอคอนโทรศัพท์หน้าเบอร์โทรที่เขียนไว้แล้ว | alt="" เพื่อไม่ให้อ่านซ้ำ |
ข้อควรรู้คือเครื่องมือตรวจเว็บหลายตัวนับรูปที่ alt ว่างรวมเป็น “รูปที่ไม่มี alt” ไปด้วย เมื่อเห็นรายงานแบบนี้ให้ไล่ดูทีละรูปว่าเป็นรูปตกแต่งจริงหรือไม่ ถ้าใช่ก็ปล่อยไว้ได้ ไม่จำเป็นต้องเติมคำเพื่อให้ตัวเลขในรายงานดูดี
ใส่ alt text ใน WordPress ทำอย่างไร?
ใน WordPress กรอกได้ที่ช่อง Alternative Text ทั้งใน Media Library และในแผงตั้งค่าของบล็อกรูปภาพ ทำได้โดยไม่ต้องแตะโค้ด
วิธีที่ 1: ใส่ใน Media Library (แนะนำสำหรับรูปที่ใช้ซ้ำ)
- เข้า wp-admin แล้วไปที่เมนู Media > Library
- คลิกรูปที่ต้องการเพื่อเปิดหน้ารายละเอียดไฟล์
- กรอกช่อง Alternative Text ด้วยข้อความที่บรรยายภาพ
- ระบบบันทึกอัตโนมัติเมื่อคลิกออกจากช่อง หรือกดปิดหน้าต่าง
- เมื่อแทรกรูปนี้ลงบทความใหม่ alt ที่กรอกไว้จะติดไปด้วย
วิธีที่ 2: ใส่ในบล็อกรูปภาพของ Block Editor
- เปิดบทความในหน้าแก้ไข แล้วคลิกบล็อกรูปภาพที่ต้องการ
- ดูแผงตั้งค่าด้านขวา แท็บ Block
- กรอกช่อง Alternative Text (หรือ Alt text ตามเวอร์ชันภาษาของระบบ)
- กด Update หรือ Publish เพื่อบันทึกบทความ
ข้อควรระวังคือการแก้ alt ใน Media Library ภายหลัง มักไม่ย้อนไปแก้รูปที่แทรกไว้ในบทความเก่าแล้ว เพราะบล็อกรูปเก็บ alt ไว้ในเนื้อหาของบทความแต่ละโพสต์ ถ้าจะแก้ย้อนหลังต้องเข้าไปแก้ในแต่ละบทความด้วย และอย่าสับสนช่อง Title หรือ Caption กับช่อง Alternative Text เพราะเป็นคนละ attribute กัน
ตรวจ alt text ของเว็บตัวเองได้อย่างไร?
วิธีเร็วที่สุดคือใช้เครื่องมือตรวจ SEO ที่นับจำนวนรูปที่ไม่มี alt ในหน้า แล้วเปิดดูรายชื่อรูปที่ขาดทีละรูป
เครื่องมือตรวจ SEO ฟรี ของเรามีหัวข้อ Images ALT ที่นับจำนวนรูปทั้งหมด จำนวนรูปที่มี alt และแสดงรายชื่อรูปที่ยังไม่มี alt ให้ไล่แก้ได้ทันที นอกจากนั้นยังเช็กได้เองด้วยวิธีเหล่านี้
- คลิกขวาที่รูปในเบราว์เซอร์แล้วเลือก Inspect เพื่อดูว่าแท็ก
imgมีaltหรือไม่ - รันรายงาน Accessibility ใน Lighthouse ของ Chrome DevTools ซึ่งมีหัวข้อตรวจว่ารูปมี attribute alt หรือไม่
- สำหรับเว็บใหญ่ ใช้โปรแกรม crawler ดึงรายการรูปทั้งเว็บแล้วกรองรูปที่ alt ว่าง
ถ้าต้องตรวจทั้งเว็บแบบเป็นระบบ ไม่ใช่แค่ alt แต่รวมถึงโครงหัวข้อ meta และจุดเทคนิคอื่น ดูเช็กลิสต์ SEO Audit 15 ข้อ และสำหรับเว็บที่มีรูปจำนวนมาก การมี sitemap ที่ใส่ข้อมูลรูปภาพ ก็ช่วยให้ Google ค้นพบรูปได้ครบขึ้น เอกสาร Google ระบุว่า image sitemap ใส่ URL รูปจากโดเมนอื่นได้ผ่าน <image:loc> จึงใช้กับรูปที่อยู่บน CDN ได้
ควรใส่คีย์เวิร์ดใน alt text ไหม?
ใส่ได้เมื่อคีย์เวิร์ดนั้นเป็นคำที่บรรยายภาพได้จริง แต่ไม่ต้องใส่ทุกรูป และห้ามยัดหลายคำ เพราะ Google เตือนว่าการยัดคีย์เวิร์ดใน alt ทำให้ประสบการณ์ผู้ใช้แย่และเว็บอาจถูกมองเป็นสแปม
แนวทางที่สมดุลคือ
- รูปหลักของหน้า เช่น รูปปกหรือรูปสินค้าหลัก มักบรรยายด้วยคีย์เวิร์ดหลักได้เป็นธรรมชาติอยู่แล้ว
- รูปอื่น ๆ ในหน้าให้บรรยายตามเนื้อหาของภาพ ใช้คำใกล้เคียงหรือคำเฉพาะของภาพนั้นแทน
- ห้ามใส่คีย์เวิร์ดที่ไม่เกี่ยวกับภาพ เพียงเพราะอยากให้หน้าติดคำนั้น
ถ้ายังไม่แน่ใจว่าคีย์เวิร์ดหลักของแต่ละหน้าควรเป็นคำไหน อ่านKeyword คืออะไร ก่อน แล้วค่อยกลับมาเขียน alt ของรูปในหน้านั้นให้สอดคล้องกับหัวข้อ
สรุป: Alt text คืออะไร และเริ่มทำอะไรก่อน
Alt text คือข้อความบรรยายภาพใน attribute alt ที่ทำงานสองหน้าที่ คือช่วย Google เข้าใจภาพ และช่วยผู้ใช้ที่มองไม่เห็นภาพ เขียนให้สั้น เจาะจง ตรงกับสิ่งที่อยู่ในภาพและบริบทของหน้า รูปตกแต่งใช้ alt ว่าง และไม่ยัดคีย์เวิร์ด
ลำดับที่แนะนำสำหรับเว็บที่มีอยู่แล้วคือ เริ่มจากหน้าที่มีคนเข้ามากที่สุดก่อน ตรวจด้วยเครื่องมือว่ารูปไหนขาด alt เติมให้รูปสินค้าและรูปที่เป็นลิงก์ก่อน แล้วค่อยไล่รูปอื่น พร้อมเปลี่ยนชื่อไฟล์รูปใหม่ให้สื่อความหมายตั้งแต่ก่อนอัปโหลด ถ้าอยากให้ทีมช่วยวางระบบ On-page ทั้งเว็บ ตั้งแต่ alt text โครงหัวข้อ ไปจนถึงเนื้อหา ดูรายละเอียดบริการ SEO หรือติดต่อเราได้โดยตรง
แหล่งอ้างอิง: Google Search Central — Google Images best practices และ SEO Starter Guide
