ALT รูปภาพ คืออะไร ทำไมช่องว่างเล็กๆ ถึงชี้ชะตายอดคนเข้าเว็บ

เวลาอัปโหลดรูปภาพขึ้นเว็บไซต์ตามแพลตฟอร์มต่างๆ ช่องกรอกข้อความที่ชื่อว่า ALT Text หรือ ALT รูปภาพ มักจะถูกคนทำเว็บหรือเจ้าของธุรกิจมองข้ามและปล่อยทิ้งว่างไว้เสมอ หลายคนมองว่าเป็นขั้นตอนจุกจิกที่เสียเวลา แต่ในโลกของวิศวกรรมซอฟต์แวร์และการทำการตลาดผ่านระบบค้นหา ช่องว่างเล็กๆ นี้คือจุดเชื่อมต่อสำคัญที่คอยสื่อสารกับระบบ AI ของ Google

Alternative Text คือชุดข้อความที่ฝังอยู่ในโค้ด HTML เพื่อใช้อธิบายรายละเอียดว่ารูปภาพนั้นคือภาพของอะไร มีองค์ประกอบอะไรบ้าง หน้าที่ดั้งเดิมของมันถูกสร้างขึ้นมาเพื่อเป็นข้อความสำรอง หากรูปภาพบนหน้าเว็บโหลดไม่ขึ้นเนื่องจากปัญหาอินเทอร์เน็ตช้าหรือ Server ทำงานผิดปกติ ข้อความส่วนนี้จะแสดงขึ้นมาบนหน้าจอแทนที่รูปภาพนั้นทันที เพื่อให้ผู้ใช้งานยังคงเข้าใจเนื้อหาบริบทตรงนั้นได้ครบถ้วน

กลไกเบื้องหลัง Bot ของ Google อ่านรูปภาพบนเว็บอย่างไร

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

หากคุณอัปโหลดภาพสินค้าแล้วปล่อยช่อง ALT ทิ้งไว้ Bot จะข้ามรูปภาพนั้นไปทันทีเพราะไม่รู้ว่ามันคืออะไร ส่งผลให้เว็บของคุณเสียโอกาสปรากฏบนหน้า Google Image Search แบบฟรีๆ ข้อความ ALT จึงเปรียบเสมือนล่ามแปลภาษาภาพให้กลายเป็นชุดข้อมูลตัวอักษรที่ระบบอัลกอริทึมเข้าใจได้ ยิ่งคุณอธิบายได้ละเอียดและตรงประเด็น โอกาสที่รูปภาพจะถูกดึงไปแสดงผลตอนที่ลูกค้าพิมพ์ค้นหาคีย์เวิร์ดก็ยิ่งสูงขึ้น

รองรับผู้ใช้งานทุกกลุ่มผ่าน Screen Reader

นอกเหนือจากผลลัพธ์ด้าน SEO ข้อความอธิบายภาพยังมีบทบาทสำคัญในด้านการเข้าถึงข้อมูลของผู้พิการทางสายตา ผู้ใช้งานกลุ่มนี้จะใช้โปรแกรมอ่านหน้าจอ หรือที่เรียกว่า Screen Reader เพื่อกวาดพอยน์เตอร์ไปตามส่วนต่างๆ ของเว็บไซต์ เมื่อโปรแกรมอ่านมาเจอรูปภาพ มันจะดึงข้อความ ALT Text มาอ่านออกเสียงให้ผู้ใช้งานฟัง

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

กฎเหล็กและเทคนิคเขียน ALT รูปภาพ ให้ถูกหลัก SEO

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

• เขียนอธิบายตรงไปตรงมาและเห็นภาพ สมมติคุณขายเก้าอี้ทำงาน แทนที่จะเขียนสั้นๆ ว่า “เก้าอี้” ควรขยายความให้ชัดเจนเป็น “เก้าอี้ทำงานเพื่อสุขภาพ สีดำ” เพื่อให้ครอบคลุมคีย์เวิร์ดแบบ Long-tail
• แทรกคีย์เวิร์ดอย่างเป็นธรรมชาติ ควรมีคีย์เวิร์ดหลักของบทความหรือหน้านั้นๆ ผสมอยู่ในคำอธิบายรูปภาพอย่างน้อย 1-2 รูป แต่ห้ามใช้วิธียัดคีย์เวิร์ดซ้ำๆ ติดกันจนอ่านไม่รู้เรื่อง (Keyword Stuffing) เพราะจะโดน Google ลงโทษแบนอันดับ
• คุมความยาวให้อยู่ในระยะพอดี โปรแกรม Screen Reader ส่วนใหญ่มักจะหยุดอ่านข้อความอธิบายภาพเมื่อเกิน 125 ตัวอักษร ดังนั้นควรเขียนให้กระชับ ได้ใจความ และตัดน้ำทิ้งไปให้หมด
• ตัดคำนำหน้าที่ฟุ่มเฟือยทิ้ง ห้ามขึ้นต้นประโยคด้วยคำว่า “รูปภาพของ…” หรือ “ไฟล์กราฟิกของ…” เพราะ Bot ทราบอยู่แล้วว่านี่คือแท็กรูปภาพจากโค้ด HTML การใส่คำเหล่านี้เข้ามาจะเปลืองพื้นที่ตัวอักษรโดยเปล่าประโยชน์

ตัวอย่างโครงสร้างโค้ด HTML และวิธีตรวจสอบ

สำหรับคนที่ต้องเข้าไปแก้ไขหลังบ้านเว็บไซต์ โครงสร้างของโค้ดรูปภาพที่สมบูรณ์ตามหลักมาตรฐาน W3C จะมีหน้าตาแบบนี้

<img src="ergonomic-office-chair-black.jpg" alt="เก้าอี้ทำงานเพื่อสุขภาพ zzz รุ่น xxx สีดำปรับระดับได้">

คุณสามารถตรวจสอบรูปภาพบนเว็บไซต์คู่แข่งหรือเว็บตัวเองได้ง่ายๆ ด้วยการคลิกขวาที่รูปภาพแล้วเลือกคำสั่ง Inspect (ตรวจสอบ) แถบเครื่องมือสำหรับนักพัฒนาจะเด้งขึ้นมาพร้อมไฮไลต์โค้ดบรรทัดนั้นให้ดูทันที ช่วยให้คุณเช็กได้ว่ารูปภาพนั้นมีการตั้งค่า ALT เอาไว้ครบถ้วนหรือไม่

สรุป ALT รูปภาพ อีกหนึ่งปัจจัยสำคัญสำหรับเว็บไซต์

ALT text เป็นงานชิ้นเล็กที่ใช้เวลาเพิ่มขึ้นเพียงไม่กี่วินาที แต่ให้ผลตอบแทนเรื่องทราฟฟิกออร์แกนิกคุ้มค่ามหาศาลในระยะยาว สร้างกฎเกณฑ์ให้ทีมงานคอนเทนต์และทีมเว็บมาสเตอร์ทุกคนต้องกรอกข้อมูลส่วนนี้ให้เป็นนิสัยทุกครั้งก่อนกด Publish เพียงเท่านี้สินทรัพย์ดิจิทัลของคุณก็จะมีสถาปัตยกรรมข้อมูลที่แข็งแกร่ง รองรับทั้งระบบค้นหาและผู้ใช้งานทุกกลุ่มได้อย่างสมบูรณ์แบบ