ข้อความแสดงแทนสำหรับรูปภาพเว็บไซต์คืออะไร

เผยแพร่แล้ว: 2020-09-29

บทนำ

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

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

ความ จริง : รูปภาพถูกส่งคืนสำหรับ 22.6% ของคำค้นหา บน Google นอกจากนี้ 62% ของผู้บริโภค Gen Z และ Millennial ต้องการการค้นหาด้วยภาพมากกว่าเทคโนโลยีใหม่อื่น ๆ

ข้อความแสดงแทนสำหรับรูปภาพคืออะไร

ข้อความแสดงแทนหรือที่เรียกว่าแอตทริบิวต์ alt หรือคำอธิบาย alt เป็นองค์ประกอบ HTML สั้น ๆ ที่มีอักขระประมาณ 100 ตัวที่กำหนดเพื่ออธิบายรูปภาพในหน้าเว็บของคุณ ผู้เข้าชมบ่อยๆ อาจไม่สามารถมองเห็นได้เสมอไป แต่ช่วยให้โปรแกรมรวบรวมข้อมูลของเครื่องมือค้นหาเข้าใจฟังก์ชันและรูปลักษณ์ของรูปภาพของคุณ นอกจากนี้ รูปภาพของคุณจะได้รับการสร้างดัชนีที่ดีขึ้นซึ่งช่วยปรับปรุงการมองเห็นไซต์ของคุณ

นอกจากนี้ HTML ข้อความแสดงแทนรูปภาพยังช่วยให้เข้าถึงเว็บได้ดียิ่งขึ้นสำหรับผู้ใช้ที่มีความบกพร่องทางสายตา ในกรณีที่ไฟล์ภาพไม่สามารถโหลดบนหน้าของคุณได้ คำอธิบาย alt จะปรากฏขึ้นแทนเพื่อให้ผู้เข้าชมได้เห็นภาพทั้งหมดเกี่ยวกับเนื้อหาของคุณ นี่คือสิ่งที่จะดูเหมือนในทางปฏิบัติ:

ข้อความแสดงแทนสำหรับรูปภาพเว็บไซต์คืออะไร

แนวทางปฏิบัติที่ดีที่สุดสำหรับข้อความแสดงแทน

เมื่อเขียนข้อความแสดงแทนสำหรับรูปภาพของคุณ คุณต้องปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดตามที่อธิบายด้านล่าง

ใช้คีย์เวิร์ดในคำอธิบาย Alt ของคุณ

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

หากคุณพบว่ามันยากที่จะกำหนดคำหลักที่มีความเกี่ยวข้องและให้ผลกำไรสูงเพื่อใช้ โปรแกรมสร้างข้อความแสดงแทนสามารถช่วยได้มาก ช่วยให้คุณทราบคำศัพท์ที่ถูกต้องในการใช้งานซึ่งจะปรับคำอธิบาย alt ของคุณให้เหมาะสมสำหรับรูปภาพของคุณ อย่างไรก็ตาม โปรดทราบว่าคุณควรหลีกเลี่ยงการเติมแอตทริบิวต์ alt ของคุณด้วยคำหลักที่สร้างขึ้นทั้งหมด มันจะส่งผลให้ข้อความแสดงแทนที่สร้างขึ้นมาไม่ดีซึ่ง Google สามารถลงโทษได้ ตัวอย่างเช่น ในภาพด้านล่าง คุณจะสังเกตเห็นตัวอย่างข้อความแสดงแทนที่ดีที่อธิบายรูปภาพได้อย่างง่ายดาย อย่างไรก็ตาม ตัวอย่างด้านล่างไม่ได้อธิบายอะไรมากเกี่ยวกับรูปภาพ:

ข้อความแสดงแทนสำหรับรูปภาพเว็บไซต์คืออะไร

ทำให้ข้อความแสดงแทนของคุณสั้น

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

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

