การปรับปรุงการเข้าถึงและเนื้อหาหน้าด้วย Alt Text
ดูสวย ๆ ทุกเว็บไซต์บนเว็บในวันนี้และคุณจะเห็นว่าหนึ่งในสิ่งที่พวกเขามีเหมือนกันคือภาพ ภาพสามารถใช้บนเว็บไซต์เพื่อเพิ่มไหวพริบภาพช่วยอธิบายความคิดและเพิ่มเนื้อหาทั้งหมดของหน้าเว็บ นอกเหนือจากการ เลือกภาพที่ ถูกต้อง และ เตรียม ภาพเพื่อ จัดเตรียมเว็บเรียบร้อย แล้วให้แน่ใจว่ารูปภาพทั้งหมดของไซต์ของคุณใช้ข้อความ ALT อย่างถูกต้องเป็นส่วนสำคัญในการใช้ภาพเหล่านี้กับเว็บอย่างเหมาะสม
Alt Text คืออะไร
ข้อความ Alt เป็นข้อความทางเลือกที่ใช้โดยเบราว์เซอร์ข้อความและตัวแทนผู้ใช้เว็บผู้ใช้รายอื่นที่ไม่สามารถดูภาพ นอกจากนี้ยังเป็นหนึ่งในแอตทริบิวต์เดียวที่แท็กรูปภาพกำหนด การเขียนข้อความที่มีประสิทธิภาพทำให้มั่นใจได้ว่า เว็บเพจ ของคุณสามารถเข้าถึงได้สำหรับผู้ที่อาจใช้โปรแกรมอ่านหน้าจอหรืออุปกรณ์อื่น ๆ ที่ได้รับความช่วยเหลือเพื่อเข้าถึงไซต์ของคุณ นอกจากนี้คุณยังมั่นใจว่าบางสิ่งบางอย่างจะถูกแสดงในตำแหน่งของภาพหากไม่โหลดด้วยเหตุผลใด ๆ (เส้นทางที่ไม่ถูกต้องความล้มเหลวในการส่ง ฯลฯ ) นี่เป็นจุดประสงค์ที่แท้จริงของข้อความ Alt แต่เนื้อหานี้ยังทำให้คุณมีสถานที่เพิ่มเติมในการเพิ่มข้อความ SEO ที่เป็นประโยชน์ซึ่งเครื่องมือค้นหาจะไม่ลงโทษคุณ
ข้อความ Alt ควรทำซ้ำข้อความในภาพ
รูปภาพใด ๆ ที่มีข้อความอยู่ในนั้นควรมีข้อความเป็นข้อความสำรอง คุณสามารถวางคำอื่นในข้อความอื่น แต่อย่างน้อยควรพูดเช่นเดียวกับภาพ ตัวอย่างเช่นหากคุณมีโลโก้สำหรับรูปภาพข้อความ Alt ควรทำซ้ำชื่อ บริษัท ที่เขียนขึ้นโดยโลโก้กราฟิกของคุณ
โปรดจำไว้ด้วยเช่นกันว่ารูปภาพเช่นโลโก้อาจหมายถึงข้อความตัวอย่างเช่นเมื่อคุณเห็นไอคอนรูปลูกบอลสีแดงบนเว็บไซต์ About.com ซึ่งหมายความว่า "About.com" ดังนั้นข้อความทางเลือกสำหรับไอคอนดังกล่าวอาจกล่าวได้ว่า "About.com" ไม่ใช่แค่ "โลโก้ บริษัท " เท่านั้น
เก็บข้อความสั้นไว้
ข้อความทางเลือกของคุณยิ่งยาวนานเท่าใดยิ่งยากที่จะอ่านด้วยเบราว์เซอร์ข้อความ อาจเป็นเรื่องที่ดึงดูดใจในการเขียนประโยคยาว ๆ ของข้อความอื่น ๆ (โดยปกติแล้วจะมีการกระทำเนื่องจากมีผู้พยายามแท็กคำหลักด้วยคำหลัก) แต่การเก็บแท็ก Alt ของคุณจะทำให้หน้าเว็บของคุณมีขนาดเล็กและเล็กลงดาวน์โหลดได้เร็วขึ้น
กฎง่ายๆสำหรับข้อความอื่นคือการเก็บข้อมูลไว้ระหว่าง 5 ถึง 15 คำ
ใช้คำหลัก SEO ของคุณในแท็ก Alt
คนมักคิดผิดคิดว่าวัตถุประสงค์ของข้อความอื่นคือการใส่คำหลักของเครื่องมือค้นหา ใช่ว่าเป็นประโยชน์ที่คุณสามารถใช้ได้ แต่เฉพาะเมื่อข้อความที่คุณต้องการเพิ่มขึ้นก็คือเหตุผลที่แท้จริงของแท็ก alt - เพื่อแสดงข้อความอัจฉริยะที่อธิบายถึงภาพลักษณ์ที่ควรจะเป็นใครที่ไม่สามารถมองเห็นได้
ตอนนี้ที่ถูกกล่าวว่าข้อความ Alt ไม่ได้หมายความว่าเป็นเครื่องมือ SEO ไม่ได้หมายความว่าคุณจะไม่สามารถใช้คำหลักของคุณในข้อความนี้ เนื่องจากข้อความทางเลือกมีความสำคัญและจำเป็นต้องใช้กับรูปภาพเครื่องมือค้นหาจึงไม่น่าจะลงโทษคุณในการวางคำหลักหากเนื้อหาที่คุณเพิ่มมีความหมาย โปรดจำไว้ว่าสิ่งสำคัญอันดับแรกของคุณคือเพื่อให้ผู้อ่านของคุณ คำหลักสแปมในข้อความอื่นสามารถตรวจพบได้และเครื่องมือค้นหาจะเปลี่ยนกฎตลอดเวลาเพื่อป้องกันผู้ส่งอีเมลขยะ
หลักเกณฑ์ที่ดีคือการใช้คำหลักของเครื่องมือค้นหาของคุณตรงกับคำอธิบายภาพและอย่าใช้คำหลักมากกว่าหนึ่งคำในข้อความอื่นแทน
ทำให้ข้อความของคุณมีความหมาย
โปรดจำไว้ว่าจุดของข้อความ alt คือการกำหนดภาพสำหรับผู้อ่านของคุณ นักพัฒนาเว็บจำนวนมากใช้ข้อความทางเลือกสำหรับตัวเองรวมถึงสิ่งต่างๆเช่นขนาดภาพชื่อไฟล์รูปภาพ ฯลฯ แม้ว่าการทำเช่นนี้อาจเป็นประโยชน์กับคุณ แต่ก็ไม่มีประโยชน์อะไรสำหรับผู้อ่านของคุณและควรหลีกเลี่ยงจากแท็กเหล่านี้
ใช้ข้อความ Alt เปล่าสำหรับไอคอนและสัญลักษณ์แสดงหัวข้อย่อยเท่านั้น
เป็นระยะ ๆ คุณจะใช้ภาพที่ไม่มีข้อความอธิบายที่เป็นประโยชน์เช่นสัญลักษณ์แสดงหัวข้อย่อยหรือไอคอนที่เรียบง่าย วิธีที่ดีที่สุดในการใช้ภาพเหล่านี้อยู่ใน CSS ซึ่งคุณไม่จำเป็นต้องมีข้อความอื่น แต่ถ้าคุณต้องมีอย่างเต็มที่ใน HTML ให้ใช้แอ็ตทริบิวต์ alt แทนเปล่าแทนที่จะปล่อยทิ้งไว้
อาจเป็นเรื่องน่าดึงดูดใจที่จะใส่อักขระเช่นเครื่องหมายดอกจัน (*) เพื่อแสดงสัญลักษณ์แสดงหัวข้อย่อย แต่อาจทำให้เกิดความสับสนมากขึ้นได้โดยปล่อยให้ว่างเปล่า และการวางข้อความ "bullet" จะทำให้ยิ่งแปลกประหลาดยิ่งขึ้นในเบราว์เซอร์ข้อความ
บทความต้นฉบับโดย Jennifer Krynin แก้ไขโดย Jeremy Girard เมื่อ 3/3/17