ข้อความ Alt คืออะไร? ทำไมมันถึงสำคัญและวิธีการเขียน

ข้อความ Alt คืออะไร?

ข้อความ alt หรือข้อความทางเลือกเป็นข้อความที่อธิบายภาพและปรากฏในสถานที่ของภาพหากภาพไม่สามารถโหลดได้

นอกจากนี้ยังทำหน้าที่เป็นคำอธิบายสำหรับตัวอ่านหน้าจอ

นำตัวอย่างโพสต์บล็อกนี้:

และสิ่งนี้ โพสต์โซเชียลมีเดียโดย Matt Ramsey–

ทำไมข้อความ alt จึงมีความสำคัญ

ข้อความ alt มีความสำคัญเพราะมัน:

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

วิธีเพิ่มข้อความ alt

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

ใน CMS ของคุณเปิดหน้าด้วยรูปภาพในตัวแก้ไขหน้า สลับไปที่ตัวแก้ไขรหัสจากนั้นเพิ่มแอตทริบิวต์ ALT ลงในแท็ก HTML ของรูปภาพ

แบบนี้:

alt =“ ข้อความ alt ไปที่นี่”–

หรือคลิกที่ภาพเพื่อเปิดการตั้งค่า เพิ่มข้อความ alt ของคุณลงในการตั้งค่าข้อความ alt

ใน WordPress การตั้งค่าข้อความ alt จะเป็นแบบนี้:

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

นี่คือวิธีที่การตั้งค่าข้อความ alt ค้นหาโพสต์ LinkedIn:

6 alt textual content แนวทางปฏิบัติที่ดีที่สุด

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

1. เป็นคำอธิบาย

ข้อความ Alt ควรอธิบายภาพอย่างชัดเจนให้รายละเอียดเพียงพอเพื่อให้ผู้ใช้เข้าใจเนื้อหา

ตัวอย่างเช่นหน้าผลิตภัณฑ์ Tub Bombs ของ Lush ใช้ชื่อผลิตภัณฑ์เป็นข้อความ alt ของรูปภาพ:

ข้อความ Alt ไม่ได้อธิบายถึงการระเบิดอย่างละเอียดเนื่องจากผู้ใช้กำลังเรียกดูระเบิดอาบน้ำทั้งหมดที่มีอยู่ในขั้นตอนนี้

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

ในกรณีนี้หน้าผลิตภัณฑ์จะใช้ข้อความ ALT ที่ยาวขึ้นเพื่อแบ่งปันข้อมูลเฉพาะเกี่ยวกับการปรากฏตัวของ Tub Bomb:

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

หลีกเลี่ยงการรวมอยู่ในข้อความ ALT:

• วลีเช่น “ภาพ” หรือ “ภาพถ่าย” ซึ่งมักจะซ้ำซ้อน ข้อยกเว้นคือถ้าภาพแสดงภาพทางกายภาพ (เช่น“ หญิงสาวถือรูปถ่ายดอกไม้”)
• เครดิตภาพตามที่ควรปรากฏในภาพคำบรรยายภาพหรือข้อความร่างกาย
• ข้อมูลที่มีอยู่แล้วในภาพคำบรรยายภาพหรือข้อความร่างกายเพื่อหลีกเลี่ยงการให้ข้อมูลที่ซ้ำกัน
• ข้อมูลผู้ใช้ทุกคนจำเป็นต้องรู้เช่นเดียวกับคำแนะนำสูตรอาหารที่มาพร้อมกับภาพของจานสำเร็จรูป

2. เก็บไว้ให้สั้น

ข้อความ Alt ควรกระชับ – ต่ำกว่า 125 อักขระ – เพื่อให้ผู้ใช้และเครื่องอ่านหน้าจอสามารถอ่านได้อย่างรวดเร็ว นี่เป็นเรื่องจริงโดยเฉพาะอย่างยิ่งเนื่องจากผู้ใช้ตัวอ่านหน้าจอไม่สามารถหยุดข้อความ alt เพื่อข้ามไปยังเนื้อหาอื่น ๆ ได้

ตัวอย่างเช่นข้อความ alt ของ BBC Good Meals สำหรับภาพของหน่อไม้ฝรั่งทอดกับ Baconnaise มีความยาว 47 ตัวอักษร

3. รวมคำหลักที่เกี่ยวข้อง

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

ตัวอย่างเช่นข้อความ Alt สำหรับคลีฟแลนด์คลินิกของกล่องเสียงของ Larynx รวมถึงคำหลัก“ กล่องเสียง” และคำที่ไม่เป็นทางการ“ กล่องเสียง”:

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

แต่หลีกเลี่ยงการบรรจุคำหลักซึ่งหมายถึงการบังคับใช้คำหลักในข้อความ ALT จนกว่าจะผิดธรรมชาติและอ่านยาก

ข้อความ alt ที่ใส่คำหลักอาจมีลักษณะเช่นนี้:

“ของคุณ กล่องเสียงโครงสร้างของ epiglottis ใน กล่องเสียง และสายเสียงภายในไฟล์ กล่องเสียงและของคุณ กล่องเสียง แบ่งออกเป็นสามส่วน”