ตัวอย่างเช่น ข้อความแสดงแทนด้านล่างยาวเกินไปเมื่ออธิบายสุนัขสองตัว

  • Alt = หมาสีเทาอยู่ทางซ้าย และ หมาสีดำหูยาวอยู่ทางขวา นอนอยู่บนโซฟาพร้อมผ้าคลุมสีเหลือง

คำอธิบาย alt ที่ยอดเยี่ยมจะเป็นดังนี้

  • Alt = หมาสีเทาดำนอนอยู่บนโซฟา

นอกจากนี้ ให้หลีกเลี่ยงคำอธิบายบางอย่างที่สั้นเกินไปจนไม่สื่อถึงความหมายที่รัดกุม เช่น

  • Alt = สุนัขสองตัว

ทดสอบ SEO ของคุณใน 60 วินาที!

Diib เป็นหนึ่งในเครื่องมือ SEO ที่ดีที่สุดในโลก Diib ใช้พลังของข้อมูลขนาดใหญ่เพื่อช่วยให้คุณเพิ่มปริมาณการใช้งานและอันดับของคุณได้อย่างรวดเร็วและง่ายดาย เรายังจะแจ้งให้คุณทราบหากคุณสมควรได้รับอันดับที่สูงขึ้นสำหรับคำหลักบางคำแล้ว

  • เครื่องมือ SEO อัตโนมัติที่ใช้งานง่าย
  • การตรวจสอบคำหลักและลิงก์ย้อนกลับ + แนวคิด
  • ความเร็ว ความปลอดภัย + การติดตาม Core Vitals
  • นำเสนอแนวคิดเพื่อปรับปรุง SEO อย่างชาญฉลาด
  • สมาชิกทั่วโลกกว่า 250,000k ราย
  • การเปรียบเทียบในตัวและการวิเคราะห์คู่แข่ง

ตัวอย่างเช่น “www.diib.com”

ใช้โดยบริษัทและองค์กรมากกว่า 250,000 แห่ง:

  • โลโก้
  • โลโก้
  • โลโก้
  • โลโก้

ซิงค์กับ Google Analytics

SEO

เฉพาะเจาะจง

เมื่อใดก็ตามที่คุณสร้างข้อความแสดงแทน โปรดทราบว่าคุณควรอธิบายรูปภาพของหน้าเว็บของคุณ ดังนั้น คุณต้องตรวจสอบให้แน่ใจว่ามีความเฉพาะเจาะจงกับรูปภาพมากที่สุด จุดมุ่งหมายคือเพื่อให้แน่ใจว่าผู้ค้นหาทุกคนจะเข้าใจภาพในทันทีแม้จะไม่ได้ดูก็ตาม เมื่อออกแบบข้อความแสดงแทน HTML ให้ถามตัวเองว่าคุณจะเข้าใจความเกี่ยวข้องของคำอธิบายหรือไม่โดยไม่จำเป็นต้องเห็นภาพ

คุณจะสนใจ

ตัวอย่างเช่น หากคุณต้องการนำภาพสุนัขที่กำลังเล่นอยู่ในสวนสาธารณะออกมา คุณสามารถทำได้ดังนี้

  • Alt = สุนัขเยอรมันเชพเพิร์ดสีดำตัวผู้และตัวเมียกำลังเล่นอยู่ในสวนสาธารณะ

คำอธิบายให้การแสดงที่ชัดเจนและแม่นยำของสิ่งที่รูปภาพแสดงถึง

ในทางกลับกัน คุณจะเขียนผิดดังนี้

  • Alt = สุนัขเล่นบนพื้นหญ้า

หลีกเลี่ยงการเขียนข้อความแสดงแทนของคุณเพียงเพื่อ SEO

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

กล่องข้อความอ้างอิง: “มีคนประมาณ 2,140,000 คนโดยประมาณที่ต้องสูญเสียการมองเห็น (2021) ในสหราชอาณาจักร” (Site Loss Data Tool, RNIB 2021)

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

อย่าปล่อยให้ฟอร์มปุ่ม

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

