Alt Text คืออะไร❓มีความสำคัญอย่างไร❓
Alt Text คืออะไร❓มีความสำคัญอย่างไร❓
Alt Attribute เป็นข้อความที่ใส่ใน Image Tag (Img Tag) มีไว้สำหรับใส่ข้อความอธิบายรูปภาพ
(บางคนก็เรียกว่า Alt Image Tag หรือ Alt Tag)
Img ย่อมาจาก image ซึ่งมีความหมายว่า “รูปภาพ”
Alt ย่อมาจาก Alternative ซึ่งมีความหมายว่า “แทนที่”
เมื่อนำ Img + Alt ก็ได้ความหมายว่า “การแทนที่รูปภาพด้วยข้อความ”
ซึ่งคนจะนิยมเรียกว่า Alt Attribute
Alt Attribute เป็นข้อความที่ทุกรูปภาพควรจะต้องมี เพราะมีประโยชน์ต่อ Google, ผู้ค้นหา และผู้เข้าชมเว็บไซต์ โดยสามารถช่วยแสดงคำอธิบายรูปภาพได้ ในขณะที่รูปภาพนั้นๆ ไม่แสดง ช่วยให้ Google, ผู้ค้นหา หรือเข้าชมเว็บไซต์ได้ทราบว่า รูปภาพที่ไม่แสดงนั้นเกี่ยวข้องกับอะไร และสาเหตุที่ทำให้รูปภาพไม่แสดงมี ดังนี้
1.ไฟล์รูปภาพหายไป
2.ชื่อไฟล์รูปภาพผิด
3.ความเร็ว Internet ต่ำ
นอกจากนี้ Alt Attriubte ยังแสดงคำอธิบายรูปภาพเมื่อเอาเมาส์ชี้บนรูปนั้นๆ ได้อีกด้วย ซึ่งการแสดงข้อความลักษณะนี้เรียกว่า Mouse Over
🔹หลักเกณฑ์ในการใส่ Alt Attribute
1.คำอธิบายควรตรงกับรูปภาพ
ในการใส่คำอธิบายรูปภาพควรให้มีความสัมพันธ์กับรูปภาพ เพื่อเวลาที่เกิดปัญหารูปภาพไม่แสดง ผู้ค้นหา หรือผู้ที่เข้าชมเว็บไซต์จะได้เข้าใจว่ารูปภาพนั้นเกี่ยวข้องกับอะไร และการใส่คำอธิบายที่ไม่ตรงกับภาพจะก่อให้เกิดการเข้าใจผิด
2.ควรมี Keyword อยู่ในข้อความที่ใส่
หากเป็นไปได้ข้อความที่ใส่ใน Alt Attribute ควรที่จะมี Keyword อยู่ด้วย แต่นั่นก็ไม่ได้หมายความว่าทุกรูปภาพที่มีอยู่จะต้องใส่ Keyword ทั้งหมด ในที่นี้หมายความว่าหากมีรูปภาพที่เกี่ยวข้องกับ Keyword ก็ให้ใส่ Keyword ลงไปด้วย เพราะจะช่วยในเรื่องของ SEO ส่วนรูปภาพใดที่ไม่ได้เกี่ยวข้องกับ Keyword ก็ให้ใส่คำอธิบายที่เกี่ยวข้องกับรูปภาพนั้นๆ ไป ไม่ต้องพยามยามที่จะใส่ Keyword เพราะเมื่อเวลา Alt Attribute จะทำให้เกิดการเข้าใจผิดได้
3.ไม่ควรใช้เครื่องหมายยัติภังค์ หรือขีด (-)
ข้อความที่ใส่ใน Alt Attribute ไม่ควรใช้เครื่องหมายยัติภังค์ หรือขีด (-) เนื่องจากการเขียนข้อความในรูปประโยคธรรมดาไม่นิยมใช้เครื่องหมายยัติภังค์ หรือขีด (-) อยู่แล้ว แต่จะใช้เป็นเว้นวรรคแทนมากกว่า หากมีความจำเป็นต้องใช้เครื่องหมายยัติภังค์ หรือขีด (-) แนะนำควรใช้กับคำที่มีการค้นหาเป็นสากลจะดีที่สุด และถึงแม้ว่าข้อความที่ใส่ใน Alt Attribute จะไม่ควรใช้เครื่องหมายยัติภังค์ หรือขีด (-) ก็ตาม แต่ในการตั้งชื่อรูปภาพสามารถใช้เครื่องหมายดังกล่าวได้ไม่มีปัญหา
4.ในกรณีที่รูปภาพไม่ได้มีความหมาย หรือความสำคัญ
โดยปกติรูปภาพที่จะแสดงในเว็บไซต์ มักเป็นรูปที่มีความสำคัญ โดยจะใส่ชื่อรูปและคำอธิบายเอาไว้ แต่ในบางกรณีรูปที่ใส่ในเว็บไซต์นั้น ไม่ได้มีความสำคัญมาก โดยตั้งใจใส่เพื่อตกแต่งตามความสวยงาม ซึ่งรูปภาพที่มีลักษณะนี้อาจจะเว้นว่างตรงคำอธิบาย ” alt=”” เอาไว้ก็ได้
5.ไม่ควรใส่ข้อความใน Alt Attribute รูปภาพซ้ำกัน
ในกรณีที่ต้องเพิ่มรูปภาพหลายๆ รูปลงในเว็บไซต์และในหมวดหมู่เดียวกัน เช่น “นาฬิกาข้อมือผู้ชาย” จะมีรูปภาพหลายรูป ก็ควรใส่ Alt Attribute ให้มีความแตกต่างกันด้วย โดยอาจจใส่ชื่อรุ่น หรือยี่ห้อลงไป เพื่อให้เกิดความแตกต่าง และเฉพาะเจาะจงมากขึ้น เพราะเมื่อซ้ำกันแล้ว เวลาที่ Alt Attribute แสดงข้อความแทนรูปภาพจะก่อให้เกิดการเข้าใจผิด
🔹เหตุผลที่เราควรใส่คำอธิบายให้รูปภาพ
1. รองรับการใช้งานของ Screen Reader
Google มองเห็นว่าในปัจจุบันมีคนที่มีความบกพร่องทางสายตาจำนวนมากที่ไม่สามารถมองเห็นได้ และคนกลุ่มนี้มีการใช้ Screen Reader เพื่ออ่านข้อมูลต่างๆ ให้บนเว็บไซต์ โดยสิ่งที่ Screen Reader อ่านนั้นจะเป็น เนื้อหาเว็บไซต์ และ Alt Text ที่เราใส่ไว้ในภาพ หากเราไม่ใส่มันจะอ่านที่ชื่อรูปภาพแทน
เราอาจมองว่าเรื่องนี้เป็นเรื่องที่ไกลตัว ไม่เกี่ยวข้องกับเรา แต่ Google เองก็ได้พูดถึงเรื่องนี้ด้วยเช่นกันใน SEO starter guide
2. ให้ Google รู้ว่ารูปภาพมีความเกี่ยวข้องกับเนื้อหา
โดยทั่วไปแล้ว Google สามารถรู้ได้ว่า บทความที่เราเขียนคือเรื่องอะไรผ่านการอ่านข้อความในเว็บไซต์ แต่สิ่งที่ Google ไม่รู้คือเกี่ยวข้องยังไงกับเนื้อหา การใส่ Alt จะช่วยให้ Google รู้จักภาพของเราได้ดียิ่งขึ้น ถึงรายละเอียดของภาพนั้นๆ
ตัวอย่างเช่น หากภาพประกอบเว็บไซต์ของเรา Google จะมองว่าหน้าเพจนี้มีภาพประกอบอยู่ 2 ภาพ แต่ไม่รู้ว่ามันคือภาพอะไร
และเมื่อเราใส่ Alt Text เข้าไปเพื่ออธิบายภาพประกอบ Google จะรู้ว่า ทั้ง 2 ภาพนี้เกี่ยวข้องกับอาหาร
3. ส่งผลดีต่อการจัดอันดับบน Google Image
รู้หรือไม่ Google Image เป็นเครื่องมือการค้นหาที่ใหญ่เป็นอันดับ 2 ของโลก! (อันดับ 1 เป็น Google Search) ซึ่งเป็น 20% ของการค้นหาออนไลน์ทั้งหมด
การทำให้รูปภาพติดอันดับบน Google Image ก็สามารถสร้าง Traffic ให้กับเว็บไซต์ได้มากเช่นกัน
หากดูรายงานจาก Google Search Console จะเห็นได้ว่ามีคนเสิร์ช Google Image และคลิกเข้ามาที่ Blog ของ MakeWebEasy ไม่น้อยเลย
4. ช่วยให้ภาพประกอบเชื่อมโยงกับ Anchor text
Anchor text คือ ข้อความหรือประโยคที่มี Link แทรกอยู่ด้วย ใช้สำหรับอ้างอิงหรือพูดถึงเนื้อหาอีกเรื่องหนึ่งที่มีความเกี่ยวข้องกัน ทางเทคนิคการทำ SEO จะเรียกกันว่าการทำ Internal Link หากเราแทรก Keyword ในคำอธิบายรูปภาพ ซึ่งตรงกับ Anchor text ที่เราใช้ในอีกหน้าหนึ่ง Google ก็จะมองว่า Anchor text กับภาพนั้นพูดถึงเรื่องเดียวกัน
-----------------------------------------------------------------------------------
สนใจบริการดูแลการตลาดออนไลน์ | ทำการตลาดออนไลน์ | ทำกราฟฟิคครบวงจร | สามารถติดต่อเราได้ตลอด | รับสร้างแบรนด์ | รับทำการตลาดออนไลน์ | รับทำแผนการตลาดออนไลน์ | รับสร้างแบรนด์ | รับดูแล Facebook แฟนเพจ | รับดูแล LINE OA สามารถติดต่อเราได้ตลอด 24 ชั่วโมง
รายละเอียดบริการดูแลการตลาดออนไลน์
ตัวอย่าง ผลงานแบรนด์ต่างๆ ที่เราดูแลการตลาดออนไลน์ให้
------------------------------------------------------------------------------------
💙ปรึกษาทีมงานของเรา💙
📱Tel : 0840104252 📱0947805680
สายด่วนออฟฟิศ : 034-900-165 , 02-297-0811 (จันทร์-ศุกร์)
📨 Inbox : http://m.me/ChatStick.TH
┏━━━━━━━━━┓
📲 LINE: @chatstick
┗━━━━━━━━━┛
หรือคลิ๊ก https://goo.gl/KuzCpM
🎉รายละเอียดที่ http://www.chatstickmarket.com/langran
🎉ชมผลงานเราได้ที่ https://www.chatstickmarket.com/portfolio
