ข้อความแสดงแทนรูปภาพ – 7 เคล็ดลับสำหรับการเขียนแท็ก Alt รูปภาพที่ดีขึ้น
เผยแพร่แล้ว: 2021-04-05ข้อความแสดงแทนรูปภาพจะบอกเครื่องมือค้นหาว่ารูปภาพของคุณเกี่ยวกับอะไร และช่วยให้อัลกอริทึมเข้าใจเนื้อหาของคุณ การไม่ใช้แท็กเหล่านี้อาจส่งผลเสียต่ออันดับหน้าเว็บของคุณ
ไม่เพียงเท่านั้น หากคุณไม่ได้ใช้ข้อความแสดงแทนของรูปภาพ คุณอาจพลาดแหล่งที่มาที่สำคัญของการเข้าชมที่เกิดขึ้นเอง นั่นคือ รูปภาพของเว็บไซต์ของคุณ
แม้จะมีความก้าวหน้าในการจดจำรูปภาพ แต่อัลกอริธึมของเครื่องมือค้นหายังคงต้องการข้อความแสดงแทนเพื่อทำความเข้าใจว่ารูปภาพของคุณมีอะไรบ้าง และเนื่องจากรูปภาพคิดเป็นสัดส่วนมากกว่า 30% ของผลการค้นหาทั้งหมด นี่คือแง่มุมหนึ่งของ SEO ที่คุ้มค่าที่จะใช้เวลากับมัน
แต่ก่อนอื่น ข้อความแสดงแทนคืออะไร และคุณใช้งานอย่างไร
ฟังพอดคาสต์ของบทความนี้: 'Image Alt Text: มันคืออะไรและทำไมคุณถึงต้องการมันสำหรับ SEO ที่ดี'
ข้อความแสดงแทนรูปภาพคืออะไร
ข้อความแสดงแทนรูปภาพ ย่อมาจาก 'ข้อความแสดงแทนรูปภาพ' เป็นข้อความที่อธิบายเนื้อหาของรูปภาพสองสามคำ ข้อความแสดงแทนรูปภาพยังเรียกว่า 'แอตทริบิวต์ alt', 'คำอธิบาย alt' และ 'แท็ก alt ของรูปภาพ'
ต่อไปนี้คือตัวอย่างบางส่วนของข้อความแสดงแทน:
เหตุใดข้อความแสดงแทนจึงมีความสำคัญ
แท็ก alt รูปภาพมีความสำคัญด้วยเหตุผลสองประการ: (1) ความสามารถในการเข้าถึงและ (2) SEO
- การเข้าถึง
หลักการพื้นฐานของอินเทอร์เน็ตคือทุกคนควรเข้าถึงได้ และนั่นหมายถึงผู้ที่มีความบกพร่องทางการมองเห็นจำเป็นต้องเข้าใจว่ารูปภาพออนไลน์พรรณนาถึงอะไร
เมื่อโปรแกรมอ่านหน้าจอมาถึงรูปภาพ โปรแกรมจะหยิบแท็ก alt ของรูปภาพขึ้นมาและอ่านออกเสียง ดังนั้นแม้ว่าคนตาบอดหรือผู้พิการทางสายตาจะมองไม่เห็นภาพ แต่พวกเขาสามารถรู้ได้ว่าภาพนั้นแสดงอะไร
ดังนั้นการช่วยสำหรับการเข้าถึงจึงเป็นจุดประสงค์หลักของแท็ก alt ของรูปภาพ
- SEO
การจดจำรูปภาพของเครื่องมือค้นหาเริ่มดีขึ้นเรื่อยๆ แต่เสิร์ชเอ็นจิ้นยังไม่สามารถ "เห็น" รูปภาพได้ พวกเขาต้องบอกว่ารูปภาพนั้นมีอะไรบ้าง
นี่คือจุดประสงค์หลักประการที่สองของข้อความแสดงแทน: การปรับปรุง SEO ของเนื้อหาของคุณโดยบอกเครื่องมือค้นหาว่ารูปภาพของคุณมีอะไรบ้าง การเพิ่มแท็ก alt รูปภาพลงในรูปภาพของคุณช่วยให้เครื่องมือค้นหาจัดทำดัชนีหน้าเว็บของคุณได้แม่นยำยิ่งขึ้น และอาจปรับปรุงอันดับของคุณในผลการค้นหา
เหตุผลหนึ่งที่ข้อความแสดงแทนมีความสำคัญสำหรับ SEO คือการค้นหารูปภาพสร้างปริมาณการเข้าชมแบบอินทรีย์จำนวนมาก ในปี 2018 Google รูปภาพคิดเป็นกว่า 20% ของการค้นหาเว็บทั้งหมด:
แหล่งที่มาของรูปภาพ: SparkToro
ขณะนี้รูปภาพประกอบด้วยผลการค้นหาทั้งหมด 34% จากการศึกษาโดย SEOClarity
และไม่ใช่แค่ 'การค้นหารูปภาพ' เท่านั้น: รูปภาพจะแสดงในผลการค้นหาของ Google แม้ว่าคุณจะไม่ได้คลิกปุ่มค้นหารูปภาพ เช่นเดียวกับในคำค้นหานี้:
แต่ถ้าเสิร์ชเอ็นจิ้นยังไม่สามารถระบุได้ว่ามีอะไรอยู่ในภาพถ่าย จะพบภาพเหล่านี้ในผลการค้นหาได้อย่างไร
คำตอบคือข้อความแสดงแทน
และนี่คืออีกเหตุผลหนึ่งที่ข้อความแสดงแทนมีความสำคัญมาก: คุณสามารถเพิ่มปริมาณการค้นหาโดยบอกเครื่องมือค้นหาว่ารูปภาพของคุณมีอะไรบ้าง
วิธีเพิ่มข้อความแสดงแทนให้กับรูปภาพของคุณ
การเพิ่มข้อความแสดงแทนใน WordPress เป็นเรื่องง่าย - ในตัวแก้ไขเริ่มต้นของ WordPress คุณจะเห็นแผงที่ด้านขวาของภาพ ในแผงนั้นเป็นกล่องที่คุณพิมพ์ข้อความแสดงแทนสำหรับรูปภาพของคุณ:
คุณยังสามารถแทรกข้อความแสดงแทนในส่วน 'สื่อ' ของ WordPress:
หากคุณใช้เครื่องมือแก้ไข WordPress ของบริษัทอื่น เช่น Elementor หรือ Thrive Architect คุณจะเพิ่มข้อความแสดงแทนในตัวแก้ไขนั้นได้ นี่คือวิธีที่คุณทำใน Thrive Architect:
7 เคล็ดลับสำหรับข้อความแสดงแทนรูปภาพที่ดี
ต่อไปนี้คือเคล็ดลับบางประการสำหรับการใช้ข้อความแสดงแทนรูปภาพในลักษณะที่ทำให้ทั้งมนุษย์และเครื่องมือค้นหามีความสุข:
- 1อย่าเริ่มต้นด้วย 'image of' หรือ 'image of' - ทั้งมนุษย์และอัลกอริธึมรู้ว่าข้อความนั้นอ้างถึงรูปภาพ
- 2ทำให้สั้น - โปรแกรมอ่านข้อความจะตัดข้อความแสดงแทนที่อักขระประมาณ 125 ตัว
- 3ระบุเฉพาะว่ารูปภาพแสดงอะไร (แทนที่จะเขียนว่า 'แมวขิง' ให้เขียนว่า 'โซฟาเกาแมวขิง' แทน 'อีลอน มัสก์' ให้เขียนว่า 'อีลอน มัสก์ ยืนอยู่ข้างรถเทสลารุ่น S P100D ')
- 4อย่าเพิ่มข้อความแสดงแทนในรูปภาพตกแต่งหรือรูปภาพที่เป็นส่วนหนึ่งของการออกแบบหน้าเว็บ (เช่น ตัวแบ่ง ไอคอน องค์ประกอบตราสินค้า)
- 5ใช้คำสำคัญ แต่เฉพาะในกรณีที่เกี่ยวข้องกับเนื้อหาของภาพ
- 6หากใช้รูปภาพเป็นปุ่ม ให้เพิ่มข้อความแสดงแทนที่อธิบายการทำงานของปุ่ม (เช่น สมัคร ลงทะเบียน ดาวน์โหลด ฯลฯ)
- 7อย่าใช้ข้อความแสดงแทนเป็นโอกาสในการโหลดหน้าด้วยคำหลัก ซึ่งอาจส่งผลเสียต่อ SEO ของหน้าเว็บของคุณ
ตัวอย่างข้อความแสดงแทนที่ดี
ข้อความแสดงแทนที่ดีควรบอกผู้ใช้สั้นๆ ถึงสิ่งที่ปรากฎในภาพ
ข้อความควรเป็นคำอธิบายมากที่สุดและควรมีบริบท บางครั้งอาจหมายถึงการให้รายละเอียดที่คุณอาจทราบแต่ไม่ชัดเจนจากภาพ ดังตัวอย่างที่หนึ่งและสามด้านล่าง:
- ตัวอย่างข้อความแสดงแทน #1
ภาพถ่ายโดย Pete Richman
ข้อความแสดงแทนไม่ถูกต้อง : Guard
ข้อความแสดงแทนที่ดีขึ้น: ยามยืนอยู่ที่ความสนใจ
ข้อความแสดงแทนที่ดี: Grenadier Guard ยืนจ้องหน้าพระราชวังบัคกิ้งแฮม
- ตัวอย่างข้อความแสดงแทน #2
รูปภาพโดย GT#2
ข้อความแสดงแทนไม่ถูกต้อง: dog
ข้อความแสดงแทนที่ดีกว่า: สุนัขวิ่ง
ข้อความแสดงแทนที่ดี: โกลเด้นรีทรีฟเวอร์วิ่ง
- ตัวอย่างข้อความแสดงแทน #3
ภาพถ่ายโดย Yellow Cat
ข้อความแสดงแทนที่ไม่ถูกต้อง: เรือประมง
ข้อความแสดงแทนที่ดีกว่า: เรือประมงสีน้ำเงินและสีขาว
ข้อความแสดงแทนที่ดี: เรือประมงสีน้ำเงินและสีขาวที่ Gallipoli, Puglia, Italy
วิธีตรวจสอบข้อความแสดงแทนของคุณ
ถึงตอนนี้ คุณอาจทราบแล้วว่ารูปภาพออนไลน์ของคุณบางรูปถ้ามีข้อความแสดงแทน
ถ้าใช่ ก็ไม่ต้องกังวล คุณสามารถตรวจสอบแท็ก alt ของคุณได้ตลอดเวลา
และวิธีที่ดีที่สุดคือใช้แมงมุม Screaming Frog SEO คุณสามารถใช้เพื่อรวบรวมข้อมูลได้ถึง 500 URL ฟรี หลังจากนั้นเป็น 140 ปอนด์สเตอร์ลิงต่อปี
เริ่มต้นด้วยการดาวน์โหลด Screaming Frog และป้อน URL ของเว็บไซต์ของคุณ หลังจากที่ซอฟต์แวร์รวบรวมข้อมูลเสร็จแล้ว ให้คลิกที่คอลัมน์ 'รูปภาพ':
ในเมนูแบบเลื่อนลง (มุมบนซ้าย) ตรวจสอบให้แน่ใจว่าได้เลือก 'ข้อความแสดงแทนหายไป':
ถัดไป ไปที่ด้านล่างของหน้าจอและคลิกที่ 'รายละเอียดรูปภาพ':
ตอนนี้คุณจะเห็นว่าสำหรับ URL ใดๆ ที่ Screaming frog ระบุไว้ ข้อความแสดงแทนหายไป:
บทสรุป
การเพิ่มข้อความแสดงแทนให้กับรูปภาพของคุณควรเป็นส่วนสำคัญของกลยุทธ์ SEO ของหน้าเว็บของคุณ ทำให้มนุษย์เข้าถึงรูปภาพของคุณได้มากขึ้น
ช่วยให้เครื่องมือค้นหาเข้าใจว่ามีอะไรอยู่ในภาพของคุณ และทำให้อัลกอริทึมเข้าใจเนื้อหาของคุณได้ง่ายขึ้น
ขณะนี้รูปภาพคิดเป็นกว่า 30% ของผลการค้นหาทั้งหมด แต่เสิร์ชเอ็นจิ้นสามารถเข้าใจรูปภาพ (และจัดอันดับ) ได้ก็ต่อเมื่อคุณบอกว่ารูปภาพนั้นประกอบด้วยอะไร
และนั่นคือเหตุผลที่การเพิ่มข้อความแสดงแทนลงในรูปภาพของคุณจะเพิ่มการมองเห็นเครื่องมือค้นหาของคุณ
บทความที่เกี่ยวข้อง
- 15 SEO Hacks อันทรงพลังสำหรับ WP ที่จะช่วยเพิ่มเว็บไซต์ของคุณ
- SEO 13 ประเภทที่คุณไม่สามารถมองข้ามได้ในปี 2020
- ปัจจัยการจัดอันดับ Google 10 อันดับแรกสำหรับปี 2020