ไม่รวมข้อกำหนดพิเศษ

โปรดจำไว้ว่า ผู้ใช้และเครื่องมือค้นหาถือว่าข้อความแสดงแทนหมายถึงรูปภาพในไซต์ของคุณ ดังนั้นจึงไม่จำเป็นต้องเพิ่มข้อกำหนดอื่นๆ ในแอตทริบิวต์ alt ของคุณ เช่น 'รูปภาพของ' 'รูปภาพของ' และอื่นๆ

อย่าลืมใช้ longdesc

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

ข้อความแสดงแทนสำหรับรูปภาพเว็บไซต์คืออะไร

หลีกเลี่ยงการใช้รูปภาพเป็นข้อความ

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

ข้อความแสดงแทนทำงานอย่างไร

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

วิธีเพิ่มข้อความแสดงแทนในรูปภาพ

CMS ส่วนใหญ่ที่คุณสามารถใช้เพื่อออกแบบและเปลี่ยนแปลงข้อความแสดงแทนนั้นตรงไปตรงมา เพียงคลิกบนรูปภาพในเนื้อหาของโพสต์ คุณจะได้รับโมดูล Rich Text หรือการปรับรูปภาพให้เหมาะสมเพื่อออกแบบแอตทริบิวต์ alt

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

หากคุณใช้ 'คุณสมบัติการตรวจสอบ' ของเบราว์เซอร์ คุณจะเห็นโค้ด HTML ตัวอย่างเช่น เมื่อใช้ Chrome ให้คลิกรูปภาพบนหน้าเว็บแล้วแตะคุณสมบัติตรวจสอบของเมนูแบบเลื่อนลง จากนั้นคุณจะเห็นหน้าต่างปรากฏขึ้นพร้อมกับแท็ก HTML ของไซต์ที่แสดง 'alt = ตามด้วยคำอธิบาย alt'

นี่คือภาพประกอบของวิธีการเพิ่มข้อความแสดงแทนบนแพลตฟอร์มต่างๆ

· WordPress

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

หรือคุณสามารถไปที่ไลบรารีสื่อและคลิกที่ภาพที่ต้องการ คุณจะเห็นตัวเลือกที่คุณสามารถแก้ไขหรือออกแบบข้อความแสดงแทนของคุณได้

ข้อความแสดงแทนสำหรับรูปภาพเว็บไซต์คืออะไร

(เครดิตรูปภาพ: wpbeginner)

· Wix

Wix ได้เพิ่มความพยายามในการทำให้แพลตฟอร์มเป็นมิตรกับ SEO มากขึ้น คุณสามารถเพิ่มคำอธิบายรูปภาพในร้านค้าและทำการแก้ไขที่จำเป็นได้แล้ว

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

ข้อความแสดงแทนสำหรับรูปภาพเว็บไซต์คืออะไร

(เครดิตรูปภาพ: wix.com)

· วีโอไอพี

Magento เป็นอีกแพลตฟอร์มหนึ่งที่นำเสนอขั้นตอนที่ตรงไปตรงมาในการเพิ่มแอตทริบิวต์ alt

แตะที่ส่วนแคตตาล็อกเพื่อเลือกผลิตภัณฑ์ที่คุณต้องการเพิ่มข้อความแสดงแทน จากนั้นเลื่อนไปที่หมวดหมู่วิดีโอและรูปภาพ แล้วคลิกบนรูปภาพที่ต้องการเพื่อเพิ่มหรือแก้ไขคำอธิบาย Alt นี่คือหน้าจอข้อความแสดงแทนของ Magento:

ข้อความแสดงแทนสำหรับรูปภาพเว็บไซต์คืออะไร

(เครดิตรูปภาพ: Magento)

· Shopify

การใช้ Shopify ช่วยให้คุณเพิ่มแอตทริบิวต์ alt ให้กับทั้งรูปภาพผลิตภัณฑ์และธีมได้

