ALT Attribute สำคัญต่อรูปภาพหรือไม่

ALT attribute คืออะไร

ALT attribute หรือ alternative text คือคำอธิบายที่ให้กับรูปภาพ ที่ในกรณีรูปภาพเสียหรืออ่านไม่ได้ (เช่นสำหรับ bot หรือผู้ใช้ที่มีความบกพร่องทางการมองเห็น) จะถูกใช้ เพื่อสนับสนุนคอนเทนต์ของเรา

ALT attribute ในรูปภาพใช้ทำอะไร

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

เมื่อตัวอ่านเหล่านี้ไปถึงรูปภาพ เนื่องจากไม่สามารถอธิบายรูปภาพเองได้ มันใช้ alternative text เพื่อให้บริบทแก่ผู้ใช้ เกี่ยวกับสิ่งที่อาจเห็นในภาพ ด้วยวิธีนี้ ผู้ใช้สามารถนำทางในเว็บไซต์ได้อย่างถูกต้องโดยไม่ต้อง "เสีย" ข้อมูลจากรูปภาพ

ทำไม ALT tag จึงสำคัญสำหรับ SEO

บทบาทของเราในฐานะ ที่ปรึกษา SEO คือ ให้ข้อมูลแก่ Google มากที่สุดเท่าที่จะเป็นไปได้ เพื่อให้ เข้าใจ คอนเทนต์ของเราและ แสดง แก่ผู้ใช้ที่เหมาะสม

แม้ว่า Google ได้ปรับปรุงตัวประมวลผลรูปภาพอย่างมาก และไม่ต้องสงสัยเลยว่าสามารถเข้าใจคอนเทนต์ของรูปภาพในแบบทั่วไปได้ เป็นความคิดที่ดีเสมอที่รูปภาพของเรารวม ALT attribute ด้วยวิธีนี้เราทำให้แน่ใจว่า Google มีข้อมูลทั้งหมดเกี่ยวกับภาพและสามารถเข้าใจความหมายภายในคอนเทนต์ของเรา

ดังที่กล่าวไว้ ดีที่สุดที่จะใช้ให้เหมาะสมและไม่พยายาม "หลอก" Google ในทางที่ไม่ดี กล่าวอีกนัยหนึ่ง ไม่สมเหตุสมผลที่จะใส่ภาพรถในคอนเทนต์ของคุณแล้วเขียน "รองเท้าผ้าใบราคาถูก" เป็น alternative text ทั้งสองไม่เกี่ยวข้องกันและอาจทำให้เกิดธงแดง (โดยเฉพาะหาก alternative text ใช้สำหรับ keyword stuffing)

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

วิธีเพิ่ม ALT tag ลงในรูปภาพ

ณ จุดนี้คุณอาจสงสัย ฉันจะเพิ่ม alternative text นี้ในเว็บไซต์ของฉันได้อย่างไร

ไม่ต้องกังวล เพราะเราอยู่ที่นี่เพื่อช่วย ตั้งใจฟังขณะที่เราอธิบายวิธีทำใน CMS ที่นิยมที่สุดสองตัว

วิธีเพิ่ม ALT attribute ลงในรูปภาพใน WordPress

ในกรณีนี้ค่อนข้างง่าย สิ่งที่เราต้องทำคือไปที่ media library เลือกภาพและกรอกฟิลด์ที่ให้มาสำหรับ alternative text

เพื่อให้บริบทเพิ่มเติม เราสามารถกรอก caption และ description ดังที่แสดงในภาพ นอกจากนี้เราสามารถทำสิ่งนี้ได้โดยตรงในตัวแก้ไขบทความขณะเพิ่มภาพ

วิธีเพิ่ม ALT attribute ลงในรูปภาพใน PrestaShop

ใน PrestaShop เราไม่มี media library หรือฟิลด์เฉพาะสำหรับสิ่งนี้

แล้วเราจะเพิ่มอย่างไร

ไม่ต้องกังวล เราจะอธิบายเคล็ดลับ สิ่งที่คุณต้องทำคือกรอกฟิลด์ caption ภายในรูปภาพสินค้า

ในธีมส่วนใหญ่ สิ่งที่คุณใส่ในฟิลด์ Caption จะถูกตั้งเป็น ALT attribute ของรูปภาพที่คุณกำลังแก้ไข

ปัญหาคือใน CMS นี้ การเพิ่ม ALT attribute อาจน่าเบื่อมากเพราะคุณต้องทำทีละตัว ด้วยเหตุนี้ในคู่มือของเราเรื่อง SEO ใน PrestaShop เรากล่าวถึง โมดูล ที่อนุญาตให้คุณเพิ่ม ALT ลงในทุกรูปภาพได้อย่างรวดเร็ว

วิธีดู ALT attribute ของรูปภาพ

ตอนนี้เราจะอธิบายวิธีตรวจสอบว่าเว็บไซต์มี ALT attribute ในรูปภาพหรือไม่ มีสองตัวเลือก

ผ่าน inspector

หากคุณใช้ Chrome ด้วยการคลิกขวาภายในเว็บไซต์ใด ๆ คุณสามารถเข้าถึง inspector เมื่ออยู่ภายในแล้ว เพียงเลือกภาพและดู ALT

สับสนเล็กน้อยใช่หรือไม่ อาจจะ แต่ไม่ต้องกังวล เรามีอีกตัวเลือกที่ง่ายกว่า

ผ่านส่วนขยาย Chrome

ในกรณีนี้เราขอแนะนำให้ติดตั้ง ส่วนขยาย SEO สำหรับ Chrome ที่เรียกว่า Web Developer เมื่อมีแล้วเพียงไปที่ไอคอนเฟืองและเลือก images > Display Alt Attributes

เมื่อคุณเปิดใช้งานตัวเลือกนี้แล้ว คุณจะเห็นว่าข้างแต่ละภาพมี tooltip เล็ก ๆ ที่แสดง ALT attribute ของแต่ละภาพ

บทสรุป

ดังที่เห็น ALT attribute เป็นปัจจัย SEO ที่มักถูกมองข้ามแต่สามารถให้คุณเพิ่มเติมเล็กน้อยภายใน กลยุทธ์ SEO ของคุณ

จำไว้เสมอที่จะเลือกภาพที่ตรงกับข้อความเพื่อให้ผู้ใช้ไม่สับสนเมื่อเห็น และ เขียน alternative text ที่บรรยายและเกี่ยวข้องทั้งสำหรับผู้ใช้และเพื่อนรัก Google ของเรา

เช่นเคย เราจะรอในความคิดเห็นสำหรับคำถามใด ๆ ที่คุณอาจมี :)