On-Page SEO
Alt Text คืออะไร
Alt text คือคำอธิบายรูปภาพที่เขียนไว้ใน HTML ของหน้าเว็บ ซึ่งโปรแกรมอ่านหน้าจอ (screen reader) จะอ่านออกเสียง และ search engine ใช้ทำความเข้าใจรูปภาพนั้น
Alt text ช่วยเรื่องการเข้าถึง (accessibility) และช่วยให้รูปภาพติดอันดับใน image search ได้ ตัวอย่างเช่น "บาริสต้ากำลังเทลาเต้อาร์ตในคาเฟ่ย่านกรุงเทพฯ" นั้นมีประโยชน์ ขณะที่ "IMG_2024" ไม่มีเลย ให้บรรยายภาพอย่างเป็นธรรมชาติแทนการยัดคีย์เวิร์ด
เขียนเป็นคำบรรยายภาพสำหรับคนที่มองไม่เห็น แล้ว SEO จะดูแลตัวเอง อาการเสียคือยัดคีย์เวิร์ด บรรยายลวดลายตกแต่งทุกจุด และปล่อยค่า default ของ CMS อย่างชื่อไฟล์ค้างไว้ ภาพตกแต่งควรใส่ alt ว่างให้โปรแกรมอ่านหน้าจอข้ามไป สำหรับหน้าที่ภาพคือสาระ ภาพสินค้า ผลงาน แผนภาพ alt text บวกชื่อไฟล์ที่บรรยายจริงคือช่องทาง image search ของแท้ และในหมวดที่ขายด้วยภาพ image search คือ traffic ที่มีตัวตน
ตัวอย่าง
คาเฟ่อัปโหลดรูปชื่อ IMG_4382.jpg โดยไม่มี alt text โปรแกรมอ่านหน้าจอประกาศว่า รูปภาพ และ image search มองไม่เห็นอะไรเลย พอเปลี่ยนเป็น alt text ว่า บาริสต้าเทลาเต้อาร์ตในคาเฟ่ย่านทองหล่อ รูปเริ่มโผล่ในการค้นหาคาเฟ่ทองหล่อ และผู้พิการทางสายตาได้ยินสิ่งที่รูปแสดงจริง รูปเดิม ต่างกันแค่ HTML บรรทัดเดียว
คำถามที่พบบ่อย
- เขียน alt text ที่ดีอย่างไร
- บรรยายสิ่งที่ภาพแสดง เจาะจงและสั้น เหมือนเล่าให้คนฟังทางโทรศัพท์ ช่างติดตั้งแผงโซลาร์บนหลังคาทาวน์เฮาส์ ไม่ใช่ แผงโซลาร์ และไม่ใช่สายคีย์เวิร์ด ถ้าภาพเป็นแค่การตกแต่ง ใช้ alt ว่าง
- alt text มีผลต่ออันดับไหม
- เป็นสัญญาณหลักของ image search ช่วย accessibility และเพิ่มบริบทให้หน้า มันช่วยเนื้อหาอ่อนไม่ได้ แต่ในหมวดที่ขายด้วยภาพ สินค้า ผลงาน อาหาร ท่องเที่ยว image search คือ traffic จริง และ alt text คือชั้นการจัดอันดับของมัน
คำศัพท์ที่เกี่ยวข้อง
กำลังทำเรื่อง Alt Text อยู่ใช่ไหม? ดูว่าการตรวจสอบ SEO (SEO Audit)ของเราช่วยคุณได้อย่างไร
ดูการตรวจสอบ SEO (SEO Audit)