หากคุณต้องการปรับคำอธิบายรูปภาพสินค้าให้เหมาะสม ให้ไปที่ส่วน 'ผลิตภัณฑ์' จากนั้นกดรายการสินค้าที่คุณต้องการแก้ไข ในหน้ารายละเอียดของรายการ ให้แตะที่รายการสื่อและมองหาหน้าสื่อแสดงตัวอย่าง ถัดไป เพิ่มข้อความแสดงแทนของคุณ ตัวอย่างเช่น:

(เครดิตภาพ: เพิ่มขึ้นเรื่อยๆ)

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

ทำไม Alt Text จึงจำเป็นสำหรับ SEO ที่ดี?

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

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

ตัวอย่างเช่น หากคนเหล่านี้เรียกดูเว็บไซต์ที่ใช้ภาพการนำทาง การค้นหาหมวดหมู่ต่างๆ จะเป็นเรื่องยาก อย่างไรก็ตาม หากภาพถ่ายมีคุณสมบัติ alt พวกเขาก็สามารถเคลื่อนไปทั่วทั้งไซต์ได้

  • นักการตลาด – เมื่อคุณใช้คำอธิบาย Alt บนรูปภาพของคุณ หน้าของคุณมีโอกาสที่จะได้รับการจัดอันดับที่สูงขึ้นในผลการค้นหา ส่งผลให้ไซต์ของคุณได้รับการเข้าชมมากขึ้นบน Google ด้วยการเพิ่มประสิทธิภาพ

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

ข้อเท็จจริง :

  • Dan Morgan ที่ WebSpection ได้รูปภาพหนึ่งรูปของเขาที่ติดอันดับ 1 ใน Google รูปภาพสำหรับ "บุคคลที่ดีที่สุดในคาร์ดิฟฟ์" ในเวลาน้อยกว่าสี่วันด้วยการปรับภาพของเขาให้เหมาะสม
  • และ Robbie Richards มีผู้เข้าชม 150,732 ครั้งโดยเพิ่มแท็ก alt ของรูปภาพ บีบอัดรูปภาพ และเทคนิค SEO อื่นๆ สองสามอย่าง

—วารสารเครื่องมือค้นหา

สาเหตุหลักที่ข้อความแสดงแทนมีความสำคัญต่อเว็บไซต์ของคุณ

  • เพื่อปรับปรุงการช่วยสำหรับการเข้าถึง: โปรดทราบว่าผู้ค้นหาส่วนใหญ่มักจะมีความบกพร่องทางสายตา ดังนั้นพวกเขาจึงใช้โปรแกรมอ่านหน้าจอในขณะที่บริโภคเนื้อหาออนไลน์ คำอธิบาย Alt ควรจะอธิบายภาพต่างๆ บนหน้าเว็บของคุณแก่ผู้เข้าชมที่ไม่สามารถมองเห็นได้ หากคุณใช้แอตทริบิวต์ข้อความแสดงแทนในรูปภาพไม่ได้ ผู้ใช้จะไม่เข้าใจเนื้อหาของหน้าเว็บ โปรแกรมอ่านหน้าจอจบลงด้วยการข้ามรูปภาพดังกล่าวหรืออ่านชื่อไฟล์ที่ยาวและไม่มีประโยชน์
  • เพื่อปรับปรุงความเกี่ยวข้องเฉพาะ: เพื่อให้ Google เข้าใจเนื้อหาของหน้าเว็บของคุณ Google จะพิจารณาคำต่างๆ ที่ใช้ ในทางกลับกัน เมื่อคุณใส่รูปภาพในไซต์ของคุณ เครื่องมือค้นหาจะไม่สามารถระบุวัตถุประสงค์ได้ ดังนั้น คุณต้องมีแอตทริบิวต์ alt เนื่องจากบริบทอาจ 'ล็อกไม่อยู่' ในภาพ
  • เพื่อช่วยให้คุณติดอันดับใน Google รูปภาพ: การใช้ข้อความแสดงแทนยังช่วยให้หน้าของคุณมีอันดับสูงขึ้นในเครื่องมือค้นหารูปภาพของ Google นอกจากนี้ ผู้คนต่างนำหน้าแพลตฟอร์มอื่นๆ เช่น Bing และ YouTube มากขึ้นเมื่อค้นหารูปภาพ
  • เพื่อทำหน้าที่เป็น Anchor text สำหรับ Image Links: ในหลาย ๆ ไซต์ anchor text จะเชื่อมโยงหน้าหนึ่งไปยังอีกหน้าหนึ่ง เครื่องมือค้นหาใช้เพื่อทำความเข้าใจเพิ่มเติมเกี่ยวกับเว็บไซต์ของคุณและสิ่งที่เกี่ยวข้อง คุณยังสามารถใช้แอตทริบิวต์ alt เพื่อวัตถุประสงค์เดียวกันได้
  • เมื่อใดที่รูปภาพควรมีข้อความแสดงแทนค่าว่าง : แนวทางปฏิบัติที่ดีคือต้องแน่ใจว่าคุณใส่แอตทริบิวต์ alt ไว้ในรูปภาพเสมอเพื่อการจัดอันดับที่ดีขึ้นในเครื่องมือค้นหา ในขณะเดียวกัน คุณอาจถามว่าเมื่อใดที่รูปภาพควรมีข้อความแสดงแทนว่างเปล่า

