5 สิ่งที่คุณควรหลีกเลี่ยงขณะออกแบบเว็บไซต์ WordPress

เผยแพร่แล้ว: 2018-08-25

เนื่องจาก WordPress เป็นหนึ่งใน Open Source Content Management System (CMS) ที่เป็นที่ต้องการมากที่สุด นักพัฒนาเว็บ WordPress อาจตกอยู่ในอันตรายจากความผิดพลาด โดยเฉพาะ SEO อุปสรรค์ เว็บไซต์ WordPress นั้นรวดเร็วหลังจากวัดจากบรรยากาศของความเป็นอยู่และความรู้สึก โดยยึดอัตราการฟื้นตัวอย่างไม่อาจปฏิเสธได้ ลักษณะที่เข้มงวดอย่างหนึ่งในการใช้ WordPress คือการยืนยันการเพิ่มประสิทธิภาพสำหรับเครื่องมือค้นหาและขัดเกลาอย่างหรูหรา มีประสิทธิภาพ และอยู่ในแบรนด์ เริ่มต้นด้วย 5 สิ่งที่คุณควรหลีกเลี่ยงขณะออกแบบเว็บไซต์ WordPress:


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

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

Hackneyed ของรูปภาพ

ภาพที่ 1 ถูกแฮ็ก - A WP Life

ฉันได้เข้าใช้เว็บไซต์ของ ColorMag แล้ว ดูโฮมเพจของเว็บไซต์ หน้าแรก เต็มไปด้วยรูปภาพมากมาย

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

เพื่อกำหนดตราประทับในการใช้รูปภาพ เครื่องมือเช่น เพื่อให้แน่ใจว่าคุณจะไม่ใช้งานรูปภาพเกินขอบเขต คุณสามารถใช้เครื่องมือเช่น Google PageSpeed ​​Insight ได้

แสดงผลงานได้ที่ https://developers.google.com/speed/pagespeed/insights/

ขั้นตอนที่ 1: ป้อน URL ในพื้นที่ที่กำหนด คลิกที่ปุ่มวิเคราะห์

PageSpeed ​​Insights Image 1 - ชีวิต WP

ขั้นตอนที่ 2: เมื่อกล่าวถึง URL แล้ว คุณจะเห็นว่ามีการวิเคราะห์ URL

PageSpeed ​​Insights Image 2 - ชีวิต WP

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

PageSpeed ​​Insights Image 3 - ชีวิต WP

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

PageSpeed ​​Insights Image 4 - ชีวิต WP

ขั้นตอนที่ 5: ในการตรวจสอบมุมมองเดสก์ท็อป ให้คลิกที่ไอคอนเดสก์ท็อป

PageSpeed ​​Insights Image 5 - ชีวิต WP

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

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

PageSpeed ​​Insights Image 6 - ชีวิต WP

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

ไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่

นี่เป็นหนึ่งในสิ่งสำคัญที่สุดที่ต้องทำก่อนเปิดตัวเว็บไซต์ WordPress

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

อันดับของเว็บไซต์สามารถตรวจสอบได้ที่ https://www.thehoth.com/search-engine-rankings/

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

รูปภาพไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่ 1 - A Wp Life

หากคุณเลื่อนลงไปที่หน้าต่อไป:

รูปภาพไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่ 2 - A Wp Life

วิธีตรวจสอบว่าไซต์ของคุณเหมาะกับอุปกรณ์เคลื่อนที่หรือไม่: https://search.google.com/test/mobile-friendly

ขั้นที่ 1: ป้อน URL ของเว็บไซต์ WordPress ของคุณในช่องต่อไปนี้

ไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่ ภาพที่ 3 - A WP Life

ขั้นตอนที่ 2: หลังจากคลิกที่ปุ่ม Run Test ผลลัพธ์จะปรากฏขึ้นดังนี้:

ไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่ ภาพที่ 4 - A WP Life

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

ไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่ ภาพที่ 5 - A WP Life

ปัญหาการโหลดหน้าจะปรากฏขึ้นด้วย ไม่สามารถโหลดได้ 37 หน้าที่นี่ และให้ทรัพยากร ประเภท และสถานะของหน้าเหล่านั้น

สร้างความยุ่งเหยิงของโฮมเพจ:

ลิงค์แรกเป็นโฮมเพจที่รกของ Lingscars ลิงก์ที่สองคือ Text In Church เพื่อขยายคริสตจักรของคุณผ่านการเชื่อมโยงผู้คน

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

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

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

การนำทางไม่ดี:

รูปแบบการนำทางแย่ - A WP Life

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

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

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

ไม่มีคำกระตุ้นการตัดสินใจ (CTA)

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

จดหมายข่าวอีเมล MailChimp - A WP Life

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

ผู้เขียน Bio

Harikrishna Kundariya เป็นผู้อำนวยการ eSparkBiz Technologies และผู้ร่วมก่อตั้ง “A Mobile App Development Company” ประสบการณ์ 8+ ของเขาทำให้เขาสามารถให้บริการโซลูชั่นดิจิทัลแก่สตาร์ทอัพใหม่โดยใช้ IoT และ
แชทบอท