Alt Text คืออะไร — คู่มือเขียน Alt Text ที่ดีปี 2026 ทั้ง SEO และ Accessibility | Southern Whale

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

นี่คือประสบการณ์ของคนตาบอดที่ใช้ screen reader เปิดเว็บไซต์ที่ไม่มี alt text ทุกวัน และในมุมของ Google บอทที่ไต่เว็บคุณก็ “ตาบอด” ไม่ต่างกัน — มันมองไม่เห็นว่ารูปในเว็บคุณเป็นรูปอะไร จนกว่าคุณจะบอกมันด้วยข้อความ

ข้อความนั้นเรียกว่า alt text และมันคือหนึ่งในองค์ประกอบ SEO ที่ง่ายที่สุด ทำได้ใน 10 วินาทีต่อรูป แต่กลับเป็นสิ่งที่เว็บไซต์ SME ไทยส่วนใหญ่ปล่อยว่างเปล่าทิ้งไว้ บทความนี้จะอธิบายตั้งแต่ alt text คืออะไร ไปจนถึงวิธีเขียนให้ถูกต้องสำหรับรูปทุกประเภท พร้อมข้อผิดพลาดที่คุณต้องเลี่ยงในปี 2026

Alt Text คืออะไร

Alt text (ย่อมาจาก “alternative text” หรือ “alternative attribute”) คือข้อความสั้น ๆ ที่บรรยายเนื้อหาและความหมายของรูปภาพบนเว็บไซต์ มันถูกเขียนไว้ในโค้ด HTML ผ่าน attribute ที่ชื่อว่า alt ภายใน tag <img> เช่น:

<img src="khanom-thai.webp" alt="ขนมไทยชาววังจัดเรียงในจานเบญจรงค์">

ในตัวอย่างนี้ คำว่า alt="ขนมไทยชาววังจัดเรียงในจานเบญจรงค์" คือ alt text รูปนี้ ผู้ใช้ทั่วไปที่เปิดเว็บปกติจะไม่เห็นข้อความนี้ — มันทำงานอยู่เบื้องหลัง แต่จะปรากฏหรือถูกอ่านในสามสถานการณ์สำคัญ:

1. เมื่อรูปโหลดไม่ขึ้น — ถ้าไฟล์ภาพเสีย เน็ตช้า หรือ path ผิด เบราว์เซอร์จะแสดง alt text แทนที่รูปที่หายไป ผู้ใช้จึงยังเข้าใจว่าตรงนั้นควรมีรูปอะไร
2. เมื่อคนตาบอดใช้ screen reader — โปรแกรมอ่านหน้าจอจะอ่าน alt text ออกเสียงให้ผู้ใช้ฟัง ทำให้คนพิการทางสายตาเข้าใจเนื้อหาของรูป
3. เมื่อ Google และ search engine ไต่เว็บ — บอทอ่าน alt text เพื่อทำความเข้าใจว่ารูปนั้นเกี่ยวกับอะไร แล้วนำไปจัดอันดับใน Google Images

พูดง่าย ๆ คือ alt text เป็น “คำบรรยายภาพสำหรับคนและเครื่องที่มองไม่เห็นภาพ” และเพราะมันทำหน้าที่สองด้านนี้พร้อมกัน — accessibility และ SEO — มันจึงเป็นจุดที่ลงทุนแล้วคุ้มที่สุดจุดหนึ่งในงานออปติไมซ์รูปภาพ

หมายเหตุ: บทความนี้เจาะลึกเฉพาะเรื่อง alt text ถ้าคุณอยากเห็นภาพรวมของการทำ Image SEO ทั้งหมด — ตั้งแต่ filename, schema, lazy load ไปจนถึง image sitemap — อ่านต่อได้ที่ คู่มือ Image SEO ฉบับสมบูรณ์

Alt Text ต่างจาก Title, Caption และ Filename อย่างไร

หลายคนสับสนระหว่าง attribute และข้อความต่าง ๆ ที่ติดมากับรูป มาดูตารางเปรียบเทียบให้ชัดเจน:

