วิธีเพิ่มรูปภาพใน WordPress

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

แกลเลอรี WordPress สามารถใช้เพื่อแสดงภาพหลายภาพและครอบคลุมในบทความอื่น

คุณจะได้เรียนรู้เกี่ยวกับการจัดหารูปภาพ การปรับขนาด และการบีบอัด

ข้ามไปที่ เพิ่มรูปภาพเดียวใน WordPress

ทำไมต้องใช้รูปภาพบน WordPress?

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

เครื่องมือค้นหาจะจัดอันดับหน้าเว็บให้สูงขึ้นหากเห็นภาพที่เหมาะสม

พวกเขารู้ว่ามนุษย์เป็นภาพและหน้าเว็บดูเหมือนเอกสารข้อความที่ไม่มีรูปภาพ

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

การจัดหารูปภาพสำหรับบล็อกหรือเว็บไซต์

พิจารณารูปร่าง

ในการตัดสินใจเลือกรูปภาพ ให้พิจารณาถึงรูปร่างก่อน

• ต้องพอดีกับพื้นที่ที่กำหนด - นั้นคือแนวนอน ภาพบุคคล หรือสี่เหลี่ยมจัตุรัส?
• เราไม่ต้องการเสียโฟกัสหลักของภาพเมื่อปรับขนาดแล้ว

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

จะหาภาพได้ที่ไหน

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

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

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

จ่ายช่างภาพมืออาชีพ

ฉันเป็นผู้สนับสนุนช่างภาพมืออาชีพ ภาพถ่ายระดับมืออาชีพสามารถทำให้เว็บไซต์ดูคมชัดได้

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

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

รับผลิตภัณฑ์ พอร์ตโฟลิโอ และรูปถ่ายทีมในหนึ่งวัน

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

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

ถ่ายรูปเอง

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

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

สินค้าที่มีประโยชน์ที่จะช่วยในการถ่ายภาพที่บ้าน

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

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

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

ถามเพื่อนหรือคนรู้จักทางธุรกิจ

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

ใช้เว็บไซต์หุ้น

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

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

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

เว็บไซต์ภาพสต็อกสองสามแห่งที่ฉันชอบคือ: istockphoto.com, twenty20.com, shutterstock.com

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

ใช้รูปภาพ Google 'ติดป้ายกำกับว่าใช้ซ้ำ'

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

1. ไปที่ www.google.com โดยตรงและค้นหาหัวเรื่อง จากนั้นคลิกรูปภาพ
   หรือไปที่ images.google.com โดยตรง
2. ที่ด้านบน ให้คลิก SEARCH TOOLS
3. คลิกตัวเลือก 'ติดป้ายกำกับเพื่อใช้ซ้ำ'

Google แสดงตารางรูปภาพที่มีป้ายกำกับว่านำมาใช้ซ้ำ แม้ในเชิงพาณิชย์

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

คลิกที่ภาพเพื่อเข้าชมหน้าเว็บ อ่านข้อกำหนดด้านลิขสิทธิ์

อาจต้องมีลิงก์ไปยังหน้าช่างภาพหรือเครดิต

คำเตือนเมื่อใช้ Google รูปภาพ

รูปภาพบางรูปที่เป็นสาธารณสมบัติสามารถนำกลับมาใช้ซ้ำได้ในเว็บไซต์เชิงพาณิชย์ แต่บางภาพไม่สามารถใช้ได้

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

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

ปรับขนาดและบีบอัดรูปภาพสำหรับเว็บ

วิธีปรับขนาดภาพ บีบอัด บันทึก และวางจะส่งผลต่ออันดับของเครื่องมือค้นหาของหน้าเว็บ

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

ฉันได้เขียนโพสต์เกี่ยวกับหัวข้อนี้โดยเฉพาะ – วิธีปรับขนาดรูปภาพสำหรับเว็บ โพสต์กล่าวถึงการปรับขนาดภาพตามพิกเซลและบีบอัดเพื่อลดขนาดกิโลไบต์

น่าเสียดายที่ไม่มีขนาดมาตรฐานเดียวที่ฉันสามารถแจ้งให้คุณทราบได้ที่นี่

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

จดจำสิ่งเหล่านี้:

• รูปภาพไม่ควรมี ความกว้าง น้อยกว่า 450 พิกเซล เนื่องจากมักจะวางซ้อนกันบนอุปกรณ์พกพา 450 จะเต็มหน้าจอมือถือและเป็นหน้าจอขนาดกลางเพียงครึ่งเดียว เหมาะสำหรับการแสดงสองคอลัมน์ นี่เป็นค่าเริ่มต้นสำหรับปลั๊กอิน WordPress ส่วนใหญ่
• การขยายแบบเต็มหน้าจอหรือ 'ภาพฮีโร่' ตามที่ทราบ (ที่ด้านบนของเว็บไซต์ที่ขยายจากซ้ายไปขวาของหน้าจอ) จะต้องมีขนาดใหญ่ถึง 1920 พิกเซลเพื่อรองรับหน้าจอขนาดใหญ่พิเศษ ค่อนข้างใหญ่และไม่ใหญ่พอสำหรับทีวีขนาดใหญ่
• พิจารณาใช้ปลั๊กอินรูปภาพที่ปรับเปลี่ยนได้บน WordPress เพื่อแสดงขนาดที่เพียงพอสำหรับอุปกรณ์

