วิธีเพิ่มประสิทธิภาพรูปภาพของคุณสำหรับ WordPress

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

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

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

ทำไมคุณควรปรับแต่งรูปภาพของคุณสำหรับ WordPress

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

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

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

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

การเพิ่มประสิทธิภาพรูปภาพนั้นเกี่ยวกับการปรับปรุงสองสิ่ง:

• จำนวนไบต์ที่ใช้ในการเข้ารหัสแต่ละพิกเซลของภาพ
• จำนวนพิกเซลทั้งหมดที่ใช้

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

ปรับรูปภาพของคุณให้เหมาะสมก่อนอัปโหลดไปยัง WordPress

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

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

รูปแบบไฟล์รูปภาพ

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

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

เมื่อใดควรใช้ JPEG

ไฟล์ JPEG เป็นตัวเลือกที่ดีสำหรับทั้งการพิมพ์และเนื้อหาเว็บ ไฟล์ภาพประเภทนี้ใช้สิ่งที่เรียกว่ารูปแบบ 'Lossy' เมื่อภาพขนาดใหญ่ถูกแปลงเป็น JPEG ข้อมูลบางอย่างที่อยู่ในไฟล์จะสูญหายไป

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

เมื่อใดควรใช้ PNG

ไฟล์ PNG ยังมีประโยชน์สำหรับเนื้อหาเว็บ เช่นเดียวกับ JPEG แต่แตกต่างกัน ตัวอย่างเช่น เนื่องจาก PNG สามารถมีพื้นหลังโปร่งใสได้ จึงมีความหลากหลายและสะดวกกว่าในการออกแบบกราฟิกเว็บ

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

ขนาดรูปภาพ

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

ไซต์หลายแห่งพยายามส่งรูปภาพขนาดใหญ่ที่ไม่ได้ปรับขนาดและพึ่งพาเบราว์เซอร์ในการปรับขนาด ซึ่งส่งผลให้ใช้ทรัพยากรเพิ่มเติมและความเร็วไซต์ช้าลง หากขนาดปกติของรูปภาพคือ 820×820 พิกเซล และเบราว์เซอร์แสดงเป็น 400×400 พิกเซล… นั่นคือ 32,400 พิกเซลที่ไม่จำเป็น!

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

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

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

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

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

หากคุณไม่ต้องการแสดงภาพที่คมชัดและสดใสบนจอภาพที่ใหญ่ขึ้น คุณสามารถลดขนาดภาพให้เล็กลงได้

หากทำงานกับ Lightroom ให้ไปที่ ไฟล์ > ส่งออก เพื่อปรับขนาดภาพด้วยตนเองเมื่อส่งออก:

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

การบีบอัดภาพ

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

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

การบีบอัดแบบ Lossy vs Lossless

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

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

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

ปลั๊กอินการบีบอัดรูปภาพ

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

Smush การบีบอัดและการเพิ่มประสิทธิภาพรูปภาพ

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

เครื่องมือเพิ่มประสิทธิภาพรูปภาพ ShortPixel

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

บีบอัดภาพ JPEG และ PNG

ต้องการเพิ่มประสิทธิภาพ JPEG และ PNG หรือไม่ ปลั๊กอินนี้ใช้บริการบีบอัดรูปภาพ TinyJPG และ TinyPNG เพื่อช่วยคุณในการบีบอัดรูปภาพ โดยเฉลี่ยแล้ว รูปภาพ JPEG ถูกบีบอัด 40-60 เปอร์เซ็นต์ และรูปภาพ PNG 50-80 เปอร์เซ็นต์ โดยไม่สูญเสียคุณภาพที่มองเห็นได้

เครื่องมือเพิ่มประสิทธิภาพรูปภาพ EWWW

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

เครื่องมือเพิ่มประสิทธิภาพรูปภาพ Kraken.io

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

ภาพที่โดดเด่น

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

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

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

ภาพเด่นมักจะกว้างกว่าภาพสูง โดยมีความกว้างตั้งแต่ 500 ถึง 900 พิกเซล นอกจากนี้ยังเป็นการดีที่สุดที่จะเลือกภาพที่มีความละเอียดสูงและไม่ใช่ภาพที่มีพิกเซล

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

ปรับรูปภาพของคุณให้เหมาะสมหลังจากอัปโหลดไปยัง WordPress

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

ขี้เกียจโหลดรูปภาพ

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

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

วิธีที่ง่ายที่สุดในการเพิ่มการโหลดแบบ Lazy Loading ในไซต์ของคุณคือการใช้ปลั๊กอิน เช่น Lazy Load

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

รูปภาพแคช

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

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

ลบข้อมูล EXIF

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

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

หลีกเลี่ยงการเปลี่ยนเส้นทาง URL รูปภาพ

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

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

การเพิ่มประสิทธิภาพรูปภาพสำหรับเครื่องมือค้นหา

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

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

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

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

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

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

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

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

แท็กชื่อเรื่อง

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

สร้างแผนผังไซต์รูปภาพ XML

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

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

ใน WordPress ปลั๊กอินต่อไปนี้สามารถช่วยคุณสร้างแผนผังเว็บไซต์ได้:

• แผนผังไซต์ XML ของ Google
• Yoast SEO
• All-in-One SEO Pack
• Udinra แผนผังเว็บไซต์รูปภาพทั้งหมด

สำหรับเว็บไซต์ที่ไม่ใช่ WordPress ยังมีเครื่องมือที่ช่วยในการสร้างแผนผังเว็บไซต์ เช่น Screaming Frog, Dynomapper และอื่นๆ เมื่อคุณสร้างแผนผังไซต์แล้ว คุณจะต้องส่งผ่านเครื่องมือของผู้ดูแลเว็บของ Google

ตำแหน่งรูปภาพและคำบรรยาย

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

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

เพิ่มประสิทธิภาพเว็บไซต์ WordPress ของคุณด้วย WP Engine

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