9 ข้อผิดพลาดในการออกแบบเว็บไซต์ที่เป็นอันตรายต่ออัตราการแปลงของคุณ

เผยแพร่แล้ว: 2022-05-23

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

การออกแบบเว็บคืออะไร

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

ข้อผิดพลาดทั่วไปในการออกแบบเว็บ

จุดสนใจ

  • ไม่ได้ระบุอย่างชัดเจนว่าบริษัทของคุณทำอะไร/เสนออะไร
  • ขาด CTA (Call to Action) ที่ชัดเจน – มักถูกลืมหรือทางซ้ายที่ด้านล่างของหน้า
  • ค้นหาข้อมูลติดต่อยาก - ใส่หมายเลขโทรศัพท์ในแถบด้านบน
  • ไม่ปลอดภัย (HTTPS) – ไซต์ที่ปลอดภัยโหลดเร็วขึ้น อัตราการจัดอันดับการค้นหาที่สูงขึ้น และ 84% ของผู้เข้าชมจะละทิ้งการซื้อหากเว็บไซต์ไม่ปลอดภัย
  • ไม่มีการวิเคราะห์ – หากคุณไม่ได้ติดตามว่าอะไรใช้ได้ผลและไม่ได้ผล แสดงว่าคุณไม่ได้มุ่งเน้นที่การทำให้เว็บไซต์เป็นเครื่องมือโฆษณาที่ดีที่สุด
  • ไม่ได้ออกแบบมาสำหรับผู้ชมเฉพาะกลุ่ม ตัวอย่างเช่น เว็บไซต์ของโรงเรียนจะแตกต่างจากเว็บไซต์ของร้านอาหารอย่างมาก

ออกแบบ

  • หน้าตาเป็นอย่างไร – นี่เป็นสิ่งสำคัญ คุณมีเวลาน้อยกว่าสิบวินาทีในการสร้างความประทับใจให้ผู้มาเยี่ยมชมและทำให้พวกเขาต้องการสำรวจเพิ่มเติม ธีมและสีโดยรวมต้องดึงดูดผู้ชม Less is more ดังนั้นหน้าแรกที่รกจะทำให้ผู้เยี่ยมชมเปลี่ยนไป พวกเขาต้องเห็นแถบนำทางและฟังก์ชันอื่นๆ อย่างชัดเจนเพื่อนำไปสู่ ​​Conversion
  • การใช้สีมากเกินไป – สีมากเกินไปอาจทำลายการแปลงได้ – จิตวิทยาของสีเป็นสิ่งสำคัญที่ต้องเข้าใจ (เช่น ใช้สีที่ชัดเจน เช่น สีฟ้าและสีขาวสำหรับไซต์ความงามและสุขภาพ)
  • ใช้เวลาในการโหลดนานเกินไป – จุดที่น่าสนใจคือ 3 วินาที; โอกาสที่จะกระเด้งเพิ่มขึ้นเป็นทวีคูณทุก ๆ วินาทีนานขึ้น
  • ไม่พร้อมมือถือ
    • 52% ของผู้ใช้มีโอกาสน้อยที่จะมีส่วนร่วมกับบริษัทหากประสบการณ์บนมือถือแย่
    • 91% ให้ความสำคัญกับความต้องการและความเร็ว
    • 61% จะเดินหน้าต่อไปหากพวกเขาไม่พบสิ่งที่ต้องการอย่างรวดเร็ว
  • ไม่ใช้การออกแบบที่ตอบสนอง – การออกแบบเว็บที่ตอบสนองได้นั้นใช้การสืบค้นสื่อ CSS3 เพื่อทำให้เว็บไซต์ทำงานบนทุกแพลตฟอร์ม (เช่น คอมพิวเตอร์ แล็ปท็อป แท็บเล็ต สมาร์ทโฟน)
  • อินเทอร์เฟซที่ไม่สอดคล้องกันในแต่ละหน้า – คุณไม่จำเป็นต้องมีการออกแบบใหม่สำหรับแต่ละหน้า มันทำให้เกิดความสับสนและไม่สนับสนุนการออกแบบแบรนด์ที่แข็งแกร่ง
  • ป๊อปอัป – อาจรบกวนการใช้งานมือถือและจะส่งผลต่อการจัดอันดับ
  • แท็ก H1 ถูกลบออกด้วยเหตุผลด้านสุนทรียะ – แต่นี่เป็นองค์ประกอบแรกที่โปรแกรมรวบรวมข้อมูลของเครื่องมือค้นหามองหา
  • ข้อความในภาพ – เครื่องมือค้นหาไม่สามารถเห็นภาพ ดังนั้นจะไม่อ่านข้อความ จึงจำเป็นต้องวางซ้อน
  • ปุ่มและลิงก์มีขนาดเล็กเกินกว่าจะคลิก โดยเฉพาะอย่างยิ่งบนมือถือ ไม่มีอะไรน่าผิดหวังไปกว่าการที่นิ้วแตะปุ่มมากกว่าหนึ่งปุ่มพร้อมกันและจบลงผิดที่
  • ไม่มี Favicon – ผู้ใช้ชอบเปิดหลายหน้า หายากหากคุณต้องการกลับไปที่ไซต์
  • ภาพหมุนที่เลื่อนอัตโนมัติบนหน้าแรก ทำให้ผู้ใช้หันเหความสนใจจากข้อความของคุณ
  • เพลงอัตโนมัติในพื้นหลัง – น่ารำคาญ
  • วิดีโอที่เล่นโดยอัตโนมัติ – อีกครั้ง น่ารำคาญ นักฆ่าการแปลง
  • 404 หน้าทั่วไป – ผู้ใช้ส่วนใหญ่ละทิ้งเมื่อได้รับหน้าเหล่านี้ รับข้อผิดพลาดในการจัดการจัดเรียงทันที
  • เวลาตอบสนองของเซิร์ฟเวอร์ช้า – ต้องได้รับการปรับให้เหมาะสม
  • ไม่ปฏิบัติตามบรรทัดฐานการออกแบบ – ผู้ใช้ให้อภัย แต่คาดหวังพื้นฐาน เช่น แถบนำทางและฟังก์ชันการค้นหา
  • การใช้พื้นที่สีขาวไม่ดี – น้อยเกินไปทำให้ดูคับแคบ ไม่เป็นมืออาชีพมากเกินไป
  • ไม่มีการแคชของเบราว์เซอร์ – ส่งผลต่อการโหลดหน้าความเร็วใหม่ ซึ่งจะส่งผลให้อันดับลดลง
  • ใช้งานไม่ได้กับทุกเบราว์เซอร์ – เว็บไซต์ทั้งหมดควรได้รับการออกแบบมาให้ทำงานบนเบราว์เซอร์ทั้งหมด
  • ใช้งานไม่ได้หากไม่มี JavaScript หากผู้เยี่ยมชมปิด JavaScript ไซต์ของคุณก็จะยังใช้งานได้
  • โค้ดไม่ได้รับการบีบอัด หรือกล่าวอีกนัยหนึ่งคือการลดขนาด CSS, HTML และ Javascript ของคุณ สิ่งนี้ช่วยเพิ่มความเร็วในการโหลด