องค์ประกอบ	ผู้ใช้ทั่วไปเห็นไหม	screen reader อ่านไหม	มีผลต่อ SEO	หน้าที่หลัก
Alt text (alt)	เห็นเฉพาะตอนรูปไม่ขึ้น	อ่าน	สูง	บรรยายรูปแทนคนตาบอด + บอท
Title (title)	เห็นตอน hover เมาส์	ส่วนใหญ่ไม่อ่าน	ต่ำมาก	tooltip เสริม (เลือกใส่ก็ได้)
Caption (คำบรรยายใต้ภาพ)	เห็นตลอด	อ่าน	ปานกลาง	อธิบายรูปให้ทุกคนอ่าน
Filename (ชื่อไฟล์)	ไม่เห็น	ไม่อ่าน	ปานกลาง	บอกบริบทรูปแก่ Google

จุดที่ต้องจำคือ alt text กับ title ไม่ใช่สิ่งเดียวกัน alt text เป็นข้อความที่จำเป็นและช่วย accessibility ส่วน title เป็น tooltip เสริมที่ screen reader ส่วนใหญ่ข้ามไป อย่าเอา title มาใส่แทน alt text เด็ดขาด และอย่าคัดลอกข้อความเดียวกันไปใส่ทั้งสองช่อง

ส่วน filename ก็มีบทบาทคนละด้านกับ alt text — ชื่อไฟล์ khanom-thai-benjarong.webp ดีกว่า IMG_4821.jpg แต่นั่นเป็นอีกเรื่องที่เราพูดถึงแยกในคู่มือ Image SEO

ทำไม Alt Text ถึงสำคัญ — Accessibility, SEO และ Google Images

alt text สร้างคุณค่าใน 3 มิติพร้อมกัน ซึ่งน้อยมากที่งาน SEO ชิ้นเดียวจะให้ผลได้กว้างขนาดนี้

1. Accessibility — เข้าถึงได้สำหรับทุกคน

ในประเทศไทยมีผู้พิการทางสายตาที่ขึ้นทะเบียนกว่า 180,000 คน (ประมาณการจากข้อมูลกรมส่งเสริมและพัฒนาคุณภาพชีวิตคนพิการ) และทั่วโลกมีราว 2.2 พันล้านคนที่มีปัญหาด้านการมองเห็นในระดับใดระดับหนึ่ง คนกลุ่มนี้ใช้ screen reader อย่าง NVDA, JAWS หรือ VoiceOver เปิดเว็บ และพึ่งพา alt text เพื่อเข้าใจว่าในหน้านั้นมีรูปอะไรบ้าง

การมี alt text ที่ดียังเป็นข้อกำหนดของมาตรฐาน WCAG 2.1/2.2 (Web Content Accessibility Guidelines) ระดับ A ซึ่งหลายองค์กร ภาครัฐ และเว็บไซต์ที่ต้องการความน่าเชื่อถือใช้เป็นเกณฑ์ การละเลย alt text จึงไม่ใช่แค่เสีย SEO แต่เป็นการกีดกันผู้ใช้กลุ่มหนึ่งออกจากเว็บคุณ

2. SEO — บอกบริบทให้ Google เข้าใจ

Google ยืนยันตรง ๆ ในเอกสาร Search Central ว่า alt text ช่วยให้มันเข้าใจเนื้อหาของรูป และยังใช้เป็น anchor text เมื่อรูปนั้นเป็นลิงก์ ในปี 2026 แม้ Google จะมี Vision AI ที่จำแนกวัตถุในภาพได้ระดับหนึ่ง แต่มันยังพึ่ง alt text เพื่อยืนยันบริบทและความเกี่ยวข้องกับคำค้นหา

alt text ที่ดีจึงเป็นหนึ่งในสัญญาณ on-page ที่ส่งเสริมความเกี่ยวข้องของทั้งหน้า ไม่ใช่แค่ตัวรูป มันทำงานร่วมกับ heading, เนื้อหารอบ ๆ และโครงสร้างหน้าเพื่อบอก Google ว่าหน้านี้เกี่ยวกับเรื่องอะไร ดูเพิ่มเติมได้ใน เช็กลิสต์ On-Page SEO ปี 2026

3. Google Images — ประตูสู่ traffic ที่ถูกลืม

