วิธีเพิ่มรูปภาพในบล็อกของคุณอย่างมืออาชีพอย่างง่ายดาย

เผยแพร่แล้ว: 2020-04-28

คุณได้เขียนโพสต์บล็อกที่ดีที่สุดของคุณ

อย่างจริงจัง นี่คือสิ่งที่ยอดเยี่ยมที่กำลังแพร่ระบาดด้วยกลุ่มผู้อ่านที่หิวโหย

ว้าว ซิลเวอร์! ก่อนอื่น คุณต้องได้รับความสนใจจากพวกเขา

ก่อนที่ใครจะอ่านผลงานที่ยอดเยี่ยมของคุณ พวกเขาต้องหยุดและให้ความสนใจก่อน

นั่นคือที่มาของภาพ..

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

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

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

สารบัญ

ทำไมรูปภาพถึงได้ผล

“สมองของเราส่วนใหญ่เป็นตัวประมวลผลภาพ ไม่ใช่โปรแกรมประมวลผลคำ” – จิตวิทยาวันนี้

เรา (ตามตัวอักษร) เชื่อมต่อรูปภาพ นักประสาทวิทยา RS Fixot ประมาณการว่าสองในสามของกิจกรรมในสมองของเรานั้นอุทิศให้กับกิจกรรมการมองเห็น และมันก็สมเหตุสมผล…

ในอดีต เราใช้สายตาของเราเพื่อเตือนเราจากการโจมตีที่น่ารังเกียจจากผู้ล่าหรือเพื่อค้นหาอาหารที่เราสามารถล่าและฆ่าหรือเลือกและเก็บเกี่ยวได้

ออนไลน์ก็ไม่ต่างกัน...

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

บทความที่มีรูปภาพที่เกี่ยวข้องมียอดดูทั้งหมด 94% เมื่อเทียบกับบทความที่ไม่มีรูปภาพ คลิกเพื่อทวีต

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

สมองของเราสามารถประมวลผลภาพได้เร็วกว่าข้อความถึง 60,000 เท่า

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

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

เริ่มจากขนาดภาพกันก่อน

พิกเซล รูปแบบ ขนาด และทุกสิ่งนั้น

การพยายามทำความเข้าใจตัวเลือกขนาดภาพต่างๆ อาจมีความซับซ้อน สองสิ่งพื้นฐานที่ต้องรู้คือ การวางแนว และ ขนาด/การบีบอัด

ปฐมนิเทศ

สำหรับบล็อกส่วนใหญ่ การวางแนวนอน (ความกว้างที่ยาวกว่าความสูง) จะทำงานได้ดีกว่า ภาพแนวนอน/แนวนอนใช้พื้นที่บนหน้าจอน้อยลง ทำให้เนื้อหาของคุณดึงดูดสายตาผู้อ่าน ภาพแนวนอนยังเหมาะสำหรับการแบ่งปันบล็อกของคุณบน Facebook, Twitter และ LinkedIn

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

ทิศทางที่คุณเลือกนั้นขึ้นอยู่กับผู้ใช้ของคุณและแพลตฟอร์มโซเชียลที่พวกเขาใช้

Sprout Social รักษารายการขนาดภาพที่ดีที่สุดสำหรับช่องทางโซเชียลมีเดียต่างๆ ในโพสต์นี้

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

ขนาด/การบีบอัด

ขนาดรูปภาพอาจหมายถึงสองสิ่ง – ขนาดจริงของรูปภาพ (ยาว x กว้าง) และขนาดไฟล์ (ไบต์)

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

ภาพถ่ายดิจิทัลประกอบด้วยพิกเซล (px) ซึ่งเป็นแผ่นสี่เหลี่ยมเล็กๆ ที่มีสี โดยทั่วไปเราพูดถึงพิกเซลในสองวิธี – จำนวนพิกเซลและความหนาแน่นของพิกเซล จำนวนพิกเซลคือจำนวนพิกเซลที่ประกอบเป็นรูปภาพของคุณ ดังนั้นรูปภาพขนาด 800 x 600 พิกเซลก็หมายความว่ารูปภาพของคุณกว้าง 800 พิกเซลและสูง 600 พิกเซล

