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

ปรับปรุงล่าสุด - 8 กรกฎาคม 2021

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

การเพิ่มประสิทธิภาพภาพคืออะไร?

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

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

เหตุใดการเพิ่มประสิทธิภาพรูปภาพจึงสำคัญ

ตามข้อมูลของ Google ทุกวัน ผู้คนหลายร้อยล้านคนใช้ Google รูปภาพเพื่อค้นหาเนื้อหาเว็บด้วยสายตา การค้นหารูปภาพ คิดเป็น 27% ของข้อความค้นหาทั้งหมดที่สร้างขึ้นจากคุณสมบัติการค้นหาเว็บ 10 อันดับแรกของสหรัฐอเมริกา

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

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

ความเร็วในการโหลดหน้า

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

อันดับ SEO

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

กรณีศึกษาอีคอมเมิร์ซ

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

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

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

WooCommerce

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

ปลั๊กอิน SEO บางตัวที่มีให้สำหรับ WooCommerce ได้แก่:

• MonsterInsights
• ทั้งหมดในแพ็คเกจ SEO เดียว
• Google XML Sitemaps
• W3 แคชทั้งหมด
• BZ ขี้เกียจโหลด
• SEO เพิ่มประสิทธิภาพรูปภาพ

ราคา — เป็นปลั๊กอินอีคอมเมิร์ซฟรีพร้อมการอัปเดตฟรี โดยเสนอส่วนขยายราคาสำหรับ SEO เริ่มต้นที่ $49

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

ประสิทธิภาพ — WooCommerce มักจะช้าลงเมื่อโหลดรูปภาพที่มีเวอร์ชันจำนวนมาก

Magento

แพลตฟอร์มอีคอมเมิร์ซที่มีการจัดการแบบ end-to-end ซึ่งเป็นหนึ่งในแพลตฟอร์มที่ใช้กันอย่างแพร่หลายมากที่สุด

SEO — ให้คุณสมบัติ SEO ในตัวที่แข็งแกร่งซึ่งสามารถขยายได้สำหรับร้านค้าออนไลน์ขนาดกลางและขนาดใหญ่ ส่วน ขยาย SEO บาง ส่วนที่ มีให้สำหรับ Magento ได้แก่:

• ส่วนขยาย Magento SEO Suite Pro v9.5.2
• Advanced SEO Suite โดย Mirasvit
• ส่วนขยาย Magento SEO ฟรีโดย Creare
• Ultimate SEO Suite โดย AheadWorks v1.3.8

ราคา — เป็นโอเพ่นซอร์สพร้อมรุ่นชุมชนฟรี Magento Enterprise Edition เป็นเวอร์ชันที่ต้องชำระเงิน โดยมีการกำหนดราคาโดยขอใบเสนอราคา เช่นเดียวกับ WooComerce เสนอส่วนขยาย SEO แบบชำระเงิน

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

Shopify

แพลตฟอร์มอีคอมเมิร์ซบนคลาวด์ ฟีเจอร์การขายแบบไม่จำกัดทำให้ได้รับความนิยมอย่างสูง

SEO — แอป Shopify เปรียบเสมือนปลั๊กอินเพื่อขยายฟังก์ชันการทำงานด้วยตลาดซื้อขายแอปของตัวเอง

แอพ SEO ที่ดีที่สุด สำหรับ Shopify ได้แก่:

• เครื่องมือเพิ่มประสิทธิภาพภาพ SEO
• SEO Meta Manager
• อัลตร้า SEO

ราคา — มาพร้อมกับแผนการกำหนดราคาที่แตกต่างกัน เริ่มด้วยการทดลองใช้ 14 วัน แผนพื้นฐานเริ่มต้นที่ $29 และสูงถึง $279

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

วิธีปรับรูปภาพให้เหมาะสมสำหรับเว็บและประสิทธิภาพ

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

#1. การตั้งชื่อไฟล์ภาพอย่างเป็นธรรมชาติ

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

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

คุณสามารถตั้งชื่อรูปภาพว่า “image17797.jpg” หรือตั้งชื่อว่า “earrings-seed-beads-woven.jpg” เพิ่มเติมตามคำค้นหาที่ผู้มีโอกาสเป็นลูกค้าของคุณสามารถใช้เพื่อค้นหาผลิตภัณฑ์ของคุณได้

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

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

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

#2. การใช้ขนาดและรูปแบบที่เหมาะสม

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

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

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

ควรบันทึก GIF สำหรับแอนิเมชั่นอย่างง่ายด้วยชุดสีที่เรียบง่าย เนื่องจากจำกัดสีไว้ที่ 256 สี

#3. ทดสอบ A/B ภาพของคุณ

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

#4. การโฮสต์และแคชรูปภาพ

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

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

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

การใช้เครือข่ายการจัดส่งเนื้อหา (CDN) สามารถ ลดเวลาในการโหลด ได้โดยให้เซิร์ฟเวอร์อยู่ใกล้กับตำแหน่งของผู้ใช้

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

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

#5. การใช้โซลูชันการจัดการสินทรัพย์ดิจิทัล

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

#6. ใช้การโหลดแบบขี้เกียจ

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

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

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

สรุป: ใช้รูปภาพเพื่อเพิ่ม SEO ของคุณ

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