ความแตกต่างระหว่าง alt และหัวเรื่องของ img - ตัวไหนที่จะใช้ - และผลกระทบ

เป็นเวลาหลายปีแล้วที่ฉันเขียน HTML สำหรับรูปภาพแบบนี้:

<img src="picture.jpg" alt="my picture" >

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

เมื่อฉันไปถึงรายงาน 99% ของข้อผิดพลาดเหล่านี้เป็นเพราะขาดข้อความชื่อภาพ

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

นอกจากนี้ถ้าคุณจะใช้มันคุณจะใส่อะไรลงไป คุณจะใส่ข้อมูลเดิมที่มีอยู่ในaltแอตทริบิวต์หรือไม่ กล่าวคือalt="my picture" title="my picture"

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

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

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

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

ตัวอย่างที่ดีของสิ่งนี้สามารถเห็นได้ด้านล่าง

<img src="i.jpg" alt="Bournemouth" />

VS

<img src="i.jpg" alt="Birdseye view of Bournemouth" />

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

ดังนั้นสิ่งที่เกี่ยวกับแท็กชื่อ?

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

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

altให้คำอธิบายทางเลือกของภาพ imgคุณลักษณะนี้เป็นสิ่งจำเป็นสำหรับ

titleให้เพิ่มเติมข้อมูลเกี่ยวกับภาพ imgคุณลักษณะนี้เป็นทางเลือกสำหรับ

titleไม่เคยพึ่งพาข้อมูลใน หากข้อมูลมีความสำคัญจริงๆให้รวมไว้ในองค์ประกอบของตัวเอง

แอตทริบิวต์ทั้งสองนี้ไม่ควรมีเนื้อหาเหมือนกัน

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

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