รูปภาพทางด้านซ้ายคือ 3456 × 5184px และ 2.7Meg รูปภาพทางด้านขวาถูกลดขนาดลงเหลือ 800 x 1200 และ 193kb

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

สำหรับภาพถ่ายที่พิมพ์ 300dpi หรือสูงกว่านั้นเหมาะสมที่สุด แต่สำหรับเว็บ ช่วงที่ดีคือ 72-150dpi

ขนาดที่ดีที่สุดสำหรับเว็บไซต์ของคุณ

เป้าหมายสำหรับเว็บไซต์ของคุณคือความละเอียดที่ดี (ไม่คลุมเครือ) และความเร็ว (ไม่ใหญ่)

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

ค้นหาความสมดุลระหว่างขนาดไฟล์และคุณภาพ

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

พยายามรักษาขนาดรูปภาพของคุณให้อยู่ระหว่าง 150KB ถึง 300kb ดูตัวอย่างด้านล่าง ภาพต้นฉบับมีขนาด 7.6MB และกว้าง 5000px รูปภาพทางด้านซ้ายถูกปรับขนาดให้กว้าง 860px และบันทึกเป็น jpeg คุณภาพสูง ซึ่งสร้างไฟล์ขนาด 250KB

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

รูปภาพทางด้านขวาถูกปรับขนาดให้กว้าง 860px แต่บันทึกเป็น jpeg ขนาด 30KB คุณภาพต่ำ แน่นอนว่ามันจะโหลดเร็วแต่มันคลุมเครือและดูเป็นมือสมัครเล่น

ขนาดภาพที่เหมาะสมคือ 150-300kb ถ้าเล็กกว่านี้และภาพของคุณจะคลุมเครือเกินไป

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

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

มีบริการฟรีมากมายสำหรับการลดขนาดภาพ เช่น Pic Resize และ Tiny PNG หรือคุณสามารถใช้ไซต์ออกแบบฟรี เช่น Canva หรือ PicMonkey เพื่อให้ได้ขนาดและความละเอียดที่เหมาะสมสำหรับไซต์โซเชียลมีเดียหรือเว็บไซต์ของคุณ (เพิ่มเติมเกี่ยวกับการใช้เครื่องมือเหล่านี้ด้านล่าง)

เครื่องมือเช่น Pic Resize ทำให้ง่ายต่อการย่อขนาดความละเอียดของรูปภาพโดยไม่ทำให้คุณภาพลดลง

ฉันใช้ JPG, GIF, PNG, SVG หรือไม่

หากคุณเคยสับสนกับรูปภาพทุกประเภท (jpeg, gif…) สิ่งนี้จะช่วยคุณได้

เมื่อเพิ่มรูปภาพในบล็อกของคุณ รูปแบบใดดีที่สุด

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

ในกรณีส่วนใหญ่ ให้ใช้ jpeg กับรูปภาพทั้งหมด เว้นแต่คุณต้องการพื้นหลังโปร่งใส

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

ทดสอบภาพของคุณ

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

ภาพเด่น

ทุกโพสต์ในบล็อกต้องมีรูปภาพเด่น

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

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

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

สร้างภาพของคุณเอง

ภาพสต็อกนั้นยอดเยี่ยม แต่ภาพต้นฉบับนั้นดีกว่า – แม้ว่าคุณจะเพียงแค่เพิ่มความแปลกใหม่ให้กับภาพสต็อก

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

นี่คือรูปภาพที่ฉันสร้างใน Canva ภายใน 5 นาทีเท่านั้น

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

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

เรียนรู้เทคนิคง่ายๆ เพิ่มเติมในการทำให้รูปภาพของคุณโดดเด่นในโพสต์นี้

