ทำให้สามารถเข้าถึงภาพและเป็นมิตรกับ website positioning

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

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

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

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

ตัวอย่างเช่นเมื่อคุณเพิ่มรูปภาพใน WordPress คุณมีตัวเลือกในการเพิ่มข้อความ ALT ในรายละเอียดภาพ

การเข้าถึง: ทำให้เว็บรวม

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

ข้อความ alt ช่วยได้อย่างไร

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

website positioning: นอกเหนือจากคำหลักเพียงแค่

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

ข้อความ alt ช่วยเพิ่ม website positioning อย่างไร

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

การมีส่วนร่วมของผู้ใช้: มากกว่าที่ตา

นอกเหนือจากการเข้าถึงและ website positioning ข้อความ ALT ที่สร้างขึ้นมาอย่างดีสามารถปรับปรุงการมีส่วนร่วมของผู้ใช้

ทำไมมันถึงสำคัญ

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

แนวทางปฏิบัติที่ดีที่สุดสำหรับการประดิษฐ์ข้อความ alt

• เป็นคำอธิบาย แต่สั้น: ตั้งเป้าหมายสำหรับข้อความ alt ที่สั้น แต่อธิบาย
• หลีกเลี่ยงความซ้ำซ้อน: หากภาพมีการอธิบายไว้แล้วในข้อความที่อยู่รอบ ๆ ให้เก็บข้อความ alt ให้น้อยที่สุด
• รวมคำหลักเท่าที่จำเป็น: ในขณะที่มันดีสำหรับ website positioning การบรรจุคำหลักอาจส่งผลให้มีการลงโทษ

สร้างข้อความ alt ด้วย API

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

ตัวอย่างเช่น Ayrshare’s แพ็คสูงสุด Add-on เสนอความสามารถในการ สร้างข้อความ alt ผ่านจุดสิ้นสุด–

const API_KEY = "API_KEY";
fetch("https://api.ayrshare.com/api/generate/altText", {
      technique: "POST",
      headers: {
        "Content material-Kind": "utility/json",
        "Authorization": `Bearer ${API_KEY}`
      },
      physique: JSON.stringify({
        url: "https://img.ayrshare.com/012/gb.jpg", //required
        key phrases: ("automobile"), // non-obligatory
        lang: "en" // non-obligatory
      }),
    })
      .then((res) => res.json())
      .then((json) => console.log(json))
      .catch(console.error);

เพียงแค่ให้ไฟล์ URL ไปยังภาพที่มีพารามิเตอร์เสริมของ key phrases เพื่อรวมและ language และข้อความ Alt จะถูกสร้างขึ้นโดยอัตโนมัติ

ภาพต่อไปนี้:

สร้างข้อความ alt:“ ยานพาหนะ Ghostbusters ขับรถผ่านสนาม” คำอธิบายที่ค่อนข้างแม่นยำ!

มีมากกว่า 100 ภาษา เพื่อเลือกเมื่อสร้างข้อความ alt ของคุณ พยายาม es สำหรับสเปน

สำคัญกว่าที่คุณคิด

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