4. อย่าใช้ข้อความ alt สำหรับภาพตกแต่ง

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

นี่คือตัวอย่างของภาพตกแต่ง:

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

ใช้แอตทริบิวต์ null alt เพื่อบอกผู้อ่านหน้าจอเพื่อละเว้นภาพการตกแต่ง แบบนี้:

การไม่รวมแอตทริบิวต์ ALT อาจทำให้เครื่องอ่านหน้าจออ่านชื่อไฟล์ของภาพแทน ซึ่งไม่เหมาะ

5. ข้อความ alt localize

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

ตัวอย่างเช่นบริติชแอร์เวย์ใช้ข้อความภาพภาษาอังกฤษ ALT สำหรับเว็บไซต์ภาษาอังกฤษ:

และใช้ข้อความภาพภาษาฝรั่งเศสบนไซต์ภาษาฝรั่งเศสสำหรับผู้ใช้จากฝรั่งเศส

นอกจากนี้บัญชีสำหรับการเปลี่ยนแปลงคำศัพท์ในภาษาเดียวกันเมื่อแปลข้อความ alt

ตัวอย่างเช่นกีฬาที่สองทีมจาก 11 เตะลูกบอลสีขาวและดำลงไปในตาข่ายเพื่อทำประตูได้เรียกว่า “ฟุตบอล” ในภาษาอังกฤษอเมริกัน และ“ ฟุตบอล” เป็นภาษาอังกฤษ

เพื่อรองรับทั้งสองตลาด Nike ใช้คำศัพท์ที่เหมาะสมในข้อความ alt สำหรับเสื้อสเตเดียมของบราซิล 2024 สนามกีฬา:

6. ข้อความตรวจสอบเป็นประจำ

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

หากต้องการตรวจสอบข้อความ alt ของคุณไปที่ห้องสมุดสื่อ CMS ของคุณเพื่อดูรูปภาพทั้งหมดที่คุณอัปโหลดไปยังเว็บไซต์ของคุณ

คลิกภาพเพื่อดูและแก้ไขข้อความ alt

นี่คือลักษณะที่ดูใน WordPress ตัวอย่างเช่น:

ทำซ้ำขั้นตอนนี้สำหรับภาพทั้งหมด

ใช้ AI เพื่อเพิ่มความเร็วในการสร้างข้อความ alt

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

นี่คือวิธีการเขียนข้อความ alt โดยใช้ AI:

อัปโหลดรูปภาพของคุณไปยังไฟล์ เครื่องมือเขียน AI เช่น CHATGPT หรือ Claude ถัดไปแนะนำเครื่องมือเพื่อแนะนำตัวเลือกข้อความ alt หลายตัวที่อธิบายภาพและมีคำหลักเป้าหมายของคุณอย่างถูกต้องในขณะที่ยังคงนับอักขระที่คุณต้องการ

เหมือนพรอมต์นี้:

“ เขียนตัวเลือกข้อความ Alt หลายตัวเลือกสำหรับภาพนี้ข้อความ Alt ควรอธิบายองค์ประกอบสำคัญของรูปภาพมีประมาณ 125 อักขระและรวมคำหลักเหล่านี้ในข้อความ ALT: (แทรกคำหลักที่นี่)”

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

นี่คือผลลัพธ์ของฉันเมื่อฉันได้รับแจ้ง chatgpt สำหรับข้อความ alt สำหรับภาพของสายรุ้งสองครั้งในฟิลด์:

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

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

ดังนั้นฉันแก้ไขข้อความ alt เพื่อ:

“ สายรุ้งสองครั้งขยายท้องฟ้าเหนือทุ่งพืชและหญ้าสูงภายใต้ท้องฟ้าที่มีเมฆมากบางส่วน”

ตรวจสอบเว็บไซต์ของคุณสำหรับข้อความ ALT ที่ขาดหายไปและปัญหา search engine optimization อื่น ๆ

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

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

พิมพ์“ แอตทริบิวต์ alt” ลงในแถบค้นหาเพื่อกรองสำหรับ“# รูปภาพไม่มีแอตทริบิวต์ alt” คำเตือน.

หากคุณไม่เห็นคำเตือนรูปภาพของคุณจะมีข้อความ alt

หากมีคำเตือนให้คลิกที่“# ภาพ” ลิงก์เพื่อดูรายการรูปภาพที่ไม่มีข้อความ alt และหน้าเว็บที่เปิดอยู่

สลับไปที่ CMS ของคุณและเพิ่มข้อความ alt ลงในภาพที่ไม่ได้รับการตกแต่ง

นอกเหนือจากการตรวจจับข้อความ ALT ที่หายไปแล้วการตรวจสอบไซต์ยังตรวจสอบปัญหา search engine optimization อื่น ๆ 140 ข้อ ตั้งค่าเพื่อตรวจสอบเว็บไซต์ของคุณโดยอัตโนมัติตามความถี่ที่คุณต้องการและส่งอีเมลถึงคุณ ดังนั้นคุณสามารถอยู่ด้านบนของสุขภาพด้านเทคนิคของเว็บไซต์ของคุณ

ลองตรวจสอบไซต์โดยไม่มีค่าใช้จ่ายเป็นเวลาเจ็ดวัน