[คุณไม่จำเป็นต้องเป็นนักออกแบบกราฟิกเพื่อแต่งรูปภาพเพื่อให้โดดเด่น]

หลีกเลี่ยงกฎหมาย

คุณได้ค้นหาเว็บ พบภาพที่สมบูรณ์แบบ และเพิ่มลงในบล็อกของคุณ

กรอไปข้างหน้าสองเดือนและคุณจะได้รับจดหมาย 'ยุติและยุติ' ที่เรียกร้องเงินค่าเสียหาย

ว้าววว?

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

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

เครดิตศิลปิน

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

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

ที่ BlogWorks เราใช้ไซต์จำนวนมากสำหรับรูปภาพของเรา เรามีบัญชีกับ Adobe Stock ที่เราไว้วางใจในบล็อกของลูกค้า และเรามักใช้ Pixabay, Unsplash, Refe และ Magdeleine

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

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

คุณยังสามารถใช้ Google เพื่อเพิ่มรูปภาพในบล็อกของคุณได้ เพียงเลือก 'ติดป้ายกำกับเพื่อนำมาใช้ใหม่' ใต้เครื่องมือ

หากใช้ Google เพื่อค้นหารูปภาพ ให้ค้นหา 'Labeled for reuse' เสมอ

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

ใช้ภาพคนจริง

รูปภาพของคนเป็นรูปแบบเนื้อหาที่น่าสนใจที่สุดรูปแบบหนึ่งบนอินเทอร์เน็ต

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

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

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

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

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

การเพิ่มภาพหน้าจอและไดอะแกรม

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

ยากที่จะอธิบายด้วยคำพูด – ใช่ไหม?

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

เครื่องมืออย่าง Snagit คือการลงทุนที่ประเมินค่าไม่ได้ ด้วยราคาเพียง $50 คุณจะมีเครื่องมือที่พร้อมใช้งานสำหรับภาพหน้าจอ วิดีโอ และแม้แต่ gif (ภาพหน้าจอทั้งหมดที่ใช้ในโพสต์นี้สร้างด้วย Snagit)

นี่คือวิดีโอที่ฉันสร้างใน Snagit โดยใช้ Snagit เพื่อแก้ไขภาพหน้าจอ (ตอนนี้คือเมตา!)

วิธีเพิ่มรูปภาพในบล็อกของคุณอย่างมืออาชีพอย่างง่ายดาย

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

ต้องการแผนภูมิเพื่อช่วยแสดงข้อมูลหรือไม่? คุณสามารถใช้งานได้จาก Excel, Google ชีต หรือ Word เพียงคัดลอกแผนภูมิของคุณแล้ววางลงในโปรแกรมแก้ไขข้อความ หรือถ่ายภาพหน้าจอ

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

การเพิ่มวิดีโอและ GIF

บางครั้งข้อความเพียงอย่างเดียวไม่เพียงพอ นั่นคือสิ่งที่วิดีโอและแอนิเมชั่นเข้ามาได้

Giphy และ Tenor เป็นแหล่งข้อมูลที่ดีสำหรับ GIF แบบเคลื่อนไหว Sitepoint มีรายการแหล่งข้อมูลที่ยอดเยี่ยมสำหรับค้นหารูปภาพ วิดีโอ และสื่ออื่นๆ ของครีเอทีฟคอมมอนส์

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

นี่คือภาพประกอบของขั้นตอนที่ฉันทำ

วิธีเพิ่มรูปภาพในบล็อกของคุณอย่างมืออาชีพอย่างง่ายดาย

คุณต้องโฮสต์วิดีโอของคุณไว้ที่ใดที่หนึ่ง เราใช้ Vimeo มาหลายปีแล้วและชอบราคาและรวดเร็วและใช้งานง่ายเพียงใด คุณยังสามารถใช้ YouTube หรือ Wistia

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