Google Images คิดเป็นสัดส่วน 10-30% ของ search traffic ในหลายอุตสาหกรรม (ประมาณการ ~) และในกลุ่มอย่างอาหาร แฟชั่น ท่องเที่ยว ตัวเลขนี้สูงกว่านั้นมาก รูปจะติด Google Images ได้ดีต่อเมื่อ Google เข้าใจมัน และ alt text คือหนึ่งในสัญญาณหลักที่บอกว่า รูปนี้ควรโผล่มาเมื่อมีคนค้นคำว่าอะไร

สำหรับร้านค้าและธุรกิจ SME ในภาคใต้ที่เราดูแล นี่คือช่องทางได้ traffic ฟรีที่คู่แข่งส่วนใหญ่มองข้าม — เพราะแทบไม่มีใครเขียน alt text ให้รูปสินค้าของตัวเองอย่างจริงจัง

วิธีเขียน Alt Text ที่ดี — หลัก 4 ข้อ

หัวใจของ alt text ที่ดีคือ “ถ้าคุณอ่าน alt text ออกเสียงให้คนที่มองไม่เห็นรูปฟัง เขาจะเข้าใจไหมว่ารูปนั้นคืออะไรและทำไมมันอยู่ตรงนั้น” ยึดหลัก 4 ข้อนี้:

1. บรรยายให้เห็นภาพ — เฉพาะเจาะจง ไม่กว้างลอย

เขียนสิ่งที่อยู่ในรูปจริง ๆ ให้คนจินตนาการตามได้ หลีกเลี่ยงคำกว้างอย่าง “รูปภาพ” หรือ “สินค้า”

• ❌ แย่: alt="กาแฟ"
• 🟡 พอใช้: alt="แก้วกาแฟ"
• ✅ ดี: alt="แก้วกาแฟลาเต้อาร์ตรูปหัวใจบนโต๊ะไม้ในคาเฟ่"

2. ใส่ keyword อย่างเป็นธรรมชาติ — ไม่ยัด

ถ้า keyword ของหน้านั้นเข้ากับรูปจริง ก็ใส่ได้ แต่ต้องอ่านลื่นเหมือนประโยคปกติ ไม่ใช่ยัดคำซ้ำ ๆ ลองนึกว่า keyword ควร “บังเอิญ” อยู่ในคำบรรยายที่ตรงกับรูปอยู่แล้ว ไม่ใช่ฝืนใส่

• ✅ ดี: alt="ครีมกันแดด SPF50 เนื้อบางเบาสำหรับผิวแพ้ง่าย" (รูปนี้คือครีมกันแดดจริง keyword เข้ากับเนื้อหา)

3. คุมความยาวให้พอดี — ราว 8-16 คำ

ไม่มีกฎตายตัว แต่แนวทางที่ดีคืออยู่ราว 80-125 ตัวอักษร (ประมาณ 1 ประโยค) screen reader บางตัวตัดข้อความที่ยาวเกิน 125 ตัวอักษรทิ้ง และคำบรรยายที่ยาวเกินไปก็เริ่มเป็นการยัด keyword ถ้ารูปซับซ้อนจนต้องอธิบายยาว ให้ย้ายรายละเอียดไปไว้ใน caption หรือเนื้อหารอบ ๆ แทน

4. ไม่ต้องขึ้นต้นด้วย “ภาพ…” หรือ “รูปของ…”

screen reader ประกาศอยู่แล้วว่ากำลังอ่านรูป (เช่น “graphic, …”) การเขียน “ภาพแก้วกาแฟ…” จึงทำให้ผู้ใช้ได้ยิน “รูป รูปแก้วกาแฟ” ซ้ำซ้อน เริ่มที่เนื้อหาเลย: alt="แก้วกาแฟลาเต้อาร์ต..."

Alt Text สำหรับรูปแต่ละประเภท

รูปแต่ละชนิดมีวิธีเขียน alt text ที่ต่างกัน นี่คือแนวทางสำหรับประเภทที่พบบ่อยที่สุด:

รูปสินค้า (Product)

ใส่ข้อมูลที่ลูกค้าจะค้นหา: ชื่อรุ่น สี วัสดุ และจุดเด่น เพราะคนค้น Google Images ด้วยคำเหล่านี้