การนำทาง

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

วิชาการพิมพ์

  • ความชัดเจน อ่านง่าย ความชัดเจน – นี่คือปัจจัยสำคัญ
  • แบบอักษรเล็กเกินไป ไม่เป็นมิตรกับผู้อ่าน - ข้อความเนื้อหาควรใช้ Sans Serif ที่มีขนาดสูงกว่า 14px เนื่องจากสามารถทำงานร่วมกันได้ในทุกแพลตฟอร์ม แบบอักษรหยิกสำหรับเด็ก
  • แบบอักษรมากเกินไป - นำไปสู่ความสับสน เนื่องจากผู้เยี่ยมชมถูกรบกวนโดยการนำเสนอและไม่เน้นที่ข้อความของคุณ สามก็เพียงพอแล้ว
  • แบบอักษรที่ขัดแย้งกัน – สามารถสร้างความสับสนและไม่ทำอะไรกับการแปลง
  • การจัดช่องไฟที่ไม่ดี (สัญลักษณ์) การติดตาม (คำ) การนำ (ประโยค) - ช่องว่างมีความสำคัญและช่วยให้มีความชัดเจนและอ่านง่าย

เนื้อหา

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

รูปภาพ

  • การถ่ายภาพสต็อกที่ไม่เกี่ยวข้อง – รูปภาพจะต้องดึงดูดสายตา มีความเกี่ยวข้อง และเน้นไปที่เรื่องใดเรื่องหนึ่งโดยเฉพาะ
  • การปรับขนาดและการปรับขนาดไม่ดี – จะส่งผลต่อเวลาในการโหลดและดูไม่เป็นมืออาชีพ
  • ขนาดรูปภาพที่ไม่ตอบสนอง – CSS Media Queries ใช้เพื่อจัดการกับปัญหานี้
  • ไม่มีข้อมูลเมตา – ตรวจสอบชื่อไฟล์ก่อนโพสต์ภาพ 987098709.jpg ดูไม่เป็นมืออาชีพ
  • ไม่มีการบีบอัดภาพ – เวลาในการโหลดนานขึ้นเท่ากับอันดับที่ต่ำกว่า

สื่อสังคม

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

ประสบการณ์ผู้ใช้

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

ประเด็นทางกฎหมาย

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

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