ALT Text คืออะไร ใส่แบบไหนให้รูปภาพติด SEO

ALT Text คืออะไร ใส่แบบไหนให้รูปภาพติด SEO

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

ถ้าเราใส่ภาพไปเฉยๆ แล้วจบแค่นั้น Google Bot ก็จะไม่มีทางเข้าใจเลยว่าภาพนั้นคืออะไร เว้นแต่เราใส่ข้อความบางอย่างไว้ใน HTML Code เพื่อบอกให้ Google ได้รู้ และนำไปประมวลผลทำการจัดอันดับ ข้อความส่วนนั้นเรียกว่า ALT Text ซึ่งเป็นอีกหนึ่งส่วนสำคัญของกลยุทธ์การทำ SEO

ALT Text คืออะไร

ALT Text ย่อมาจาก Alternative Text เป็นข้อความที่ใส่อยู่ในโค้ด HTML ตรง <img> Tag เพื่อบอกให้ Bot ได้ทราบว่าภาพนี้เกี่ยวข้องกับอะไร ซึ่งภาพที่แสดงบนหน้าเว็บไซต์จะไม่แสดงข้อความนี้ แต่ข้อความนี้จะถูกฝังอยู่ในรูปแบบ HTML ซึ่งในบริการรับทำเว็บไซต์ WordPress ของเราจะมีช่องให้สามารถใส่ ALT Text ได้ในทุกรูปภาพ

ยกตัวอย่างเช่น หากเราใส่ภาพวิวภูเขา ในส่วนของ ALT Text ก็อาจใส่ว่า “วิวภูเขา ดอยแม่สลอง” แค่นี้ Bot ก็จะทราบแล้วว่าภาพนี้คือภาพภูเขาที่ ดอยแม่สลอง จังหวัดเชียงราย แต่ถ้าไม่ใส่ ALT Text แล้วยังตั้งชื่อไฟล์เป็น 123.jpg แบบนี้ Google ไม่มีทางทราบเลยว่าภาพนั้นคือภาพอะไร

ตัวอย่าง alt text​ โดย pacy media
ตัวอย่างการใส่ ALT Text บน WordPress

ใส่ Alternative Text ตรงไหน

ถ้าเป็นเว็บไซต์สำเร็จรูป หรือระบบ CMS (Content Management System) โดยปกติเวลาเราเพิ่มภาพเข้าไปบนเว็บไซต์ มันจะมีช่องให้เราใส่ข้อความ ALT Text อยู่ แต่หากเป็นเว็บไซต์สำเร็จรูปที่พัฒนาขึ้นมาโดยไม่ได้เน้นเรื่อง SEO ก็อาจจะไม่มีที่ให้ใส่ในส่วนนี้

การใช้ alternative text บน wix
ตัวอย่างการใส่ Alternative Text บน Wix

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

3 ขั้นตอนการใส่ ALT Text ผ่าน HTML โดยตรง

  1. หาปุ่ม Source Code

    หากในส่วน Text Editor ของเว็บไซต์นั้นๆ มีปุ่ม Source Code หรือ HTML Code ให้คลิกที่ปุ่มนั้นเพื่อเปลี่ยนเนื้อหาให้แสดงในรูปแบบ HTML
    การเปลี่ยนเป็น html mode เพื่อใส่ alt text เอง

  2. หา <img>

    เวลาเราใส่ภาพบนเว็บไซต์ โค้ด HTML จะขึ้นต้นด้วย <img> โดยมีรายละเอียดต่อในนั้น เช่น <img src=”mountain-view.jpg” width=”500″ height=”600″> ให้เราใส่ข้อความ ALT Text ต่อไปในนั้นได้เลย เช่น alt=”วิวภูเขา ดอยแม่สลอง”

  3. ตรวจสอบอีกครั้ง

    ตรวจสอบว่าใส่ถูกต้องและครบถ้วน ทั้ง เครื่องหมาย < > ” = เพื่อไม่ให้เว็บไซต์แตก หรือถ้าอยากให้ ChatGPT ช่วยก็ลองใส่โค้ดเข้าไป แล้วใส่ Prompt ว่า “Please recheck if this html code is correct”

เขียน Alternative Text แบบไหนดี

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

การใส่ Alternative Text ซ้ำๆ กันเยอะเกินจะทำให้เกิดผลเสียมากกว่าผลดี โดย Google จะมองว่าเป็นการทำ Keyword Stuffing หรือเป็นการอัด Keyword เข้าไปในเนื้อหาเยอะๆ

การใส่ ALT Text ในบทความ SEO

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

โดยปกติการเขียนบทความ SEO จะต้องมี Keyword เป้าหมายที่ถูกวางแผนในการ Optimize อยู่ในบทความนั้นแล้ว โดยอาจแบ่งเป็น Primary Keyword และ Secondary Keyword ซึ่ง Keyword เหล่านี้ควรกระจายอยู่ใน ALT Text อย่างเป็นธรรมชาติ โดยไม่จำเป็นที่จะต้องเป็น Exact Match อย่างเดียว เพราะอาจทำให้ดูผิดธรรมชาติเกิน

เช่น บทความนี้ที่คุณกำลังอ่านอยู่เกี่ยวข้องกับ ALT Text เราก็อาจจะใส่ข้อความในภาพที่ต่างกันไป แต่รวมๆ แล้วยังอยู่ในเรื่องนี้ เช่น การใส่ alt text, alt text คืออะไร, ตัวอย่าง img tag, alt text ใน html ซึ่งจะยังอยู่ใน Search Intent ที่ใกล้เคียงกัน

เริ่มต้นอย่างไรดี

ก่อนอื่นเลยต้องถามก่อนว่าคุณมีเว็บไซต์แล้วหรือยัง หากยังก็ต้องเริ่มต้นจากการสร้างเว็บไซต์ก่อน ซึ่งในฐานะที่เราเป็นบริษัทที่ให้บริการทำ SEO ก็ขอแนะนำให้ศึกษาก่อนว่าระบบที่จะใช้นั้นรองรับกับการทำ SEO แค่ไหน หรือสามารถใส่ ALT Text ได้หรือไม่ จากที่เราใช้งานอยู่บ่อยๆ เว็บไซต์ WordPress, Magento, Wix และ MakeWebEasy จะสามารถใส่ Alternative Text ได้ ถึงแม้ Wix และ MakeWebEasy จะมีความสามารถในการ Customize และ Optimize น้อยกว่า WordPress กับ Magento ก็ตาม

หากใครมีเว็บไซต์แล้ว ให้ลองเริ่มเขียนบทความโดยเรียนรู้การใช้งาน Meta Tag ต่างๆ เพื่อประสิทธิภาพด้าน SEO จากนั้นก็เพิ่มรูปภาพในบทความและใส่ ALT Text ได้เลย หรือถ้าใครมีบทความอยู่แล้วแต่ไม่เคยใส่ แนะนำให้เปิดเว็บแล้วเข้าไปใส่ทันที เดี๋ยวนี้ เพราะมันเป็นประโยชน์ต่อ Image SEO จริงๆ

แชร์ความรู้นี้บน Social Media

Privacy Preferences

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

ยอมรับทั้งหมด
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

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

บันทึก