อ่านโพสต์ของฉัน – วิธีปรับขนาดรูปภาพสำหรับเว็บเพื่อดูรายละเอียดเพิ่มเติม

บันทึกภาพสำหรับการค้นหาโดย Google

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

บันทึกภาพตามหัวข้อของภาพถ่าย

คือการบันทึกภาพเป็น <strawberry-cheese-cake.jpg> จะให้ข้อมูลและมีประสิทธิภาพมากกว่า <image07_912.JPG>

เครื่องมือค้นหาจะรับรู้ถึงความพยายาม

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

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

เพิ่มรูปภาพใน WordPress

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

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

การจัดตำแหน่งรูปภาพใน WordPress

สามารถจัดแนวรูปภาพภายในบล็อกโดยใช้แถบเครื่องมือ แถบเครื่องมือปรากฏขึ้นด้านซ้ายบนเมื่อเลือกรูปภาพ

ใช้ไอคอนที่คล้ายกับกล่องที่มีสองบรรทัด โดยหนึ่งบรรทัดบน หนึ่งบรรทัดด้านล่าง

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

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

ตรวจสอบบนคอมพิวเตอร์เดสก์ท็อปและอุปกรณ์มือถือเพื่อแก้ไขหน้าจอทั้งสองขนาด

รูปภาพสามารถเชื่อมโยงหรือแทนที่โดยใช้แถบเครื่องมือรูปภาพ

คอลัมน์ WordPress สำหรับการจัดวางภาพ

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

นี่คือวิธีที่เราจะวางรูปภาพไว้ข้างย่อหน้าเป็นต้น

บนอุปกรณ์ขนาดเล็ก เช่น สมาร์ทโฟน คอลัมน์จะเรียงซ้อนกัน โดยปกติคอลัมน์ด้านซ้ายจะซ้อนกันที่ด้านบนของคอลัมน์ด้านขวา

ในการสร้าง 2 คอลัมน์:

• กดเครื่องหมายบวกเพื่อสร้างบล็อก
• ตอนนี้กด COLUMNS หรือค้นหา COLUMNS
• เลือกตัวเลือกซ้ายสุด สองคอลัมน์ แบ่งเท่า ๆ กัน
• กดเครื่องหมายบวกในแต่ละคอลัมน์เพื่อเพิ่มรูปภาพตามด้านบนลงในคอลัมน์เดียว
• กดเครื่องหมายบวกในคอลัมน์ถัดไปเพื่อเพิ่มย่อหน้า

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

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

ข้อความแสดงแทน (แท็ก alt)

ข้อความแสดงแทนหมายถึงข้อความแสดงแทน ซึ่งเป็นแท็กข้อมูล

แท็ก Alt ใช้เพื่อช่วยเหลือผู้คน – ผู้ที่ 'ปิดรูปภาพ' ผู้ใช้ที่มีความบกพร่องทางสายตา และ/หรือใช้โปรแกรมอ่านหน้าจอ

แท็ก alt ยังช่วยให้ Google เข้าใจว่ารูปภาพคืออะไร

ใช้วลีสำคัญเมื่อเขียน

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

คำบรรยายภาพ

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

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

หากต้องการเพิ่มคำอธิบายภาพ เพียงคลิกที่ช่องรูปภาพบนหน้า แล้วช่อง CAPTION จะปรากฏใต้ภาพ

หากคุณไม่ใส่คำอธิบายภาพ จะไม่มีอะไรปรากฏที่นี่เลย

แกลเลอรี่ WordPress

แกลเลอรี WordPress ให้ความสามารถในการรวมภาพถ่ายมากกว่าหนึ่งภาพในพื้นที่ ทั้งหมดมีเลย์เอาต์ที่คล้ายคลึงกัน

บทช่วยสอนด่วนในการเพิ่มแกลเลอรี WordPress:

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

เมื่อแกลเลอรีอยู่ในการตั้งค่าหน้าแล้ว ก็สามารถเปลี่ยนแปลงได้ – เลือกบล็อก GALLERY จากนั้นใช้การตั้งค่าบล็อกที่ปรากฏภายในแถบด้านข้างทางด้านขวา

ฉันได้เขียนโพสต์เชิงลึกมากขึ้นซึ่งจะช่วย – แกลเลอรี WordPress – เพิ่ม แก้ไข และปรับปรุง

กระบวนการด่วนในการเพิ่มรูปภาพไปยัง WordPress

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