ต่อไปนี้คือวิธีการแทรกวิดีโอจาก YouTube ลงใน WordPress:

  1. กระบวนการนี้ง่ายมาก เริ่มต้นด้วยการค้นหาวิดีโอที่คุณต้องการบน YouTube
  2. ถัดไป คัดลอก URL ของวิดีโอนั้น (จะมีลักษณะดังนี้ https://www.youtube.com/watch?v=JKrPz6JHwYw)
  3. เข้าสู่ระบบเว็บไซต์ WordPress ของคุณ เปิดบล็อกโพสต์เพื่อแก้ไข ค้นหาเคอร์เซอร์ของคุณในตำแหน่งที่คุณต้องการให้วิดีโอวาง URL

เครื่องมือฟรีนี้จะช่วยให้คุณปรับแต่งรูปลักษณ์ของวิดีโอ YouTube ของคุณและทำสิ่งต่างๆ เช่น ปิดวิดีโอ "ที่เกี่ยวข้อง" ที่น่ารำคาญ

ต่อไปนี้คือวิธีการแทรกวิดีโอจาก Vimeo ลงใน WordPress:

  1. • หากต้องการรับโค้ดสำหรับฝังวิดีโอของคุณ ให้ไปที่หน้าของวิดีโอใน Vimeo แล้วคลิกปุ่ม 'แชร์'
  2. • คลิกลิงก์ '+แสดงตัวเลือก' และคัดลอกโค้ดสำหรับฝัง
  3. • ลงชื่อเข้าใช้เว็บไซต์ WordPress เปิดบล็อกโพสต์เพื่อแก้ไข แล้วคลิกแท็บ "ข้อความ" ในโปรแกรมแก้ไขข้อความของคุณ
  4. • ค้นหาเคอร์เซอร์ของคุณในตำแหน่งที่คุณต้องการให้วิดีโอและวางโค้ดสำหรับฝัง
วิธีเพิ่มรูปภาพในบล็อกของคุณอย่างมืออาชีพอย่างง่ายดาย

ด้วยเครื่องมืออย่าง Vimeo คุณสามารถแทรกวิดีโอลงในบล็อกของคุณอย่างมืออาชีพได้อย่างง่ายดาย

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

วิธีเพิ่มรูปภาพในบล็อกของคุณอย่างมืออาชีพอย่างง่ายดาย

การใช้ธีมที่สอดคล้องกัน

เมื่อคุณเลือกรูปภาพหรือแบบอักษร คุณควรสอดคล้องกับธีมของไซต์และบล็อกของคุณ

มันอาจจะง่ายพอๆ กับการใช้แบบอักษรที่สอดคล้องกัน (ฉันเป็นแฟนของ Helvetica Neue, Marker Felt, Yellowtail และ Bebas Neue) โทนสีหรือสไตล์ไอคอน

แอปบริการลูกค้า Help Scout ทำงานได้ดีเยี่ยมโดยใช้องค์ประกอบการออกแบบที่สอดคล้องกันในบล็อกที่สว่าง ทันสมัย ​​และแหวกแนว

วิธีเพิ่มรูปภาพในบล็อกของคุณอย่างมืออาชีพอย่างง่ายดาย

การเลือกชื่อไฟล์ที่ถูกต้อง

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

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

ตัวอย่างเช่น หากคุณกำลังเขียนบทความเกี่ยวกับวิธีการเลือกของเล่นเคี้ยวที่ดีที่สุดสำหรับลูกสุนัข ให้ตั้งชื่อรูปภาพของคุณว่า “best-chew-toy-for-puppies.jpg” หากรูปภาพของคุณแสดงพระอาทิตย์ตกบนชายหาดในเกาะสมุย ประเทศไทย ให้ตั้งชื่อว่า 'thailand-koh-samui-beach-sunset.jpg'

ใช้ขีดกลางระหว่างคำ แทนที่จะเว้นวรรค ขีดเส้นใต้ หรือใช้คำทั้งหมดรวมกัน

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

ข้อความ ALT

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

ข้อความ ALT จะบอกเครื่องมือค้นหาเกี่ยวกับภาพของคุณ ซึ่งช่วยให้การจัดอันดับของคุณ นอกจากนี้ โปรแกรมอ่านหน้าจอจะอ่านข้อความ ALT เพื่อให้คุณสามารถเข้าถึงเนื้อหาของคุณได้มากขึ้น

วิธีเพิ่มรูปภาพในบล็อกของคุณอย่างมืออาชีพอย่างง่ายดาย

ข้อความ Alt บนรูปภาพของคุณจะอธิบายว่ารูปภาพของคุณเกี่ยวกับอะไร

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

คำบรรยายภาพและพาดหัวข่าว

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

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

BarkPost ผู้ประดิษฐ์การสมัครสมาชิกสุนัขรายเดือน Bark Box ยั่วเย้าคนรักสุนัข (เช่นฉัน) ด้วยภาพสุนัขตลก ๆ ที่ตลกขบขันเข้าคู่กับพาดหัวข่าวสไตล์แท็บลอยด์ของฮอลลีวูดเช่น:

  • • 5 สัญญาณที่บ่งบอกว่าสุนัขขี้ขลาดตาของคุณเกิดจากบางสิ่งที่เป็นอันตราย
  • • 18 สุนัขที่ไม่เห็นด้วยกับการทรมานน้ำนี้ที่คุณเรียกว่า "เวลาอาบน้ำ"
  • • ฉันเซ็นสัญญากับสุนัขของฉันสำหรับกล่องดูแลทันตกรรม และนี่คือสิ่งที่เกิดขึ้น

รายการตรวจสอบสุดท้ายของคุณ

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

เพื่อเป็นการตรวจสอบขั้นสุดท้าย ให้ถามตัวเองสองคำถามนี้:

  • ภาพนี้จะทำให้ผู้อ่านอยู่ในหน้านานขึ้นหรือไม่?
  • ภาพนี้ช่วยให้ผู้อ่านเข้าใจข้อความของฉันได้ดีขึ้นหรือไม่

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

ท้ายที่สุด เป้าหมายของเราคือทำให้บล็อกของเราอ่าน แบ่งปัน และชื่นชอบ ใช่ไหม

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

คู่มือขั้นสูงในการเพิ่มวิดีโอ YouTube ลงในบล็อกของคุณ
รูปภาพฟรีสำหรับบล็อกของคุณ: 7 แหล่งข้อมูลที่ยอดเยี่ยม
4 วิธีในการทำให้ภาพบล็อกของคุณปรากฏขึ้น

เชิงอรรถ:

  1. 1. ในบทความที่ตีพิมพ์ใน American Journal of Ophthalmology neuroanatomist RS Fixot ประมาณการว่า 50% ของเนื้อเยื่อประสาทของเราเกี่ยวข้องโดยตรงหรือโดยอ้อมกับการมองเห็น และสองในสามของกิจกรรมทางไฟฟ้าในสมองของเราใช้สำหรับการประมวลผลภาพ
  2. 2. ในการศึกษาหนึ่งโดยภาพถ่าย eMarketer คิดเป็น 75% ของเนื้อหาที่โพสต์โดยเพจ Facebook ทั่วโลก และสร้างอัตราการโต้ตอบจากแฟน ๆ 87% (เทียบกับน้อยกว่า 10% จากโพสต์ประเภทอื่น)
  3. 3. การศึกษาที่สถาบันเทคโนโลยีจอร์เจีย และ Yahoo Labs ดูโพสต์ 1.1 ล้านโพสต์บน Instagram และพบว่ารูปภาพที่มีใบหน้ามนุษย์มีแนวโน้มที่จะได้รับไลค์มากกว่ารูปภาพที่ไม่มีใบหน้าถึง 38% พวกเขายังมีแนวโน้มที่จะดึงดูดความคิดเห็นมากกว่า 32%

ภาพถ่ายโดย LinkedIn Sales Navigator บน Unsplash