• ✅ alt="กระเป๋าสะพายหนังแท้สีน้ำตาลแทน รุ่น Daily Tote ขนาด A4"

ถ้ามีหลายมุมของสินค้าเดียวกัน อย่าใช้ alt เดียวกันทุกรูป — ระบุมุม เช่น ”…มุมด้านหน้า”, ”…มุมด้านข้างเปิดซิป”

Infographic / กราฟ / แผนภูมิ

alt text สั้น ๆ บอกแค่ว่ามันคืออะไรไม่พอ เพราะ infographic มีข้อมูลเยอะ ให้เขียน alt สรุปใจความหลัก แล้วใส่ข้อมูลเต็มเป็นข้อความ (เช่น ในเนื้อหาใต้รูป หรือ list) เพื่อให้ screen reader และ Google เข้าถึงตัวเลขได้

• ✅ alt: alt="กราฟแสดงสัดส่วน traffic จาก Google Images แยกตามอุตสาหกรรม ปี 2026"
• แล้วเสริมตัวเลขจริงในเนื้อหาหรือ caption

รูปตกแต่ง (Decorative)

ถ้ารูปเป็นแค่ของประดับที่ไม่ได้สื่อความหมาย (เช่น เส้นคั่น พื้นหลังลายจาง ไอคอนตกแต่ง) ให้ใส่ alt ว่าง: alt="" — ห้ามลบ attribute ทิ้ง การใส่ alt="" บอก screen reader ว่า “ข้ามรูปนี้ได้เลย” ทำให้ผู้ใช้ไม่ต้องฟังคำบรรยายรูปที่ไม่มีความหมาย ถ้าลบ alt ออกไปเลย screen reader บางตัวจะอ่านชื่อไฟล์แทน ซึ่งแย่กว่ามาก

โลโก้ (Logo)

ใส่ชื่อแบรนด์ ไม่ต้องบรรยายดีไซน์ ถ้าโลโก้เป็นลิงก์กลับหน้าแรกให้ระบุด้วย

• ✅ alt="โลโก้ Southern Whale" หรือถ้าเป็นลิงก์ alt="Southern Whale กลับสู่หน้าแรก"

ปุ่มและไอคอนที่ทำงานได้ (Functional)

ถ้ารูปทำหน้าที่เป็นปุ่มหรือลิงก์ ให้ alt บอก “การกระทำ” ไม่ใช่หน้าตาของไอคอน เพราะ screen reader จะอ่าน alt เป็นชื่อปุ่ม

• ❌ alt="รูปแว่นขยาย"
• ✅ alt="ค้นหา"
• ✅ alt="โทรหาเรา 081-234-5678" (ไอคอนโทรศัพท์ที่กดโทรได้)

ข้อผิดพลาดเรื่อง Alt Text ที่พบบ่อยที่สุด

นี่คือกับดักที่ทำให้ alt text กลายเป็นโทษแทนคุณ:

1. ปล่อยว่างทั้งที่ไม่ใช่รูปตกแต่ง — รูปสินค้า รูปประกอบเนื้อหา ที่ไม่มี alt เลย คือการทิ้งโอกาส SEO และกีดกัน accessibility
2. Keyword stuffing — ยัด keyword ซ้ำ ๆ เช่น alt="รับทำ SEO รับทำ SEO ราคาถูก SEO ภูเก็ต SEO ภาคใต้" Google มองว่าเป็น spam และอาจลงโทษ นี่คือเทคนิคสาย grey-hat ที่ให้โทษมากกว่าคุณ
3. ใช้ชื่อไฟล์ดิบเป็น alt — alt="IMG_4821.jpg" หรือ alt="image123" ไม่ได้บอกอะไรเลย แย่พอ ๆ กับไม่มี
4. คัดลอก alt เดียวใส่ทุกรูป — รูปสินค้า 20 ชิ้นใช้ alt="สินค้า" เหมือนกันหมด ทำให้ Google และ screen reader แยกไม่ออก
5. เขียนยาวเป็นย่อหน้า — alt ที่ยาวเกิน 125 ตัวอักษรอาจถูกตัด และทำให้ประสบการณ์ screen reader น่าเบื่อ
6. ขึ้นต้นด้วย “ภาพของ…” ทุกรูป — ซ้ำซ้อนกับสิ่งที่ screen reader ประกาศอยู่แล้ว
7. เอา title มาใส่แทน alt — คนละหน้าที่ และ screen reader ส่วนใหญ่ไม่อ่าน title

