เมื่อคุณเห็นรูปภาพบนเว็บไซต์ อาจเป็นเรื่องยากที่จะจินตนาการว่ารูปภาพนี้อาจ "ไม่มีอยู่จริง" สำหรับเครื่องมือค้นหาและผู้ใช้ที่มีความบกพร่องทางการมองเห็น เครื่องมือค้นหาไม่สามารถเข้าใจเนื้อหาของรูปภาพได้โดยตรงเหมือนที่มนุษย์ทำ และโปรแกรมอ่านหน้าจอก็ไม่สามารถอธิบายรูปภาพให้กับผู้ใช้ตาบอดได้ เว้นแต่รูปภาพจะมี คุณสมบัติ ALT แท็ก HTML ที่ดูเหมือนง่ายนี้เป็นสะพานเชื่อมระหว่างเนื้อหาที่เป็นภาพกับการทำความเข้าใจของเครื่องจักร และเป็นส่วนที่สำคัญที่สุดและมักถูกมองข้ามมากที่สุดในการปรับปรุง SEO และการเข้าถึงของเว็บไซต์
คุณสมบัติ ALT (Alternative Text, ข้อความทดแทน) เป็นคุณสมบัติของแท็ก <img> ใน HTML ซึ่งใช้สำหรับ คำอธิบายข้อความ สำหรับรูปภาพ เมื่อรูปภาพโหลดไม่สำเร็จเนื่องจากปัญหาเครือข่าย ผู้ใช้ปิดใช้งานการแสดงรูปภาพ หรือผู้เยี่ยมชมใช้โปรแกรมอ่านหน้าจอ ข้อความในคุณสมบัติ ALT จะปรากฏขึ้นเพื่อแทนที่รูปภาพ ในระดับโค้ด การเขียนนั้นง่ายมาก:
<img src="product-photo.jpg" alt="แก้วกาแฟเซรามิกสีขาว วางอยู่บนโต๊ะไม้">
"แก้วกาแฟเซรามิกสีขาว วางอยู่บนโต๊ะไม้" ในโค้ดนี้คือเนื้อหาของคุณสมบัติ ALT สำหรับผู้เข้าชมทั่วไป ข้อความนี้มักจะมองไม่เห็น แต่สำหรับบ็อตของเครื่องมือค้นหา ซอฟต์แวร์โปรแกรมอ่านหน้าจอ หรือเมื่อรูปภาพโหลดไม่สำเร็จ คำอธิบายนี้จะกลายเป็นพื้นฐานเดียวสำหรับการทำความเข้าใจเนื้อหาของรูปภาพ
ผู้ดูแลเว็บไซต์หลายรายเมื่ออัปโหลดรูปภาพ มักจะละเว้นคุณสมบัติ ALT ไปทั้งหมด หรือกรอกข้อมูลที่ไม่สมเหตุสมผล เช่น "image1.jpg" วิธีการนี้ไม่เพียงแต่ทำให้เสียโอกาส SEO แต่ยังทำให้เว็บไซต์ไม่มีประโยชน์ต่อ การเข้าถึง อย่างสิ้นเชิง
เครื่องมือค้นหาไม่สามารถ "มองเห็น" รูปภาพได้ พวกเขาอาศัยคุณสมบัติ ALT เพื่อทำความเข้าใจเนื้อหาของรูปภาพ จากนั้นจึงตัดสินใจว่าจะรวมรูปภาพไว้ในผลการค้นหารูปภาพหรือไม่ และเพื่อประเมินความเกี่ยวข้องของเนื้อหาหน้าเว็บกับการค้นหาของผู้ใช้ หากเว็บไซต์อีคอมเมิร์ซไม่มีคำอธิบาย ALT ที่ถูกต้องสำหรับรูปภาพผลิตภัณฑ์ นั่นหมายความว่าแทบจะมองไม่เห็นในการค้นหารูปภาพของ Google และสูญเสียปริมาณการเข้าชมที่มีศักยภาพไปเป็นจำนวนมาก
จากมุมมองของ ประสบการณ์ผู้ใช้ ผู้ที่มีความบกพร่องทางการมองเห็นที่เรียกดูเว็บไซต์ผ่านโปรแกรมอ่านหน้าจอ จะต้องอาศัยคุณสมบัติ ALT เพื่อทำความเข้าใจรูปภาพบนหน้าเว็บ หากบทความบล็อกเกี่ยวกับสถานที่ท่องเที่ยวมีรูปภาพที่มี ALT เพียงแค่เขียนว่า "IMG_3847" ผู้ใช้ตาบอดจะไม่ทราบว่านี่เป็นรูปพระอาทิตย์ตกที่ชายหาดหรือทิวทัศน์หิมะบนยอดเขา คำอธิบาย ALT ที่ดีสามารถทำให้เว็บไซต์บริการผู้ใช้ทุกคนได้อย่างแท้จริง ไม่ใช่แค่ผู้ที่มีสายตาปกติ
นอกจากนี้ ในสถานการณ์ที่ เครือข่ายมือถือสัญญาณอ่อน หรือผู้ใช้ปิดใช้งานรูปภาพเพื่อประหยัดปริมาณข้อมูล ข้อความ ALT จะแสดงโดยตรงบนหน้าเว็บ คำอธิบายที่ชัดเจนและให้ข้อมูลสามารถช่วยให้ผู้ใช้เข้าใจเนื้อหาของหน้าเว็บได้อย่างรวดเร็ว โดยไม่สับสนเนื่องจากรูปภาพขาดหายไป
Google พิจารณาส่วนประกอบของรูปภาพเมื่อประเมินคุณภาพของหน้าเว็บ และคุณสมบัติ ALT เป็น แหล่งสัญญาณหลัก ในการทำความเข้าใจรูปภาพ การใช้คุณสมบัติ ALT อย่างเหมาะสมสามารถให้ประโยชน์ SEO ได้หลากหลาย:
การปรับปรุงอันดับการค้นหารูปภาพ เป็นประโยชน์ที่ตรงที่สุด เมื่อผู้ใช้ค้นหา "การออกแบบห้องนั่งเล่นสไตล์โมเดิร์นเรียบง่าย" ในการค้นหารูปภาพของ Google หาก ALT ของรูปภาพของคุณอธิบายได้อย่างถูกต้องว่า "ห้องนั่งเล่นสไตล์โมเดิร์นเรียบง่าย โซฟาผ้าสีเทาพร้อมโต๊ะกลางหินอ่อน" คุณก็มีโอกาสปรากฏในผลการค้นหามากกว่าคู่แข่งที่เขียนเพียงแค่ "รูปห้องนั่งเล่น"
การเพิ่มความเกี่ยวข้องของหัวข้อหน้าเว็บ ก็สำคัญเช่นกัน สมมติว่าคุณกำลังเขียนบทความเกี่ยวกับ "การวิเคราะห์ส่วนผสมเครื่องสำอางออร์แกนิก" และรูปภาพเป็นสารสกัดจากพืชต่างๆ หาก ALT อธิบายว่า "ส่วนผสมจากธรรมชาติสำหรับผลิตภัณฑ์ดูแลผิว เช่น ว่านหางจระเข้ คาโมมายล์ และน้ำมันทีทรี" เครื่องมือค้นหาก็จะมั่นใจมากขึ้นว่าเนื้อหานี้มีความเกี่ยวข้องสูงกับหัวข้อเครื่องสำอางออร์แกนิก ซึ่งจะช่วยเพิ่มน้ำหนักโดยรวมของหน้าเว็บ
ใน ระดับ SEO เทคนิค คุณสมบัติ ALT ยังสามารถลดอัตราการตีกลับที่เกิดจากปัญหาการโหลดรูปภาพได้อีกด้วย เมื่อผู้ใช้เข้าชมหน้าเว็บแต่เห็นพื้นที่ว่างขนาดใหญ่หรือไอคอนที่เสียหาย พวกเขามักจะออกไปทันที แต่ข้อความ ALT ที่มีความหมายอย่างน้อยก็สามารถสื่อสารข้อมูลที่รูปภาพควรจะสื่อสารได้ ซึ่งจะช่วยลดการสูญเสียผู้ใช้
หลักการสำคัญในการเขียนคุณสมบัติ ALT คือ ความถูกต้อง กระชับ และเป็นธรรมชาติ ทั้งเพื่อช่วยให้เครื่องจักรเข้าใจรูปภาพ และเพื่อหลีกเลี่ยงการปรับปรุงที่มากเกินไป
อธิบายเนื้อหาจริงของรูปภาพ ไม่ใช่ข้อมูลทางการตลาดที่คุณหวังว่ารูปภาพจะสื่อถึง ตัวอย่างเช่น สำหรับรูปภาพผลิตภัณฑ์ คำอธิบายที่ถูกต้องควรเป็น "กระเป๋าเอกสารหนังสีดำสไตล์ธุรกิจ พร้อมตัวล็อคโลหะและสายสะพายที่ปรับได้" ไม่ใช่ "กระเป๋าเอกสารสำหรับสุภาพบุรุษสุดหรูที่ต้องมี โปรโมชั่นจำกัดเวลา" อย่างหลังเต็มไปด้วยคำศัพท์ทางการตลาด ไม่สอดคล้องกับความตั้งใจของ ALT และอาจถูกเครื่องมือค้นหาตีความว่าเป็นการปั่นป่วน
จำกัดความยาวไม่เกิน 125 ตัวอักษร เป็นกฎทั่วไป โปรแกรมอ่านหน้าจอมักจะตัดข้อความที่ความยาวนี้ การอธิบายที่ยาวเกินไปจะส่งผลเสียต่อประสบการณ์การฟัง หากข้อมูลรูปภาพมีความซับซ้อน คุณสามารถสรุปเนื้อหาหลักใน ALT และเสริมรายละเอียดในเนื้อหาหลักหรือคำอธิบายภาพ (caption) ได้
แทรกคำหลักอย่างเป็นธรรมชาติ ไม่ใช่การยัดเยียด หากหัวข้อของบทความคือ "การดูแลพืชในร่ม" และรูปภาพแสดงต้นพลูฉีก คุณสามารถเขียนได้ว่า "ต้นพลูฉีกในกระถาง ตั้งอยู่ริมหน้าต่างห้องนั่งเล่นเพื่อรับแสงที่ส่องผ่าน" ซึ่งจะรวมคำที่เกี่ยวข้อง เช่น "พลูฉีก" "น้ำ" "ห้องนั่งเล่น" อย่างเป็นธรรมชาติ แต่ก็ยังอ่านเหมือนประโยคอธิบายปกติ
รูปภาพตกแต่งสามารถเว้นว่างหรือละไว้ได้ สำหรับองค์ประกอบบนหน้าเว็บ เช่น เส้นแบ่ง พื้นผิวพื้นหลัง ไอคอนตกแต่งล้วนๆ ที่ไม่ได้สื่อสารข้อมูลที่แท้จริง สามารถใช้แอตทริบิวต์ alt="" ที่ว่างเปล่า เพื่อหลีกเลี่ยงโปรแกรมอ่านหน้าจอที่เสียเวลาอ่านเนื้อหาที่ไม่มีความหมาย
หลีกเลี่ยงคำซ้ำเติม เช่น "รูปภาพ" "ภาพถ่าย" ALT เองก็บ่งบอกว่าเป็นข้อความทดแทนรูปภาพ การเขียนว่า "นี่คือรูปภาพของ..." ถือเป็นส่วนเกินที่ไม่มีประโยชน์ ควรบรรยายเนื้อหาโดยตรง
เว็บไซต์หลายแห่งมักตกหลุมพรางข้อผิดพลาดทั่วไปในการดำเนินการจริง:
การละเว้นคุณสมบัติ ALT โดยสิ้นเชิง เป็นปัญหาที่ร้ายแรงที่สุด ตรวจสอบซอร์สโค้ดของเว็บไซต์ของคุณ หากคุณเห็นแท็กเช่น <img src="banner.jpg"> ที่ไม่มี alt คุณต้องรีบดำเนินการแก้ไข แม้ว่าจะยังคิดคำอธิบายที่สมบูรณ์แบบไม่ได้ การเขียนเนื้อหาพื้นฐานก็ยังดีกว่าการเว้นว่าง
การใช้ชื่อไฟล์โดยตรง ก็แย่ไม่แพ้กัน alt="DSC_0234.jpg" หรือ alt="product-image-final-v3" ไม่มีประโยชน์ต่อผู้ใช้และเครื่องมือค้นหาใดๆ สะท้อนถึงความขี้เกียจในการจัดการเนื้อหา ควรเปลี่ยนเป็นข้อความอธิบาย เช่น "ผ้าพันคอขนสัตว์ถักด้วยมือ ลายข้าวหลามตัดสีน้ำเงินเข้ม"
การยัดเยียดคำหลัก เป็นอาการของการปรับปรุงที่มากเกินไป การเขียนแบบ alt="บริษัทรับปรับปรุง SEO ในปักกิ่ง ปรับปรุงเว็บไซต์ในปักกิ่ง บริการจัดอันดับคำหลักในปักกิ่ง" นั้นละเมิดหลักการประสบการณ์ผู้ใช้ และจะถูกลงโทษโดยอัลกอริทึมของเครื่องมือค้นหา เวอร์ชันที่เหมาะสมควรเป็น "ทีม SEO ในสำนักงานในปักกิ่งกำลังหารือเกี่ยวกับแผนการปรับปรุงเว็บไซต์"
การใช้ ALT เดียวกันสำหรับรูปภาพทั้งหมด บ่งบอกถึงการขาดความใส่ใจ หากรูปภาพหลายภาพในหน้าผลิตภัณฑ์เขียนว่า "รูปภาพสินค้า" เหมือนกัน ก็จะไม่สามารถช่วยให้ผู้ใช้แยกแยะความแตกต่างระหว่างภาพด้านหน้า ภาพด้านข้าง หรือภาพระยะใกล้ และยังทำให้เครื่องมือค้นหาคิดว่าเนื้อหามีความซ้ำซ้อนและเบาบาง
เว็บไซต์อีคอมเมิร์ซ เป็นผู้ได้รับประโยชน์อันดับแรก รูปภาพสินค้าเป็นปัจจัยสำคัญในการเปลี่ยนแปลง คำอธิบาย ALT ที่แม่นยำไม่เพียงแต่นำมาซึ่งปริมาณการเข้าชมจากการค้นหารูปภาพ แต่ยังสามารถรักษาข้อมูลผลิตภัณฑ์ไว้ได้เมื่อรูปภาพโหลดผิดปกติ ซึ่งจะช่วยลดการสูญเสียยอดขายที่มีศักยภาพ ร้านค้าที่ขายเครื่องประดับทำมือ หาก ALT อธิบายว่า "สร้อยคอจี้มุกจันทราเงิน 925 รูปทรงหยดน้ำ สายโซ่แบบงูยาว 16 นิ้ว" จะดึงดูดผู้ใช้ที่ตรงเป้าหมายได้มากกว่า "รูปสร้อยคอ"
สื่อเนื้อหาและบล็อก ก็ต้องพึ่งพาการปรับปรุง ALT เช่นกัน รูปภาพข่าว เว็บไซต์ข่าว ภาพหน้าจอขั้นตอนในบทความสอน หรือแผนภูมิเปรียบเทียบในบทความรีวิว ล้วนต้องการคำอธิบาย ALT ที่ชัดเจนเพื่อเพิ่มความสมบูรณ์ของเนื้อหา หากรูปภาพขั้นตอนในบทเรียนการถ่ายภาพมี ALT เพียงแค่เขียนว่า "ขั้นตอนที่ 1" "ขั้นตอนที่ 2" ผู้ใช้จะไม่สามารถเข้าใจขั้นตอนการดำเนินการได้เลยเมื่อรูปภาพโหลดไม่สำเร็จ
เว็บไซต์องค์กร และ เว็บไซต์แบรนด์ จำเป็นต้องใส่ใจในรายละเอียด ด้วยคำอธิบาย ALT ที่เหมาะสมสำหรับรูปภาพทีมงาน รูปภาพสภาพแวดล้อมสำนักงาน หรือการแสดงไลน์ผลิตภัณฑ์ สามารถช่วยยกระดับภาพลักษณ์ความเป็นมืออาชีพ และยังสนับสนุนอันดับการค้นหาสำหรับคำหลักของแบรนด์และคำหลักทางธุรกิจ
องค์กรใดก็ตามที่ให้ความสำคัญกับการเข้าถึง ควรรวมคุณสมบัติ ALT ไว้ในมาตรฐานเนื้อหา เว็บไซต์ของรัฐบาล สถาบันการศึกษา แพลตฟอร์มสุขภาพและการแพทย์ และเว็บไซต์บริการสาธารณะอื่นๆ มีความรับผิดชอบทางกฎหมายและศีลธรรมในการรับรองว่าทุกคนสามารถเข้าถึงข้อมูลได้อย่างเท่าเทียมกัน คุณสมบัติ ALT เป็นโครงสร้างพื้นฐานในการบรรลุเป้าหมายนี้
คุณสมบัติ ALT ดูเหมือนจะเป็นรายละเอียดทางเทคนิค แต่จริงๆ แล้วสะท้อนถึงความเคารพต่อผู้ใช้และความเข้าใจอย่างลึกซึ้งเกี่ยวกับ SEO ในยุคที่รูปภาพกลายเป็นส่วนประกอบหลักของเนื้อหาออนไลน์ การละเลยการปรับปรุง ALT ก็เท่ากับ การสละโอกาสในการสร้างปริมาณการเข้าชมและกลุ่มผู้ใช้ไปโดยสมัครใจ เริ่มต้นจากการตรวจสอบรูปภาพบนเว็บไซต์ของคุณตั้งแต่วันนี้ และเพิ่มคำอธิบายข้อความที่แม่นยำให้กับรูปภาพที่มีความหมายทุกรูป การปรับปรุงเล็กน้อยนี้จะให้ผลตอบแทนที่คุ้มค่าในระยะยาว