ข้อความแสดงแทน: เหตุใดจึงสำคัญ & แนวทางปฏิบัติที่ดีที่สุดที่สามารถปรับปรุง SEO ของคุณได้

ข้อความแสดงแทนคืออะไร

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

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

หากคุณดูซอร์สโค้ดของหน้าเว็บ คุณจะเห็นข้อความแสดงแทนรวมอยู่ใน HTML ดังนี้:

 <img src=“image.jpg” alt=“image description”>

เหตุใดข้อความแสดงแทนจึงมีความสำคัญ

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

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

ข้อความแสดงแทน & SEO

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

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

ในบทความของพวกเขาเกี่ยวกับแนวทางปฏิบัติที่ดีที่สุดเกี่ยวกับรูปภาพของ Google พวกเขาบอกเป็นนัยว่าการเพิ่มข้อความแสดงแทนรูปภาพสามารถปรับปรุงอัตราการแปลงของคุณจากการเข้าชมที่เกิดขึ้นเองได้

“การเพิ่มบริบทรอบๆ รูปภาพ ผลลัพธ์จะมีประโยชน์มากขึ้น ซึ่งอาจนำไปสู่การเข้าชมไซต์ของคุณคุณภาพสูงขึ้น”

Google Search Central – หลักเกณฑ์เฉพาะสำหรับเนื้อหา

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

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

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

1. เฉพาะเจาะจง

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

2. หลีกเลี่ยงการเริ่มแท็ก Alt ด้วยบทนำ

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

ตัวอย่างเช่น คุณไม่จำเป็นต้องเริ่มแท็ก alt ด้วยวลีเหล่านี้:

• นี่คือภาพของ
• ภาพนี้แสดงให้เห็น
• นี่คือภาพหน้าจอของ

3. รวมคีย์เวิร์ดแต่หลีกเลี่ยงการใส่คีย์เวิร์ด

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

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

4. ห้ามทำซ้ำเนื้อหา

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

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

หากมีข้อความในภาพ คุณควรรวมไว้ในแท็ก alt หรือไม่

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

ตัวอย่างบางส่วนอาจรวมถึง:

• ชื่อปกหนังสือ
• หัวเรื่องบนอินโฟกราฟิก
• ชื่อแบรนด์ที่เกี่ยวข้อง

5. อย่าใช้คำอธิบายแทนสำหรับกราฟิกตกแต่ง

ตามหลักเกณฑ์การเข้าถึงเนื้อหาเว็บ (WCAG) รูปภาพจะ "มีการตกแต่ง" หากไม่มีฟังก์ชันใดที่นอกเหนือไปจากรูปลักษณ์

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

ตัวอย่างข้อความแสดงแทนที่ดีและไม่ดี

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

แย่: นี่คือรูปผู้หญิง

ดี: เด็กสาวนั่งอยู่บนเตียงที่บ้านโดยใช้แท็บเล็ตดิจิทัล

แย่: ช่างตัดเสื้อ

ดี: ช่างตัดเสื้อมืออาชีพใช้เทปวัดขณะเปลี่ยนเสื้อแจ็คเก็ตในเวิร์กช็อป

แย่: แผนภูมิวงกลม

ดี: แผนภูมิวงกลมของตัวอย่างข้อมูลเด่นทั่วไป ย่อหน้า 70 เปอร์เซ็นต์ รายการ 19.1 เปอร์เซ็นต์ ตาราง 6.3 เปอร์เซ็นต์ และวิดีโอ 4.6 เปอร์เซ็นต์

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

แผนภูมิและกราฟบางครั้งอาจต้องใช้คำอธิบายที่ยาว

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

5 วิธีในการเพิ่มประสิทธิภาพ SEO Image Optimization ของคุณ  

1. ใช้คำหลักในชื่อรูปภาพ

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

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

• แผนภูมิวงกลม.png
  ชื่อไฟล์นี้ไม่สื่อความหมายเพียงพอและไม่มีคำสำคัญ
• Featured-snippets-types-pie-chart.png
  ชื่อไฟล์นี้นำไปสู่คำหลักและเป็นคำอธิบาย Google สามารถแยกความแตกต่างของคำในชื่อไฟล์ได้เนื่องจากเครื่องหมายยัติภังค์แยกจากกัน

2. ใช้รูปแบบ “ถูกต้อง”

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

นี่คือแนวทางปฏิบัติบางประการ:

