วิธีเพิ่มแอตทริบิวต์ Alt ให้กับรูปภาพใน WordPress
เผยแพร่แล้ว: 2022-09-24หากคุณต้องการให้ผู้คนจำนวนมากสามารถเข้าถึงรูปภาพของคุณได้ การเพิ่มแอตทริบิวต์ alt ใน WordPress เป็นสิ่งสำคัญ แอตทริบิวต์ Alt ให้ คำอธิบายข้อความ ของรูปภาพ ซึ่งสามารถอ่านได้โดยโปรแกรมอ่านหน้าจอและอุปกรณ์อื่นๆ ที่อาจมองไม่เห็นรูปภาพ การเพิ่มคุณสมบัติ alt ใน WordPress เป็นเรื่องง่าย เพียงเปิดรูปภาพในโปรแกรมแก้ไข WordPress คลิกที่รูปภาพเพื่อเลือก จากนั้นเพิ่มข้อความแสดงแทนของคุณในฟิลด์ "Alternative Text" อย่าลืมอธิบายภาพให้ถูกต้องที่สุด วิธีนี้จะช่วยให้ผู้ที่มีความทุพพลภาพเข้าใจภาพ และยังช่วยให้เครื่องมือค้นหาเข้าใจเนื้อหาของหน้าเว็บของคุณด้วย
คำอธิบายสั้นๆ ของหน้าเว็บ เช่น ข้อความแสดงแทน ที่คนตาบอดหรือผู้พิการทางสายตาสามารถอ่านออกเสียงได้ โดยโปรแกรมการช่วยเหลือพิเศษ Google และเครื่องมือค้นหาอื่นๆ ใช้ข้อความแสดงแทนเพื่อให้เข้าใจเนื้อหาของรูปภาพของคุณได้ดีขึ้น ซึ่งส่งผลต่อการจัดอันดับหน้าเว็บไซต์ของคุณในผลการค้นหา บทความนี้จะสอนวิธีเพิ่มข้อความแสดงแทนในบทความ WordPress ของคุณ ฟิลด์ข้อความแสดงแทนสามารถใช้เพื่อให้คำอธิบายภาพได้ ไอคอนรูปตัววีแสดงถึงเมนูหรือส่วนที่ได้รับการขยาย รวมทั้งตัวเลือกที่เข้าถึงก่อนหน้านี้ Dave Johnson นักข่าวเทคโนโลยีที่อยู่ในนิวยอร์กซิตี้ เขียนเกี่ยวกับเทคโนโลยีสำหรับผู้บริโภคและวิธีที่มันเปลี่ยนโลกแห่งการเก็งกำไรของนิยายวิทยาศาสตร์ให้กลายเป็นโลกแห่งความจริง
ตัวเลือกในการเพิ่มข้อความแสดงแทนให้กับรูปภาพในหน้าเว็บช่วยให้ผู้ที่ตาบอดหรือมีความบกพร่องทางสายตาสามารถใช้โปรแกรมอ่านหน้าจอเพื่ออ่านรูปภาพได้ เมื่อคุณอัปโหลดรูปภาพไปยัง WordPress คุณสามารถเพิ่มข้อความแสดงแทนได้โดยไปที่บานหน้าต่างรายละเอียดไฟล์แนบ และเลือกฟิลด์ข้อความแสดงแทน
ที่ปรึกษาการช่วยสำหรับการเข้าถึงเกือบทุกคนจะบอกคุณว่าแอตทริบิวต์ alt จำเป็นสำหรับการทำงานการช่วยสำหรับการเข้าถึงให้เสร็จสมบูรณ์ รูปภาพทุกภาพควรมีแอตทริบิวต์ alt เสมอ ไม่ว่าจะมีข้อความหรือไม่มีข้อความเลยก็ตาม
คุณสามารถเพิ่มข้อความ Alt บน WordPress ได้หรือไม่?

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