ข้อ 2 สำคัญเป็นพิเศษ — การยัด keyword ลงใน alt text เป็นเทคนิคที่บางคนยังทำเพราะคิดว่า “ใส่ไปก็ไม่เห็น เสียหายอะไร” แต่ Google ระบุชัดว่าการยัด keyword ใน alt เข้าข่าย spam และเป็นความเสี่ยงที่ไม่คุ้ม ทางที่ถูกคือบรรยายรูปตามจริง แล้วปล่อยให้ keyword ปรากฏเองเมื่อมันเข้ากับเนื้อหา

วิธีใส่ Alt Text ใน WordPress และ HTML

ใน WordPress (ง่ายที่สุด)

1. ไปที่ Media Library หรืออัปโหลดรูปใหม่ในหน้า/โพสต์
2. คลิกเลือกรูป จะมีแถบ Settings ด้านขวา
3. กรอกข้อความในช่อง Alternative Text (อยู่บนสุด เหนือ Title และ Caption)
4. กดบันทึก — เท่านี้ WordPress จะใส่ alt ลงในโค้ดให้อัตโนมัติ

ข้อควรระวัง: WordPress มีช่อง Title, Caption, Description แยกต่างหาก — กรอกแค่ Alternative Text ก็พอสำหรับ SEO และ accessibility ไม่ต้องกรอกครบทุกช่อง

ใน HTML (เขียนเอง)

ใส่ attribute alt ใน tag <img> โดยตรง:

<!-- รูปทั่วไป -->
<img src="latte-art.webp" alt="แก้วกาแฟลาเต้อาร์ตรูปหัวใจบนโต๊ะไม้">

<!-- รูปตกแต่ง — alt ว่าง -->
<img src="divider.svg" alt="">

<!-- รูปที่เป็นลิงก์ -->
<a href="/">
  <img src="logo.webp" alt="Southern Whale กลับสู่หน้าแรก">
</a>

ถ้าใช้ framework สมัยใหม่อย่าง Astro, Next.js หรือ React component <Image> ก็มี prop alt ให้กรอกเหมือนกัน และส่วนใหญ่ “บังคับ” ให้ใส่ alt เพื่อกัน accessibility error ตั้งแต่ตอน build ซึ่งเป็นเหตุผลหนึ่งที่เราชอบใช้ Astro กับลูกค้า อ่านเรื่องรูปแบบไฟล์ที่เหมาะกับเว็บเร็วได้ใน WebP vs AVIF เลือกฟอร์แมตไหนปี 2026

ตรวจหารูปที่ไม่มี alt

• คลิกขวารูป → Inspect ดูว่ามี alt ไหม
• ใช้เครื่องมือฟรีอย่าง WAVE, axe DevTools หรือ Lighthouse (แท็บ Accessibility) ที่จะสแกนทั้งหน้าและรายงานรูปที่ขาด alt
• Screaming Frog หรือ Ahrefs Site Audit ก็ดึงรายการรูปที่ไม่มี alt ออกมาทั้งเว็บได้ในครั้งเดียว

Alt Text กับ AI Image Search ในปี 2026

ปี 2026 การค้นหาด้วยภาพไม่ได้จำกัดอยู่แค่ Google Images แบบเดิม ผู้ใช้ถ่ายรูปแล้วถาม Google Lens, อัปโหลดภาพเข้า ChatGPT หรือ Gemini เพื่อหาคำตอบ และ AI assistant เหล่านี้ก็ดึงข้อมูลจากเว็บที่มี metadata ครบ