• JPEG ดีที่สุดสำหรับรูปภาพขนาดใหญ่เพื่อรักษาความคมชัด ในกรณีนี้ “ขนาดใหญ่กว่า” หมายถึงขนาด ไม่ใช่ขนาดไฟล์ ซึ่งเป็นข้อพิจารณาที่แตกต่างออกไป ซึ่งผมจะกล่าวถึงด้านล่าง
• PNG จะช่วยให้คุณสามารถรักษาความโปร่งใสของพื้นหลังได้
• Scalable Vector Graphics (SVG) เป็นรูปแบบรูปภาพที่ค่อนข้างใหม่ซึ่งเปิดตัวในปี 2544 ซึ่งยังคงความคมชัดและชัดเจนในทุกความละเอียดหรือทุกขนาด SVG สามารถเคลื่อนไหวได้ และเช่นเดียวกับ PNG ที่รักษาความโปร่งใสของพื้นหลัง

3. ปรับขนาดรูปภาพของคุณให้เหมาะสม

ก่อนอื่น ฉันต้องการชี้แจงความแตกต่างระหว่างขนาดภาพและขนาดไฟล์ ขนาดของรูปภาพอ้างอิงถึงขนาด — ตัวอย่างเช่น 1024 x 680 พิกเซล ขนาดของไฟล์หมายถึงจำนวนเนื้อที่ที่จำเป็นในการจัดเก็บบนเซิร์ฟเวอร์ ตัวอย่างเช่น 5000 กิโลไบต์ ส่วนแรกเกี่ยวข้องกับพื้นที่ที่รูปภาพใช้บนหน้าเว็บ และส่วนที่สองเกี่ยวข้องกับระยะเวลาในการโหลด

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

จดจำ:

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

4. ใช้คำบรรยาย

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

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

ในตำนานเล่าว่าไอคอนโฆษณา David Ogilvy ได้ทำการวิจัยเกี่ยวกับการรวมรูปภาพไว้ในสำเนา ความจริงประการหนึ่ง* ที่เขาแบ่งปันซึ่งยังคงสะท้อนกับนักการตลาดในปัจจุบันคือ:

หากคุณไม่ได้ใช้คำบรรยายภาพ คุณอาจพลาดโอกาสในการมีส่วนร่วมกับผู้อ่าน

*ฉันเรียกสิ่งนี้ว่า "สัจธรรม" เพราะฉันไม่สามารถติดตามเส้นทางกลับไปยังแหล่งข้อมูลดั้งเดิมได้ ดังนั้นฉันจึงไม่สามารถอ้างอิงตามความเป็นจริงได้

5. เพิ่มข้อความแสดงแทน

การเพิ่มข้อความแสดงแทนให้กับรูปภาพของคุณมีความสำคัญต่อการเข้าถึงและ SEO ไม่มั่นใจ? คุณอาจต้องการทบทวน “เหตุใดข้อความแสดงแทนจึงสำคัญ”

แล้วแท็กชื่อรูปภาพล่ะ

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

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

เครื่องมือฟรีสำหรับการเพิ่มประสิทธิภาพภาพ SEO

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

เครื่องมือเพิ่มประสิทธิภาพรูปภาพ

การค้นหาโดย Google อย่างรวดเร็วจะเปิดเผยเครื่องมือเพิ่มประสิทธิภาพรูปภาพฟรีมากมาย นี่คือรายการโปรดบางส่วนของฉัน:

• เครื่องมือเพิ่มประสิทธิภาพ JPEG
• ภาพความสัมพันธ์
• Pixlr
• Kraken (การบีบอัดจำนวนมาก)
• Optimizilla

ปลั๊กอิน WordPress สำหรับการเพิ่มประสิทธิภาพภาพ

• Yoast SEO
• ShortPixel
• เครื่องมือเพิ่มประสิทธิภาพรูปภาพ EWWW
• WP Smush
• TinyPNG

การทดสอบความเร็วในการโหลด

มีเพียงเครื่องมือเดียวที่ฉันแนะนำให้ทดสอบความเร็วในการโหลดหน้าเว็บของคุณ หลังจากที่คุณปรับรูปภาพของคุณให้เหมาะสมแล้ว Google PageSpeed ​​Insights จะวิเคราะห์ความเร็วในการโหลดสำหรับอุปกรณ์เคลื่อนที่และเดสก์ท็อป ให้คะแนนประสิทธิภาพแก่คุณ และระบุโอกาสในการปรับปรุง (ไม่รู้ว่าทำไมความเร็วของหน้าถึงสำคัญ? อ่านปัจจัยการจัดอันดับของ Google และค้นพบสิ่งที่สำคัญที่สุดในการไปที่ด้านบนสุดของผลการค้นหา)

รับความช่วยเหลือเกี่ยวกับ SEO Image Optimization

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