Alt Text เพิ่ม SEO หรือไม่?
จุดประสงค์ของข้อความแสดงแทนโดยสังเขปคือเพื่อให้ง่ายขึ้นสำหรับผู้ที่ไม่สามารถเห็นภาพเพื่อดูว่ากำลังแสดงอะไรอยู่ นอกจากนี้ยังปรับปรุงการเพิ่มประสิทธิภาพกลไกค้นหาโดยช่วยเหลือโปรแกรมรวบรวมข้อมูลของเครื่องมือค้นหา
ทำไมคุณควรใช้ข้อความแสดงแทนสำหรับรูปภาพ
เมื่อสร้างเอกสาร PDF คุณควรใส่ข้อความแสดงแทนสำหรับรูปภาพใดๆ ที่สื่อถึงข้อมูลที่สำคัญไปยังผู้อ่าน ผู้ทุพพลภาพและผู้ที่ไม่สามารถเห็นภาพได้ต้องใช้การขยายประเภทนี้
SEO ยังจะได้ประโยชน์จากการใช้โครงสร้างข้อความที่เป็นทางการน้อยกว่า ผู้ใช้ที่ตาบอดหรือมองเห็นได้ไม่ชัดสามารถเห็นภาพได้ดีขึ้นเมื่อ Google รวมข้อความแสดงแทนด้วย
หากคุณต้องการเพิ่มข้อความแสดงแทนในรูปภาพ อย่าทำทั้งหมดพร้อมกัน เมื่อใช้ข้อความแสดงแทน จะมีประโยชน์ใน SEO, การค้นหาของ Google และสำหรับผู้ทุพพลภาพ ตรวจสอบให้แน่ใจว่าคุณใช้อธิบายเนื้อหาของรูปภาพอย่างเพียงพอและถูกต้อง
ฉันจะเพิ่มแท็ก Alt ให้กับรูปภาพได้อย่างไร
เมื่อต้องการเพิ่มข้อความแสดงแทนให้กับรูปภาพ SmartArt ให้คลิกที่รูปภาพ จากนั้นจัดรูปแบบรูปภาพ จากนั้นเลือกจากเมนูดรอปดาวน์ ภายใต้แท็บเค้าโครงและคุณสมบัติ คุณจะพบส่วนที่คุณสามารถแก้ไขรูปแบบรูปภาพของคุณ ต้องเลือกข้อความแสดงแทนหลังจากนั้น
ได้ คุณสามารถเพิ่มข้อความแสดงแทนลงใน Jpeg ได้
ฉันสามารถเพิ่ม ข้อความ alt ลงใน jpeg ได้หรือไม่ เมื่อคุณคลิกขวาที่รูปภาพแล้วเลือกจัดรูปแบบรูปภาพ คุณสามารถเพิ่มข้อความแสดงแทนลงในรูปภาพได้
ฉันจะสร้างแอตทริบิวต์ Alt ได้อย่างไร
แอตทริบิวต์ alt ใช้เพื่อระบุ ข้อความสำรอง สำหรับรูปภาพ หากไม่สามารถแสดงรูปภาพได้ด้วยเหตุผลบางประการ แอตทริบิวต์ alt จำเป็นสำหรับองค์ประกอบ
แอตทริบิวต์ Alt Attributes อธิบายรูปภาพ นอกจากนี้ยังทำหน้าที่เป็นแหล่งข้อมูลที่ยอดเยี่ยมสำหรับเครื่องมือค้นหาและผู้เยี่ยมชมที่มีความบกพร่องทางสายตา เมื่อใช้แอตทริบิวต์ alt กับรูปภาพที่เกี่ยวข้อง วิธีที่ดีที่สุดคือใช้แอตทริบิวต์เหล่านี้ เนื่องจากแอตทริบิวต์ alt มีแนวโน้มที่จะมีอันดับสูงกว่าในผลการค้นหา คุณสามารถเพิ่มจำนวนผู้เยี่ยมชมเว็บไซต์ของคุณได้หากคุณปรับรูปภาพให้เหมาะสม แอตทริบิวต์ของแท็กกำหนดสิ่งที่จะแสดงและวิธีแสดง ทางเลือกข้อความ ประกอบด้วยแอตทริบิวต์ alt ในหลายกรณี คำว่า "แอตทริบิวต์ alt" และ "ข้อความแสดงแทน" จะใช้แทนกันได้ คำว่า "แท็ก alt" ไม่มีอยู่ในทางเทคนิค แม้ว่าโดยทั่วไปจะใช้เพื่ออ้างถึงแอตทริบิวต์ alt และ/หรือข้อความแสดงแทนก็ตาม
แอตทริบิวต์ Alt ใน Html คืออะไร?
สามารถใช้แอตทริบิวต์ alt เพื่อจัดเตรียมข้อความที่แตกต่างกันสำหรับรูปภาพ ซึ่งเป็นสิ่งที่เป็นอยู่ สิ่งนี้มีประโยชน์อย่างยิ่งหากคุณมีปัญหาในการโหลดรูปภาพหรือหากมีใครใช้โปรแกรมอ่านหน้าจอ หากต้องการเพิ่มแอตทริบิวต์ alt ให้กับหน้าเว็บ เพียงคัดลอกและวางแท็ก alt ลงในโค้ด HTML หากคุณกำลังใช้ CMS ที่ทันสมัย คุณควรจะเพิ่มข้อความแสดงแทนได้โดยไม่ต้องเจาะลึกโค้ด HTML เมื่อมีการเพิ่มรูปภาพลงในเพจหรือโพสต์ใน WordPress ภาพจะถูกเน้นด้วยฟิลด์ที่เขียนว่า “br” CMS ที่ผู้อื่นใช้มีลักษณะเหมือนกัน ตัวอย่างแอตทริบิวต์ alt คือการระบุความสูงและความกว้างของรูปภาพ ข้อความแสดงแทนรูปภาพคือแอตทริบิวต์ alt เฉพาะสำหรับไฟล์นี้ แอตทริบิวต์ alt ของรูปภาพโดยพื้นฐานแล้วมันคืออะไร การใช้แอตทริบิวต์ alt จะมีคำอธิบายของ แท็กรูปภาพ ดังนี้: รูปภาพนี้มีอยู่ใน URL นี้: https://images.washingtonpost.com/images/product/images/a4e0e20be4e2f2d5f แอตทริบิวต์ alt ใน HTML คืออะไร? หากไม่สามารถแสดงรูปภาพได้ จะมีการระบุข้อความสำรองในแอตทริบิวต์ ในบางกรณี ผู้ใช้ไม่สามารถดูภาพได้เนื่องจากการเชื่อมต่อช้า มีข้อผิดพลาดในแอตทริบิวต์ alt หรือผู้ใช้กำลังใช้โปรแกรมอ่านหน้าจอ (ซึ่งสามารถตั้งค่าให้ละเว้นแอตทริบิวต์ alt ได้)