ข้อความแสดงแทนสำหรับรูปภาพเว็บไซต์คืออะไร

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

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

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

เราหวังว่าคุณจะพบว่าบทความนี้มีประโยชน์

หากคุณต้องการทราบความน่าสนใจเพิ่มเติมเกี่ยวกับความสมบูรณ์ของไซต์ของคุณ รับคำแนะนำและการแจ้งเตือนส่วนบุคคล ให้สแกนเว็บไซต์ของคุณโดย Diib ใช้เวลาเพียง 60 วินาที

เข้าสู่เว็บไซต์ของคุณ

ตัวอย่างเช่น “www.diib.com”

ฉันพบว่า Diib มีประโยชน์อย่างมากในการทำให้ข้อมูล Google Analytics กระจ่างขึ้น ซึ่งอาจทำให้สับสนได้ บริการนี้จะตรวจสอบข้อมูลของคุณและค้นหาส่วนที่คุณสามารถปรับปรุงได้ แม้ว่าคุณจะเป็นผู้เชี่ยวชาญก็ตาม สิ่งนี้จะช่วยประหยัดเวลาได้ สำหรับฉัน หมายความว่าข้อมูลที่รวบรวมโดย Google Analytics สามารถดำเนินการได้ ดังนั้นฉันสามารถปรับปรุงได้ มากกว่าที่จะน่าสนใจเพียงอย่างเดียว
ข้อความรับรอง
นิค โคลแบตช์
อุปทานปก RV

วิธีค้นหาและแก้ไขปัญหาเกี่ยวกับข้อความแสดงแทน

หากคุณต้องการบรรลุผลลัพธ์ที่ดีขึ้นด้วยข้อความแสดงแทน จะช่วยคุณได้หากคุณทำการตรวจสอบบนหน้าเว็บที่มีการเข้าชมเพื่อทำการปรับปรุงที่จำเป็น นี่คือขั้นตอนที่คุณสามารถใช้เพื่อทำการตรวจสอบ;

ค้นหาหน้าที่เข้าชมมากที่สุด

ขั้นแรก ให้เริ่มต้นด้วยการตรวจสอบอย่างละเอียดเพื่อทราบหน้าที่เข้าชมแบบออร์แกนิกมากที่สุดโดยผู้ชมของคุณ คุณสามารถไปที่แพลตฟอร์มต่างๆ เช่น Google Search Console, Google Analytics หรือรายงานใน 'หน้ายอดนิยม' ในตัวสำรวจไซต์ Ahrefs

ตรวจสอบคำอธิบาย Alt ของคุณ

