เคล็ดลับในการสร้างเมนูที่ทันสมัยสำหรับบล็อกของคุณ

ลักษณะเฉพาะบางประการของการใช้เว็บไซต์ที่ดี ได้แก่ :

• การตอบสนองมือถือ : ผู้คนจำนวนมากขึ้นเข้าถึงอินเทอร์เน็ตผ่านโทรศัพท์มือถือ (และ Google เชื่อว่านี่เป็นสิ่งสำคัญสำหรับการจัดอันดับการค้นหาซึ่งเป็นส่วนหนึ่งของการริเริ่มบนมือถือ)
• ความเร็วในการโหลดหน้าเว็บ : อีกหนึ่งสัญญาณการจัดอันดับที่สำคัญจาก Google ผ่านความสัมพันธ์กับวิธีที่ผู้คนโต้ตอบกับเว็บไซต์ จากข้อมูลของ Kissmetrics ผู้บริโภค 47% คาดหวังว่าหน้าเว็บจะโหลดได้ภายใน 2 วินาทีหรือน้อยกว่า!
• การนำทางเว็บไซต์: จากข้อมูลของ Orbit Media Studios หากเว็บไซต์ของคุณใช้งานง่ายและค้นหาเนื้อหาได้ง่ายจะส่งผลดีต่อการเข้าชมที่คุณจะได้รับจากเครื่องมือค้นหา Gerry McGovern ได้ทำการศึกษาแสดงให้เห็นว่าผู้คน 70% พึ่งพาการนำทางมากกว่าการค้นหาเมื่อมองหาบางสิ่งบางอย่างเนื่องจากการคลิกลิงก์ไปยังหน้าเว็บที่ต้องการทำได้ง่ายและเร็วขึ้น ของเว็บไซต์

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

การนำทางบนไซต์

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

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

การนำทางในเมนู

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

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

ธีมหน้าร้านของ WooCommerce ให้ตัวอย่างในทางปฏิบัติ ที่มุมขวาบน:

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

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

แนวทางปฏิบัติที่ดีที่สุดในการออกแบบเมนู

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

• ถ้าเป็นไปได้หลีกเลี่ยงเมนูแบบเลื่อนลง เว็บไซต์หลายแห่งชอบใช้เมนูแบบเลื่อนลงเนื่องจากประหยัดพื้นที่ แต่ไม่แนะนำให้ใช้ โดยเฉพาะอย่างยิ่งเมื่อจำเป็น SEO เทคนิค การทดสอบการใช้งานพบว่าคนส่วนใหญ่ไม่ชอบเมนูแบบเลื่อนลง เนื่องจากดวงตาของมนุษย์ทำงานเร็วกว่ามือ และผู้คนพบว่ามันน่ารำคาญเมื่อพวกเขาตัดสินใจว่าจะคลิกอะไรและมีอย่างอื่นหลุดออกไป ส่งผลให้มีการเข้าชมบางหน้าน้อยลง อย่างไรก็ตาม เมนู "Mega Drop Down" จะเป็นที่ยอมรับมากกว่าหากเว็บไซต์ที่คุณกำลังออกแบบมีเนื้อหามากมายจนคุณไม่สามารถทำได้หากไม่มีเมนูแบบเลื่อนลง
• เป็นคำอธิบาย กำจัดคำทั่วไปเช่น "บริการ" หรือ "ผลิตภัณฑ์" ให้ระบุว่าผลิตภัณฑ์หรือบริการของคุณเป็นอย่างไร คงเส้นคงวาเนื่องจากไม่มีใครค้นหาผลิตภัณฑ์ด้วย "คำทั่วไปหรือ" บริการ "จริงๆ ยังดีกว่าก่อนที่จะตัดสินใจเลือกชื่อที่แน่นอนของรายการเมนูของคุณให้ปรับการรวมเข้ากับการวิจัยคำหลัก SEO Orbit Media แนะนำใช้ป้ายกำกับที่สื่อความหมายเนื่องจากแนวปฏิบัตินี้เป็นประโยชน์ต่อทั้งผู้ใช้และคุณเมื่อเครื่องมือค้นหารวบรวมข้อมูลไซต์ การนำทางจะปรากฏในทุกหน้าดังนั้นหากคุณใช้คำที่เกี่ยวข้องกับอุตสาหกรรมของคุณคุณกำลังแจ้งเตือน Google ว่าคุณสนใจจริงๆ โปรดจำไว้ว่าทุกหน้าสามารถจัดอันดับได้ตราบเท่าที่เน้นไปที่หัวข้อใดหัวข้อหนึ่ง
• นอกจากนี้ Orbit Media ยังไม่สนับสนุน การนำทางตาม บน รูปแบบ, เช่น'องค์กร หน้าตามเนื้อหา เช่น วิดีโอทั้งหมด อินโฟกราฟิกทั้งหมด ฯลฯ เนื่องจากผู้คนค้นหาตามหัวข้อ ไม่ใช่รูปแบบ
• การวางตำแหน่ง (หรือเลย์เอาต์) ของรายการในเมนูการนำทางมีความสำคัญ มีรายการหน้าเว็บทั่วไปที่จะนำเสนอบนเว็บไซต์เช่นหน้า "เกี่ยวกับ" หน้า "ติดต่อ" เป็นต้นซึ่งเป็นหน้าที่ผู้เยี่ยมชมไซต์ค้นหาบ่อยที่สุด หน้าที่โดดเด่นเหล่านี้ซึ่งมักมีการเข้าชมสูง (เนื่องจากมองเห็นได้ชัดเจน) มักมีอัตราการมีส่วนร่วมต่ำ ใช้ Google Analytics เพื่อกำหนดหน้าที่สำคัญที่สุดของคุณและค้นหาโอกาสในการเพิ่มประสิทธิภาพ แสดงรายการการนำทางที่สำคัญที่สุดก่อน (หรือด้านบนขึ้นอยู่กับการวางแนวของแถบเมนู)
• เก็บรายการเมนูได้สูงสุดหนึ่งรายการ สูงสุด 7 . จากการศึกษาพบว่าผู้คนสามารถจดจำหรือรับข้อมูลได้สูงสุดครั้งละเจ็ดชิ้นเท่านั้น การมีรายการเมนูประเภทต่างๆมากเกินไปอาจส่งผลต่อความสามารถในการจัดอันดับในการค้นหาเนื่องจาก Google สามารถตีความหมวดหมู่ที่ดูเหมือนไม่เกี่ยวข้องกันมากเกินไปเป็นสัญญาณว่าไซต์ของคุณไม่ได้ปรับให้เข้ากับช่องเฉพาะ หากคุณรู้ว่าคุณต้องการเมนูมากกว่า 7 รายการให้แบ่งออกเป็นหมวดหมู่ย่อย

เกี่ยวกับประเด็นที่กล่าวมาข้างต้นการออกแบบเมนูเว็บไซต์ของ United ซับซ้อนเกินไป (มีตัวเลือกมากเกินไปสำหรับผู้เยี่ยมชม):

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

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