แม้ว่าโมเดล multimodal จะ “ดู” รูปเองได้แม่นขึ้นเรื่อย ๆ แต่ alt text ยังไม่ตาย — มันกลับสำคัญขึ้นในฐานะ ground truth ที่เจ้าของเว็บเขียนเอง เมื่อ AI ต้องเลือกระหว่างสิ่งที่มัน “เดา” จากพิกเซลกับคำบรรยายที่มนุษย์ระบุไว้ชัด ๆ คำบรรยายที่ชัดเจนช่วยให้ AI อ้างอิงรูปคุณได้ถูกบริบทมากขึ้น และลดโอกาสที่มันจะเข้าใจรูปผิด

สรุปหลักคิดสำหรับปี 2026: เขียน alt text เหมือนคุณกำลังอธิบายรูปให้คนฉลาดที่มองไม่เห็นภาพฟัง — นั่นแหละคือสิ่งที่ทั้ง screen reader, Google และ AI ต้องการพอดี การลงทุนเขียน alt text ที่ดีวันนี้จึงเป็นการเตรียมเว็บให้พร้อมทั้งกับผู้ใช้ที่เป็นมนุษย์และผู้ใช้ที่เป็นเครื่องจักรในอนาคต ดูภาพรวม SEO ทั้งหมดได้ใน คู่มือ SEO ฉบับสมบูรณ์

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

ทุกรูปต้องมี alt text ไหม? รูปที่สื่อความหมายต้องมี ส่วนรูปตกแต่งล้วน ๆ ให้ใส่ alt="" (ว่าง) เพื่อบอก screen reader ให้ข้าม แต่อย่าลบ attribute alt ทิ้ง

alt text ควรยาวแค่ไหน? ราว 80-125 ตัวอักษร หรือประมาณ 1 ประโยค พอให้บรรยายรูปได้ครบโดยไม่ยืดเยื้อ ถ้าต้องอธิบายมากกว่านั้นให้ใช้ caption หรือเนื้อหาประกอบ

ใส่ keyword ใน alt text ได้ไหม? ได้ ถ้า keyword เข้ากับรูปจริงและอ่านเป็นธรรมชาติ แต่ห้ามยัดซ้ำ ๆ เพราะ Google มองว่าเป็น spam

alt text กับ title tag ของรูปต่างกันยังไง? alt คือคำบรรยายที่จำเป็นและช่วย accessibility ส่วน title เป็น tooltip เสริมที่ขึ้นตอน hover และ screen reader ส่วนใหญ่ไม่อ่าน — ใช้ alt เป็นหลัก

ภาษาไทยใน alt text มีปัญหากับ Google ไหม? ไม่มี Google รองรับ alt text ภาษาไทยเต็มที่ และถ้าผู้ชมของคุณค้นหาเป็นภาษาไทย การเขียน alt เป็นไทยคือสิ่งที่ถูกต้อง

สรุป

alt text คือข้อความบรรยายรูปภาพที่ทำงานเงียบ ๆ อยู่เบื้องหลัง แต่ส่งผลกระทบจริงทั้งต่อคนตาบอดที่ใช้ screen reader, อันดับใน Google Images และความเข้าใจของ AI ในปี 2026 มันใช้เวลาเขียนแค่ไม่กี่วินาทีต่อรูป แต่ผลตอบแทนทบต้นไปตลอดอายุของหน้านั้น

หลักจำง่าย ๆ: บรรยายให้เห็นภาพ ใส่ keyword อย่างเป็นธรรมชาติ คุมความยาว 80-125 ตัวอักษร ใช้ alt="" กับรูปตกแต่ง และอย่ายัด keyword เด็ดขาด เริ่มจากตรวจเว็บคุณวันนี้ว่ารูปไหนยังไม่มี alt แล้วไล่เติมทีละหน้า

ที่ Southern Whale เราช่วย SME ภาคใต้ทำ Image SEO และ on-page optimization แบบครบวงจร — ตั้งแต่ตรวจหารูปที่ขาด alt, เขียน alt text ที่ทั้งถูกหลัก accessibility และดึง traffic จาก Google Images ไปจนถึงวาง strategy ทั้งเว็บ ถ้าคุณอยากให้รูปในเว็บทำงานหนักขึ้นโดยไม่ต้องเพิ่มคอนเทนต์ ปรึกษาเราได้ที่ บริการ SEO ของ Southern Whale