เมื่อทำการตรวจสอบคำอธิบาย Alt คุณสามารถใช้ส่วนขยาย Alt Text Tester ใน Chrome ได้ เริ่มต้นด้วยการติดตั้งเครื่องมือฟรี จากนั้นโหลดหน้าเว็บที่มีการเข้าชมมากที่สุดและเปิดใช้งานส่วนขยาย นี่คือสิ่งที่ดูเหมือน:

ข้อความแสดงแทนสำหรับรูปภาพเว็บไซต์คืออะไร

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

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

ทำซ้ำสำหรับหน้าเพิ่มเติม

กระบวนการสุดท้ายควรเกี่ยวข้องกับการทำขั้นตอนเดียวกันซ้ำสำหรับหน้าเว็บที่สร้างการเข้าชมมากที่สุด กระบวนการนี้ควรให้ความรู้สึกว่าการเพิ่มประสิทธิภาพคำอธิบาย alt ของคุณนั้นยอดเยี่ยมหรือต้องการการปรับปรุงบางอย่างหรือไม่

Diib: ให้สถิติข้อความแสดงแทนและการตรวจสอบ!

ในฐานะเจ้าของเว็บไซต์ การเพิ่มคำอธิบาย alt นั้นตรงไปตรงมาโดยไม่คำนึงถึงแพลตฟอร์มเว็บที่คุณใช้ นอกจากนี้ พึงระลึกไว้เสมอว่าภาพบางภาพในหน้าเว็บของคุณไม่ต้องการข้อความแสดงแทน เนื่องจากไม่สมเหตุสมผลสำหรับเครื่องมือค้นหาหรือผู้ที่มีความบกพร่องทางสายตา แดชบอร์ดผู้ใช้ Diib วิเคราะห์ข้อความแสดงแทนทั้งหมดบนเว็บไซต์และโปรไฟล์ Facebook ของคุณ ให้ข้อมูลเชิงลึกที่นำไปดำเนินการได้เพื่อการปรับปรุง นี่คือคุณสมบัติบางอย่างที่เรารู้ว่าคุณจะชอบ:

  • การแจ้งเตือนที่กำหนดเอง ซึ่งจะแจ้งให้คุณทราบเกี่ยวกับความสมบูรณ์ของเว็บไซต์ของคุณและการเปลี่ยนแปลงใดๆ ในอัลกอริทึมของ Google ที่อาจส่งผลต่อรูปแบบการเข้าชมของคุณ
  • วัตถุประสงค์พร้อมคำแนะนำที่กำหนดเองเกี่ยวกับวิธีการปรับปรุงความสมบูรณ์ของเว็บไซต์และปริมาณการใช้งานทั่วไป
  • ข้อมูลเชิงลึกไม่เพียงแต่ความสมบูรณ์ของข้อความแสดงแทนของคุณเท่านั้น แต่ยังรวมถึงข้อมูลของคู่แข่งสำคัญของคุณด้วย
  • ซิงค์โปรไฟล์ Facebook ของคุณเพื่อให้ข้อมูลเชิงลึกเกี่ยวกับแคมเปญโซเชียลมีเดียของคุณ สิ่งต่างๆ เช่น ประสิทธิภาพการโพสต์แต่ละรายการ ข้อมูลประชากรของผู้ใช้ เวลาที่ดีที่สุดในการโพสต์และคอนเวอร์ชัน
  • จัดเซสชั่นการทำงานร่วมกันรายเดือนกับผู้เชี่ยวชาญด้านการเติบโตของ Diib ที่สามารถช่วยคุณปรับแต่งความพยายาม SEO ของคุณและแนะนำคุณสู่การเติบโตและความสำเร็จของ Shopify

โทรวันนี้ที่ 800-303-3510 หรือคลิกที่นี่เพื่อสแกนเว็บไซต์ 60 ฟรีและเรียนรู้เพิ่มเติมเกี่ยวกับจุดแข็งและจุดอ่อน SEO ของคุณ