ข้อผิดพลาดในการออกแบบที่สามารถทำลาย SEO ของเว็บไซต์ของคุณ

นักออกแบบและศิลปินหลายคนถือว่าฝีมือของพวกเขาอยู่เหนือกฎของการเพิ่มประสิทธิภาพเครื่องมือค้นหา (SEO) แต่บทความที่ตีพิมพ์โดย Association for Computing Machinery แนะนำว่าประมาณ95 เปอร์เซ็นต์ ของความคิดเห็นเชิงลบเกี่ยวกับเว็บไซต์เกี่ยวข้องกับปัญหาการออกแบบพูดได้อย่างปลอดภัยว่าการออกแบบมีผลอย่างมากต่อการรับรู้ของเว็บไซต์และด้วยเหตุนี้จึงส่งผลต่อการจัดอันดับ

ข้อบกพร่องแฝงในการออกแบบเว็บไซต์ของคุณ

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

ตรวจสอบการออกแบบเว็บของคุณอีกครั้งและจดบันทึกข้อผิดพลาดเหล่านี้:

ไม่เน้นมือถือ

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

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

Kissmetrics พบปัญหาบางอย่างที่ผู้ใช้มือถือเผชิญขณะเข้าถึงไซต์:

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

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

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

รูปภาพขนาดใหญ่ที่ท้าทายการติดตั้งเพิ่มเติมที่ตอบสนอง

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

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

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

การทดสอบ PageSpeed ​​Insights ของ Google อาจให้แนวคิดบางอย่างเกี่ยวกับวิธีลบองค์ประกอบเนื้อหาจำนวนมากออกจากการออกแบบ จะแสดงภาพที่ต้องการการบีบอัดเพื่อทำให้หน้าเป็นมิตรกับ SEO มากขึ้นกว่า 50 เปอร์เซ็นต์

การเพิ่มข้อความในรูปภาพที่ไม่เพิ่มมูลค่า

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

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

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

คุณต้องทำงานในแง่มุมบางอย่างเพื่อให้สิ่งต่างๆ ดำเนินต่อไป เช่น:

การเพิ่มแท็ก Alt ให้กับรูปภาพ

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

การใช้การผสมสีที่เหมาะสม

ภาพที่ชัดเจนต้องเลือกชุดสีที่เหมาะสม จากการศึกษาพบว่ามากกว่าร้อยละ 40 ของเว็บไซต์ทั้งหมดใช้สีฟ้าในการออกแบบ ตามด้วยสีเขียว

ไม่รวมข้อมูลบางอย่าง

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

กำลังเปลี่ยนเส้นทาง… ข้อผิดพลาด OOPS 404

การออกแบบหน้าลิงก์เสียนั้นดูเป็นเรื่องเล็กน้อยที่ผู้เชี่ยวชาญด้าน SEO ส่วนใหญ่มองข้ามไป ผู้คนมักพิมพ์ URL ผิดหรือมองหาหน้าที่ไม่สามารถใช้งานได้อีกต่อไป

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

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

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

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

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

ปิดป๊อปอัปโดยสิ้นเชิง

Ethan Zuckerman ยังคงรู้สึกเสียใจที่สร้างโฆษณาป๊อปอัพผ่าน JavaScript และ Perl ฝั่งเซิร์ฟเวอร์เมื่อ 20 ปีที่แล้ว แม้จะน่ารำคาญ แต่ก็กระตุ้นยอดขายได้

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

ป๊อปอัปไม่ได้เลวร้ายโดยเนื้อแท้ แล้วเราทำอะไรผิด? บล็อกผู้ดูแลเว็บของ Google กล่าวไว้ทั้งหมด:

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

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

ต่อไปนี้เป็นแนวคิดในการออกแบบเพื่อให้เป็นประโยชน์ต่อผู้เข้าชม:

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

• การเสนอขาย ส่วนลด สิ่งจูงใจ และของแถมผ่านป๊อปอัปเป็นแนวคิดที่ดีในการดึงดูดผู้ใช้
• เวลาที่จะกะพริบนั้นถูกตั้งไว้ที่ห้าวินาที สำหรับผู้เข้าชมทั่วไป เวลาในการแสดงป๊อปอัปนั้นเหมาะสมที่สุดหลังจากทุกๆ นาที
• การใช้สีแดงเป็นคำกระตุ้นการตัดสินใจ (CTA) ในการส่งอีเมลทำให้ได้จำนวนการส่งสูงสุด

หน้าแรกไม่มี H1

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

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

ส่วนหัวที่อาจเป็น H1, H2 และอื่นๆ เป็นตัวตัดสินปัจจัยใน SEO พวกมันเป็นส่วนหนึ่งของโค้ด HTML ที่สไปเดอร์อ่านและทำให้คำบางคำโดดเด่นเพื่อให้โปรแกรมรวบรวมข้อมูลสนใจ

ดังนั้น การรวม H1 จึงเป็นเคล็ดลับระดับมืออาชีพสำหรับเว็บมาสเตอร์ จำสิ่งเหล่านี้:

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

คิดว่า Google เป็นตัวเลื่อนที่ดี

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

Martin Splitt จาก Google ในการประชุมออนไลน์ระบุปัญหานี้อย่างเห็นอกเห็นใจ เขาชี้ให้เห็นว่าแมงมุมอ่านและจัดทำดัชนีสิ่งที่มองเห็นได้ล่วงหน้า หากต้องการแก้ไขกรณีโหลดแบบ Lazy Loading ผู้ดูแลเว็บต้องอ้างอิงถึง Google Search Central ยักษ์ใหญ่เครื่องมือค้นหากล่าวถึงการแก้ไขบางอย่าง:

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

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