ความแตกต่างระหว่างข้อความแสดงแทนข้อความและชื่อเรื่อง

เผยแพร่แล้ว: 2022-06-14

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

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

บทความของเราในวันนี้เน้นที่ความแตกต่างระหว่างแอตทริบิวต์ข้อความแสดงแทนและชื่อเรื่อง จากนั้น เราจะแสดงคำแนะนำในการตั้งค่าข้อความ Alt และ Title ใน WordPress

มาเตะบอลกัน!

Image Alt vs Title Text: คำจำกัดความและความแตกต่าง

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

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

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

 <img src=“image.jpg” alt=“คำอธิบายรูปภาพ” หัวเรื่อง=“คำแนะนำเครื่องมือรูปภาพ”>

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

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

นี่คือข้อความแสดงแทนที่สมบูรณ์ของรูปภาพไซต์ของคุณ

 <img src="image_name_example.jpg" alt="image_alt_example" width="500" height="600">

เมื่อใดควรใช้ Image Alt vs Title

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

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

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

ตารางด้านล่างสรุปความเหมือนและความแตกต่างหลักระหว่างข้อความแสดงแทนของรูปภาพและชื่อ

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

ชื่อ

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

วิธีเพิ่มข้อความ Alt และ Title ใน WordPress

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

บรรณาธิการคลาสสิก

หากคุณกำลังใช้ตัวแก้ไขแบบคลาสสิก นี่คือวิธีเริ่มต้นใช้งาน

ขั้นแรก ไปที่ Media ในแดชบอร์ดผู้ดูแลระบบ WordPress แล้วคลิก Add New

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

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

pda-edit-file-upload

pda-alt-text-attachment-page

อัพเดทเพจครับ.

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

ก่อนอื่น ให้คลิก เพิ่มสื่อ ที่ด้านบนของหน้าจอแก้ไขหน้า เหนือแถบเครื่องมือ

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

pda-attachment-details-page

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

ขั้นตอนสุดท้ายคือการกดปุ่ม แทรกลงในโพสต์

Gutenberg Editor

สำหรับผู้ใช้ Gutenberg การเพิ่มชื่อรูปภาพและข้อความแสดงแทนเป็นเรื่องง่ายด้วยบล็อกรูปภาพ

เพียงเปิดเพจหรือโพสต์แล้วมองหาบล็อครูปภาพโดยคลิกที่ไอคอนเครื่องหมายบวก (+)

pda-gutenberg-image-block

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

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

คุณสมบัติรูปภาพอื่นๆ

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

คุณต้องฝังคำหลักเป้าหมายในชื่อ ซึ่งจะเป็นประโยชน์ต่อทั้งเครื่องมือค้นหาและผู้ใช้

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

คำแนะนำรูปภาพของ Google

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

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

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

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

เพิ่มประสิทธิภาพข้อความ Alt ของรูปภาพและชื่อสำหรับ SEO

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

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

อะไรอีก? คุณอาจสนใจที่จะสำรวจแนวทางปฏิบัติในการเพิ่มประสิทธิภาพ SEO แบบรูปภาพอื่นๆ ในบทความของเรา