นิสัยการออกแบบส่วนหัวที่ดีที่สุดสำหรับ Elementor | เรียนรู้ข้อเท็จจริงเกี่ยวกับนักฆ่า 10 คน
เผยแพร่แล้ว: 2022-08-17'มันง่ายมากที่จะดึงดูดผู้เข้าชม เพียงแค่เขียนบทความที่มีส่วนหัวใดก็ได้และเผยแพร่มัน!'- ถ้าคุณคิดแบบนี้ แสดงว่าคุณอยู่ในโลกแห่งความฝัน ไม่ใช่เรื่องง่ายที่จะสร้างตำแหน่งของคุณในตลาดออนไลน์ เมื่อคุณเขียนบทความที่มีส่วนหัวที่คลุมเครือ ผู้เข้าชมจะไม่เข้าใจสิ่งที่คุณพยายามจะพูดและข้ามไป
นั่นก็เพียงพอแล้วที่เว็บไซต์ของคุณจะล่มและสูญเสียผู้เข้าชมภายในระยะเวลาอันสั้น หากยังเป็นเช่นนี้ บริษัทที่มีชื่อเสียงจะใช้เวลาสั้นมากในการล้มลง ในบทความนี้ เราจะพูดถึงลักษณะการออกแบบส่วนหัวที่ดีที่สุดสำหรับ Elementor สำหรับเว็บไซต์
เราอยู่ในโลกธุรกิจ และเราทุกคนต้องการขยายธุรกิจให้ใหญ่ขึ้นให้มากที่สุดเท่าที่จะเป็นไปได้ และพยายามอย่างสุดความสามารถเพื่อก้าวขึ้นสู่ตำแหน่งสูงสุด
นี่คือสถานการณ์สมมติที่คุณควรเข้าใจ คุณก่อตั้งบริษัท ตั้งค่าพนักงานให้ผลิตผลิตภัณฑ์ที่มีคุณภาพ และพยายามอย่างเต็มที่เพื่อให้ธุรกิจของคุณดำเนินต่อไปได้ แต่ได้ตีพิมพ์บทความที่มีหัวข้อที่คลุมเครือหรือคลุมเครือเพื่อโปรโมตผลิตภัณฑ์ของคุณ
คิดว่าผลจะเป็นอย่างไร? ศูนย์อย่างแน่นอน!
เนื่องจากการมีผลิตภัณฑ์ที่มีคุณภาพโดยไม่มีบทความที่มีรูปแบบดีสำหรับการโฆษณาจึงไม่เกิดผล
ดังนั้น คุณต้องเขียนบทความที่มีหัวข้อเฉพาะและมีความหมายที่จะดึงดูดสายตาของผู้เยี่ยมชมที่จะกลายเป็นลูกค้าในไม่ช้า และบอกให้ผู้อื่นทำเช่นนั้น คุณทำอย่างนั้นได้อย่างไร?
ติดต่อกันจนจบเพื่อทราบข้อมูลเพิ่มเติมเกี่ยวกับเรื่องนี้
เริ่มกันเลย!
ส่วนหัว Elementor คืออะไร
ส่วนหัวของ Elementor หรือส่วนหัวของเว็บไซต์คือส่วนบนของเว็บไซต์ที่มีโลโก้ การนำทาง และข้อมูลอื่นๆ ในบางครั้ง เช่น ข้อความ รูปภาพ gif ลิงก์และปุ่มต่างๆ จะพบ
หัวก็เหมือนหน้า เนื่องจากใบหน้าของบุคคลแสดงถึงบุคลิกภาพและทัศนคติที่มีต่อตัวเขา ส่วนหัวของเว็บไซต์หรือหน้าเว็บก็เช่นกัน มันทำให้ผู้อ่านมีแนวคิดที่ชัดเจนในตอนแรกเกี่ยวกับสิ่งที่คุณพยายามจะพูด
ทำไมส่วนหัวจึงมีความสำคัญ
ตอนนี้ คุณมีแนวคิดเกี่ยวกับส่วนหัวแล้ว มาทำความรู้จักกับความสำคัญของส่วนหัวโดยละเอียดกัน ส่วนหัวเป็นส่วนหลักและแน่นอนว่าเป็นส่วนสำคัญของเว็บไซต์ที่สามารถดึงดูดความสนใจของผู้เข้าชมหรือบังคับให้เขากลับจากไซต์พร้อมกัน
หากส่วนหัวไม่สามารถดึงดูดสายตาของผู้เยี่ยมชมได้แน่นอนว่าพวกเขาจะไม่สนใจอ่านบทความของคุณเลย ส่วนหัวที่ติดหูช่วยให้คุณเป็นที่รู้จักจากผู้เยี่ยมชมที่ไม่รู้จักและทำให้เขาเป็นลูกค้าในเวลาอันสั้นและดึงดูดผู้เยี่ยมชมมายังเว็บไซต์ของคุณมากขึ้น
ต่อไปนี้คือสาเหตุบางประการที่ส่วนหัวมีความสำคัญมาก:
- ดึงดูดผู้เข้าชมตั้งแต่แรกเห็นเว็บไซต์ของคุณ
- ทำให้ผู้เยี่ยมชมสนใจที่จะสำรวจเว็บไซต์ด้วยการคลิกเพียงครั้งเดียวหรือคำค้นหา
- มันทำหน้าที่เป็นบ้านสำหรับโลโก้ของแบรนด์ที่ผู้เยี่ยมชมส่วนใหญ่เจอ
- ทำหน้าที่เป็นสารบัญสำหรับไซต์
- มีข้อมูลเพิ่มเติมเกี่ยวกับบริษัท วิธีติดต่อ และอื่นๆ
- รวมปุ่ม CTA สำหรับคนที่พร้อมจะก้าวต่อไป
โดยทั่วไป ส่วนหัวมีจุดประสงค์ที่คล้ายกันสำหรับไซต์ส่วนใหญ่ อย่างไรก็ตาม คุณมีอิสระในการสร้างส่วนหัวประเภทต่างๆ ขึ้นอยู่กับประเภทของเว็บไซต์ สไตล์ของแบรนด์ และข้อมูลที่คุณต้องการจัดเก็บไว้ที่นั่น
เหตุใดจึงต้องมีการออกแบบส่วนหัว
คุณต้องการสร้างส่วนหัวที่จะดึงดูดความสนใจของผู้เข้าชมส่วนใหญ่ในตลาดออนไลน์ที่จะช่วยให้คุณขยายธุรกิจของคุณให้ใหญ่ขึ้น
ในการทำเช่นนั้น คุณต้องมีการออกแบบส่วนหัว การออกแบบส่วนหัวช่วยให้คุณสร้างเลย์เอาต์ของการสร้างส่วนหัวที่ดี ดีต่อสุขภาพ และจับใจได้ ซึ่งจะทำลายผู้อื่นและทำให้คุณสามารถก้าวไปสู่ตำแหน่งสูงสุดในการจัดอันดับได้
ดังนั้น การออกแบบส่วนหัวจึงเป็นสิ่งจำเป็นที่จะช่วยให้คุณตกแต่งส่วนหัวได้อย่างสวยงามและแม่นยำยิ่งขึ้น
ประเภทของการออกแบบส่วนหัวที่เรามักใช้ใน WordPress
มีการออกแบบส่วนหัวของเว็บไซต์ทั่วไปที่เราใช้ใน WordPress พวกเขาได้รับด้านล่าง:
-> หดตัวหัวเหนียว
เป็นการออกแบบส่วนหัวของเว็บไซต์ที่เริ่มต้นด้วยส่วนหัวปกติ และเมื่อคุณเริ่มเลื่อนลง ส่วนหัวจะสั้นลงหรือเล็กลงเล็กน้อย จากนั้นจึงโปร่งใส
ในขณะเดียวกัน ก็ถือส่วนหัวในตำแหน่งเดียวกันบนหน้าจอเมื่อคุณเลื่อนลง มีเวอร์ชันของส่วนหัวที่ติดหนึบบางส่วน เมื่อคุณเลื่อนลง ส่วนหัวจะหายไป แต่เมื่อคุณเริ่มเลื่อนขึ้น ส่วนหัวจะปรากฏขึ้นอีกครั้ง
-> ส่วนหัวการนำทาง / ส่วนหัวที่ดีที่สุดสำหรับการนำทาง
เว็บไซต์ ซึ่งเป็นส่วนหนึ่งของกลุ่มเว็บไซต์ทั่วไปในร้านค้าปลีก มีตัวเลือกในการเพิ่มแถบพิเศษเหนือส่วนหัวที่ลิงก์ไปยังร้านค้าอื่นๆ ได้อย่างรวดเร็ว ข้อดีของสิ่งนี้คือ คุณไม่จำเป็นต้องสร้างแถบแยกต่างหากสำหรับพวกเขา ผู้เยี่ยมชมสามารถรับลิงก์ภายในแถบเดียวเดียวกันได้
-> การออกแบบส่วนหัวมือถือ
การออกแบบส่วนหัวของอุปกรณ์พกพานั้นเหมาะสำหรับผู้ที่ใช้โทรศัพท์มือถือและมักจะนำไปใช้ ในการออกแบบนี้บนหน้าจอ โลโก้จะปรากฏที่ด้านซ้ายสุดและใต้ไอคอนแฮมเบอร์เกอร์ การนำทางและลิงก์อื่นๆ จะถูกแทรก
-> ส่วนหัวไฮบริด
ไม่น่าแปลกใจที่เว็บไซต์ใช้การออกแบบส่วนหัวแบบไฮบริดอันเป็นผลมาจากเส้นแบ่งระหว่างอุปกรณ์เคลื่อนที่และเดสก์ท็อปไม่ชัดเจน โดยทั่วไป ดูเหมือนส่วนหัวบรรทัดเดียวมาตรฐาน แม้ว่าลิงก์การนำทางเพิ่มเติมสำหรับผู้เยี่ยมชมเดสก์ท็อปจะอยู่ในไอคอนเมนูแฮมเบอร์เกอร์
-> ส่วนหัวจัดแนวในแนวตั้ง
คุณสามารถใช้ส่วนหัวในแนวตั้งเพื่อทำให้เว็บไซต์ของคุณดูแตกต่างและมีเสน่ห์สำหรับผู้เข้าชมของคุณ คุณสามารถกำหนดตำแหน่งส่วนหัวไปทางซ้ายหรือขวาได้ตามต้องการ ซึ่งจะเหมาะกับธุรกิจของคุณ
การออกแบบส่วนหัวนี้ทำให้ผู้คนมีแนวโน้มที่จะเลือกให้เป็นตัวเลือกที่น่าชื่นชมในเว็บไซต์ของตนสำหรับธุรกิจการบริการและธุรกิจบริการอื่นๆ
ส่วนหัวในอุดมคติสำหรับเว็บไซต์ WordPress
องค์ประกอบในส่วนหัวที่คุณเห็นอาจแตกต่างกันไปในแต่ละเว็บไซต์ แต่ตัวเลือกเหล่านี้มักพบบ่อยที่สุด ไม่จำเป็นต้องรวมทั้งหมด
หากคุณแทรกคุณสมบัติเกินความจำเป็นในส่วนหัว คุณลักษณะนั้นจะดูหนาแน่นและอาจทำให้ผู้เข้าชมสับสน คุณต้องตั้งเป้าที่จะเก็บข้อมูลในหัวเรื่องให้เพียงพอสำหรับผู้เยี่ยมชมของคุณ
มาดูองค์ประกอบทั่วไปที่คุณสามารถรวมไว้ในส่วนหัวของเว็บไซต์ของคุณ:
- โลโก้
- เมนูการนำทาง
- แถบค้นหา
- ไอคอนโซเชียลมีเดีย
- ข้อมูลติดต่อ
- คำกระตุ้นการตัดสินใจ
สำหรับข้อมูลดีๆ ของคุณ ฉันจะพูดถึงองค์ประกอบเหล่านี้อย่างลึกซึ้ง:
1. โลโก้
หากคุณต้องการตำแหน่งบนสุดบนเว็บไซต์ คุณต้องมีโลโก้ของคุณเองสำหรับการสร้างแบรนด์ เพราะนี่เป็นสิ่งแรกที่ผู้เยี่ยมชมทุกคนเห็นเมื่อพวกเขามาที่เว็บไซต์ของคุณ นี่คือเหตุผลที่ควรไปในส่วนหัว
การออกแบบโลโก้จะต้องแตกต่างและมีเสน่ห์จากองค์ประกอบอื่น ๆ ของส่วนหัวเพื่อดึงดูดสายตาของผู้เยี่ยมชม
สิ่งสำคัญรองลงมาคือตำแหน่งของโลโก้ ตำแหน่งที่ไม่ถูกต้องของโลโก้จะทำให้ผู้เข้าชมข้ามไซต์ของคุณและไซต์ของคุณจะถูกละทิ้งอย่างรวดเร็ว ตำแหน่งอาจแตกต่างกันไป แต่โดยทั่วไปจะอยู่ที่มุมซ้ายหรือตรงกลางบนเว็บไซต์ส่วนใหญ่
ดังนั้น การวางตำแหน่งจึงเป็นปัญหาสำคัญสำหรับการสร้างแบรนด์ของคุณ และคุณต้องเลือกอย่างชาญฉลาดว่าจะวางตำแหน่งใดที่จะดึงดูดปริมาณการเข้าชมเว็บไซต์ของคุณจำนวนมาก
มีสถานการณ์ทั่วไปและยอมรับได้อย่างสมบูรณ์ที่คุณอาจทราบ:
- หากไซต์ไม่มีโลโก้ ชื่อไซต์จะแทนที่โลโก้
- บางไซต์มีทั้งโลโก้และชื่อไซต์
- บางครั้งชื่อเว็บไซต์ก็เป็นส่วนหนึ่งของภาพโลโก้
เป้าหมายหลักของคุณคือการสร้างแบรนด์ให้กับไซต์ของคุณและดึงดูดการเข้าชมจำนวนมาก ดังนั้นใช้โลโก้ในส่วนหัวให้เกิดประโยชน์สูงสุดซึ่งจะทำงานได้อย่างสมบูรณ์และบรรลุเป้าหมายของคุณ
2. เมนูการนำทาง
องค์ประกอบที่สำคัญที่สุดในส่วนหัวคือเมนูการนำทาง การรวมเมนูที่เชื่อมโยงไปยังหน้าที่สำคัญทั้งหมดของไซต์ของคุณซึ่งแต่ละหน้าเกี่ยวข้องกันจะช่วยได้ มีลิงก์หลักสี่ลิงก์ ได้แก่ ผลิตภัณฑ์ คุณลักษณะ ทรัพยากร และแผนและราคา บนเมนูของ WordPress.com ไม่ควรใส่ลิงก์ของหน้าทั้งหมดลงในเมนู เว้นแต่เว็บไซต์ของคุณจะมีหน้าเพียงไม่กี่หน้า แม้ว่าคุณจะคิดว่าทุกหน้ามีความสำคัญก็ตาม
หากผู้เยี่ยมชมของคุณมองเห็นภาพมุมสูงได้ง่าย พวกเขาจะรู้สึกมั่นใจขณะสำรวจสิ่งที่อยู่ในไซต์ของคุณ คุณต้องเก็บลิงก์ในการนำทางที่อ่านง่าย และบอกผู้เยี่ยมชมโดยใช้ข้อความว่าพวกเขาสามารถคาดหวังอะไรได้บ้างเมื่อพวกเขาคลิก
นอกจากนี้ยังสามารถรวมปุ่มต่างๆ เช่น เข้าสู่ระบบ บัญชีของฉัน และตะกร้าสินค้า จำนวนและประเภทของการนำทางจะแตกต่างกันไปตามขนาดของเว็บไซต์และความต้องการของคุณ คุณสามารถใช้เมนูแฮมเบอร์เกอร์ทางด้านซ้ายเพื่อให้ผู้เข้าชมค้นหาตัวเลือกที่ต้องการได้ง่าย
3. ค้นหาบาร์
หากคุณจัดไฟล์เก็บถาวรขนาดใหญ่หรือไลบรารีเนื้อหา คุณต้องเพิ่มคุณลักษณะการค้นหาตามปกติทางด้านขวาในพื้นที่ส่วนหัวและนั่นคือที่ที่เหมาะสมสำหรับมัน
คุณต้องจำไว้ว่าไอคอนรูปแว่นขยายไม่ได้เป็นตัวแทนของแถบค้นหา แต่จะจับคู่กับคำว่า 'ค้นหา' กับไอคอนที่ผู้คนสามารถค้นหาได้ง่าย
การใช้ตัวเลือกนี้ทำให้คุณสามารถป้องกันไม่ให้ผู้ใช้ไปที่หน้าใหม่สำหรับการค้นหา พวกเขาสามารถค้นหาได้อย่างง่ายดายที่นี่และให้ UX ที่ดีขึ้น
คุณสามารถใส่แถบค้นหาที่ 'ซ่อน' เพื่อประหยัดพื้นที่ที่จะแสดงเฉพาะเมื่อคุณคลิกที่ไอคอนซึ่งเป็นวิธีการออกแบบที่ชาญฉลาดที่คุณสามารถทำได้ถ้าคุณมีรายการจำนวนมากในพื้นที่แออัด ซึ่งหมายความว่าขั้นตอนนี้จะช่วยประหยัดพื้นที่และเพิ่มจำนวนผู้เยี่ยมชมเพื่อดูเว็บไซต์ของคุณ
4. ไอคอนโซเชียลมีเดีย
ปัจจุบันผู้คนใช้งานโซเชียลมีเดียออนไลน์มากกว่าออฟไลน์หรือชีวิตปกติ ดังนั้น คุณสามารถเชื่อมโยงไปยังโซเชียลมีเดียโดยการเพิ่มไอคอนในพื้นที่ส่วนหัวซึ่งจะใช้พื้นที่เพียงเล็กน้อย แต่ช่วยให้คุณดึงดูดผู้เยี่ยมชมไซต์ของคุณได้มากขึ้น
5. ข้อมูลการติดต่อ
หากคุณเปิดร้านจริงหรือมีศูนย์ติดต่อลูกค้า คุณควรใส่ข้อมูลติดต่อไว้ในส่วนหัว คู่แข่งรายอื่นๆ เช่น ตัวแทนอสังหาริมทรัพย์ ธุรกิจในท้องถิ่น ผู้ให้บริการ และที่ปรึกษาต้องการให้แน่ใจว่าจะแสดงข้อมูลติดต่อของตนอย่างชัดเจน ตัวอย่างเช่น คุณสามารถรับลีดที่เพิ่มขึ้นได้โดยการเพิ่มหมายเลขติดต่อลงไป
6. คำกระตุ้นการตัดสินใจ
คุณสามารถใช้หมายเลขติดต่อในส่วนหัวเป็นคำกระตุ้นการตัดสินใจที่ไซต์ของคุณต้องการ ผู้อื่นอาจใช้คำกระตุ้นการตัดสินใจอื่น
แทนที่จะใช้หมายเลขติดต่อ คุณสามารถใช้ตัวเลือกการลงชื่อสมัครใช้ เพื่อให้ผู้เยี่ยมชมมีส่วนร่วมกับจดหมายข่าวหรือสร้างบัญชี
ส่วนหัวเป็นสถานที่ที่สามารถกระตุ้นให้ผู้ใช้ดำเนินการโดยการใส่ปุ่ม แบบฟอร์ม หรือลิงก์ คุณสามารถใช้สิ่งใดสิ่งหนึ่งเป็นคำกระตุ้นการตัดสินใจสำหรับเว็บไซต์ของคุณได้ตามต้องการ
ความแตกต่างระหว่างส่วนหัวของไซต์ WooCommerce และส่วนหัวของไซต์ปกติคืออะไร
คำถามสำคัญเกิดขึ้นที่นี่: ส่วนหัวของไซต์ WooCommerce คล้ายกับส่วนหัวของไซต์ปกติหรือไม่ มีความแตกต่างระหว่างพวกเขาหรือไม่? ลองมาดูกันว่าด้านล่าง:
ส่วนหัวของไซต์ WooCommerce:
- ประกอบด้วยนโยบายที่เกี่ยวข้องกับบริษัท
- มันแจ้งผู้เข้าชมเกี่ยวกับผลิตภัณฑ์
- เปลี่ยนผู้เข้าชมให้เป็นลูกค้า
- ส่งเสริมผลิตภัณฑ์และความปรารถนาดีทั้งหมดของบริษัท
- ส่วนใหญ่ครอบคลุมส่วนการเงินของบริษัท
- ช่วยให้บริษัทเติบโตขึ้น
- เป็นแบบมุ่งเป้า
ส่วนหัวของไซต์ปกติ:
- มันมีการสนทนาทั่วไปหรือการพูดคุย
- ไม่แจ้งผู้เข้าชมเกี่ยวกับผลิตภัณฑ์ใด ๆ
- ไม่เปลี่ยนผู้เข้าชมให้เป็นลูกค้า
- ไม่มีโปรโมชั่นเกี่ยวกับผลิตภัณฑ์ใด ๆ อยู่ในนั้น
- โดยทั่วไปจะกล่าวถึงหัวข้อที่ไม่ระบุชื่อ
- มันไม่เป็นประโยชน์สำหรับการขยายบริษัทให้ใหญ่ขึ้น
- มันไม่ใช่แบบมุ่งเป้า
10 ข้อเท็จจริงนักฆ่าที่คุณต้องรู้
ข้างบนนี้คุยกันพอแล้ว! ตอนนี้ให้ฉันบอกคุณเกี่ยวกับข้อเท็จจริง 10 ประการของนักฆ่า เหล่านี้ได้รับด้านล่าง:
1. ส่วนหัวอธิบายข้อความของคุณให้ผู้ชมฟัง
อย่างที่ทราบกันดีว่า "รักแรกพบ" เช่นเดียวกับในฟิลด์นี้ เมื่อผู้เยี่ยมชมเห็นส่วนหัวเป็นครั้งแรก จะทำให้เขามีข้อความชัดเจนว่าบทความเกี่ยวกับอะไร
สิ่งนี้ดึงดูดสายตาของผู้เยี่ยมชมและสร้างความปรารถนาที่จะอ่านบทความจนจบ หากส่วนหัวคลุมเครือสำหรับผู้เยี่ยมชมที่ทำให้เขาสับสนและสั่นจะไม่ทำให้เขาสนใจที่จะอ่านบทความเลยและเขาจะกลับรถอย่างรวดเร็ว
นั่นเป็นสัญญาณเตือนว่าเว็บไซต์ของคุณจะไปสู่จุดต่ำสุดในเวลาไม่นาน ดังนั้น คุณต้องชี้แจงข้อความของคุณไปยังผู้เยี่ยมชมในส่วนหัว
2. ส่วนหัวที่มีการจัดการที่ดีและมีโครงสร้างที่ดีดึงดูดผู้เข้าชม
คุณต้องรักษาส่วนหัวให้เป็นระเบียบและมีโครงสร้างที่ดีเพราะเป็นประตูสำหรับผู้เยี่ยมชมเพื่อเข้าสู่พื้นที่บล็อกของคุณ ช่วยให้พวกเขาค้นหาสิ่งที่ต้องการได้อย่างง่ายดายและรวดเร็ว ลองวิเคราะห์ด้านล่างนี้:
- ออกแบบส่วนหัวตามหลักการ 'กฎหมายของพื้นที่ส่วนกลาง' โดยที่โลโก้และการนำทางยังคงอยู่บนแพลตฟอร์มเดียวโดยรักษาระยะห่างที่เท่ากันและถือเป็นหนึ่งทั้งหมด
- รักษา CTA เช่น ติดต่อฝ่ายขาย เข้าสู่ระบบ ทดลองใช้ฟรี ที่มุมขวาในส่วนหัวที่จะช่วยให้ผู้เยี่ยมชมดำเนินการต่อไป
- ตั้งคำถาม ภาพรวม คุณลักษณะ และแผนในการนำทางย่อยซึ่งจะทำให้ผู้เยี่ยมชมสนใจไซต์ของคุณ
- เน้นส่วนหัวหลักโดยทำให้มีขนาดใหญ่ขึ้นและสว่างขึ้นโดยใช้แบบอักษรที่หนาและใหญ่กว่าส่วนอื่นๆ การออกแบบนี้จะทำให้ผู้เยี่ยมชมมุ่งเน้นไปที่ส่วนหัวแล้วพวกเขาจะไปที่ข้อมูลเพิ่มเติม
3. Simple Fonts ช่วยให้ผู้เยี่ยมชมอ่านง่าย
การเลือกแบบอักษรอย่างง่ายในส่วนหัวช่วยให้ผู้เยี่ยมชมอ่านได้ง่ายและทำให้อัตราการแปลงเป็นสองเท่า ดังนั้นจึงเป็นการดีกว่าที่จะไม่ทำให้ส่วนหัวเป็นพื้นที่สำหรับการสร้างสรรค์ด้วยตัวเลือกแบบอักษรของคุณ ยกเว้นโลโก้อย่างแน่นอน
คุณสามารถเลือกแบบอักษรที่เขียนด้วยลายมือหรือที่ประดิษฐ์ขึ้นสำหรับโลโก้ได้อย่างอิสระเพื่อให้มีเอกลักษณ์ คุณต้องจำสามประเด็นเหล่านี้เกี่ยวกับส่วนหัว:
- อย่าใช้ฟอนต์ที่เขียนด้วยลายมือหรือประดิษฐ์ขึ้นในส่วนหัว ผู้เข้าชมจะอ่านได้ยาก จะดีกว่าถ้าเลือกฟอนต์เว็บ serif หรือ sans serif สำหรับข้อความและข้อมูล
- กำหนดขนาดตัวอักษรให้เหลืออย่างน้อย 16 พิกเซลที่จะพอดีกับพื้นที่ส่วนหัว
- อัตราส่วนความคมชัดของสีควรมีอย่างน้อย 4.5:1 ระหว่างแบบอักษรและพื้นหลัง
คุณสามารถใช้ Style Editor ใน Elementor เพื่อสร้างส่วนหัวที่ปรับแต่งได้เองทั้งหมด หรือคุณสามารถไปที่ Global Settings เพื่อกำหนดรูปแบบตัวอักษรและสีเพื่อปรับตามที่คุณต้องการ
4. White Space ทำให้การอ่านเป็นเรื่องง่าย
การใช้พื้นที่สีขาวที่จำเป็นในส่วนหัวทำให้ผู้เข้าชมอ่านได้ง่าย ซึ่งจะล่อให้พวกเขาดำน้ำลึก คุณต้องพยายามรักษาพื้นที่สีขาวในส่วนหัวให้มากที่สุด จับตาดูประเด็นเหล่านี้:
- รักษาช่องว่างที่จำเป็นระหว่างองค์ประกอบที่ช่วยให้โลโก้เปล่งประกายเพื่อกระตุ้นให้ผู้เยี่ยมชมลงชื่อเข้าใช้
- รักษาพื้นที่ให้เท่ากันโดยมีเส้นแบ่งเล็กๆ ระหว่างลิงก์ ซึ่งจะช่วยให้ผู้เยี่ยมชมให้ความสนใจเป็นรายบุคคล
- ให้พื้นที่เพียงพอในแถบค้นหาที่จะช่วยให้ผู้ใช้ค้นหารายการที่ต้องการโดยใช้พื้นที่กว้าง
- คุณสามารถสร้างพื้นหลังส่วนหัวเป็นสีดำทั้งหมด และใส่บล็อกสีขาวขนาดใหญ่ที่ส่วนท้ายซึ่งจะดึงดูดผู้เยี่ยมชมและอาจเป็น CTA
5. Sticky header ช่วยดึงดูดผู้เข้าชมได้เร็วขึ้น
หากคุณต้องการดึงดูดผู้เข้าชมให้เร็วขึ้น ให้เก็บส่วนหัวไว้สำหรับบทความกว้างๆ ของคุณ เว็บไซต์ที่มีหน้าเดียวยาวและฟีดยาวสามารถใช้ประโยชน์จากมันได้
ดังนั้น ผู้เข้าชมจึงสามารถเห็นส่วนหัวในระยะใกล้สายตาได้ตลอดจนถึงหน้าที่พวกเขาไป หากคุณต้องการให้มีผู้เข้าชมไซต์ของคุณมากขึ้น คุณสามารถปฏิบัติตามคำแนะนำเหล่านี้:
- เมื่อผู้เยี่ยมชมเริ่มเลื่อน ให้ย่อขนาดขึ้น
- สร้างความแตกต่างที่มองเห็นได้ระหว่างส่วนหัวและเนื้อหาเพื่อให้ผู้เยี่ยมชมสามารถระบุได้
- ใช้แอนิเมชั่นแต่ให้เล็ก
6. ส่วนหัวโปร่งใสเหมาะสำหรับการนำทาง
ให้ผู้เยี่ยมชมของคุณรู้สึกว่าการนำทางที่ง่าย สำหรับสิ่งนี้ ทำให้ส่วนหัวโปร่งใสโดยรักษาองค์ประกอบไว้เหมือนเดิม การออกแบบที่ซับซ้อนนี้จะทำให้ไซต์ของคุณเป็นที่ชื่นชอบของผู้เยี่ยมชม เมื่อส่วนหัวที่มีพื้นหลังไม่ว่างปรากฏขึ้นบนข้อความ ผู้เยี่ยมชมจะประสบปัญหาในการอ่าน
ตราบใดที่ส่วนหัวปรากฏบนข้อความ ข้อความนั้นจะไม่สามารถอ่านได้เมื่อเลื่อนดูบางส่วน ต่อไปนี้คือบางจุดในการแก้ปัญหา:
- ทำให้โลโก้เป็นสีขาวทางด้านซ้าย และวางไอคอนเมนูแฮมเบอร์เกอร์สีขาวทางด้านขวา
- ทำให้วิดีโอหรือภาพมีสีสันที่ตัดกันได้ดีกับสีขาวที่ด้านบนของทุกหน้า
- ทำให้ไซต์ของคุณมีน้ำหนักเบาโดยใช้ภาพที่จำเป็น และไม่กระทบต่อการมองเห็นส่วนหัวที่โปร่งใส
7. การออกแบบส่วนหัวที่กำหนดเองสำหรับมือถือช่วยให้มีส่วนร่วมมากขึ้น
อย่าคิดว่าผู้ใช้เดสก์ท็อปเป็นผู้เยี่ยมชมของคุณเท่านั้น แต่ให้นึกถึงผู้ใช้มือถือด้วย ตามคำแนะนำของ Google เว็บไซต์เวอร์ชันมือถือและเดสก์ท็อปมีเนื้อหาเหมือนกัน
ไม่สามารถโต้แย้งได้ แต่ส่วนหัวบนเดสก์ท็อปควรมีองค์ประกอบเหมือนกับองค์ประกอบบนอุปกรณ์เคลื่อนที่ ซึ่งหมายความว่าการออกแบบสำหรับมือถือควรแตกต่างออกไป คุณเพียงแค่ต้องทำให้การออกแบบส่วนหัวเหมาะกับอุปกรณ์พกพา
มาเปรียบเทียบความแตกต่างกัน:
- บนเดสก์ท็อป เมื่อเปิดลิงก์การนำทาง การนำทางย่อยจะแสดงเป็นแถวแนวนอนด้านล่าง
- บนมือถือ- การนำทางไม่พอดีกับส่วนหัวของไซต์บนมือถือ ดังนั้น ลิงก์การนำทางจะฝังอยู่ในไอคอนแฮมเบอร์เกอร์ เมื่อเปิดขึ้น จะแสดงส่วนหัวทั้งหมดในมุมมองแนวตั้ง ลิงก์ทั้งหมดจะแสดงในลักษณะเดียวกัน
คุณสามารถทำได้โดยใช้ตัวสร้างส่วนหัวที่กำหนดเองของ Elementor ในการดำเนินการนี้ ให้สลับโหมดตอบสนองของคุณเป็นมุมมองสมาร์ทโฟนและปรับแต่งองค์ประกอบตามที่คุณต้องการ
8. Visual Elements พูดมากกว่าข้อความ
คุณทราบดีว่ารูปภาพมีพลังมากกว่าข้อความ 100 เท่า คุณสามารถรับการเข้าชมเพิ่มขึ้นโดยการรวมองค์ประกอบภาพในส่วนหัว
การใช้ไอคอนสำหรับองค์ประกอบส่วนหัวของเว็บไซต์ เช่น ตะกร้าสินค้า แถบค้นหา ตัวสลับภาษา ตัวค้นหาตำแหน่ง และอื่นๆ อาจมีประโยชน์ เพียงจำไว้ว่าอย่าใช้ไอคอนที่ผิดปกติหรือมีความหมายที่ไม่ชัดเจน
พยายามเพิ่มรูปภาพที่ทำให้ส่วนหัวมีความสดใหม่อยู่เสมอและไม่ส่งผลต่อเวลาในการโหลด หลีกเลี่ยงการใส่วิดีโอในส่วนหัว เนื่องจากไม่เหมาะสำหรับวิดีโอ
9. แอนิเมชั่นไปยังการนำทางทำให้เนื้อหาเป็นมิตรกับผู้ใช้
แอนิเมชั่นที่เหนือชั้นไม่ได้ผลเสมอไป แต่ถ้าคุณใช้มันอย่างถูกวิธี คุณสามารถดึงดูดผู้เข้าชมได้ ตัวอย่างเช่น การใช้แอนิเมชั่นขนาดเล็กในการนำทางสามารถเพิ่มโฟกัสและการมีส่วนร่วมของผู้เยี่ยมชมได้
นี่คือตัวอย่างที่คุณสามารถใช้:
- ขณะที่ผู้เยี่ยมชมเลื่อนเมาส์ไปที่ลิงก์การนำทางหลัก ลิงก์ที่เหลือจะค่อยๆ หายไป เอฟเฟกต์แอนิเมชั่นนี้จะช่วยเน้นเนื้อหาที่มีอยู่เป็นหลัก
- ถัดไป เขาวางเมาส์เหนือลิงก์รองหรือลิงก์ระดับอุดมศึกษา สีของหน้าแตกต่างจากตัวเลือกที่เหลือ
ดูตัวอย่างอื่นนี้:
- คุณจะเห็นแอนิเมชั่นลอยตัวที่ราบรื่นเมื่อสไลด์การนำทางระดับที่สองเปิดขึ้น
- จากนั้น คุณจะใช้เอฟเฟกต์เฟดกับหน้าเว็บ ไม่ใช่กับการนำทาง
มาดูตัวอย่างกัน ที่นี่ใช้วิดเจ็ต Elementor:
- คุณสามารถใช้แอนิเมชั่นในการนำทางของคุณโดยใช้เทมเพลตที่พร้อมใช้งานใน Elementor
- คุณสามารถแทรกเมนูนำทางบนหน้าจากส่วนเสริม Elementor ส่วนเสริม Elementor มีประโยชน์อย่างมากที่นี่
- คุณยังสามารถใช้เอฟเฟกต์การเคลื่อนไหวที่จะทำให้เมนูการนำทางทั้งหมดเคลื่อนไหวได้ทันที ซึ่งจะทำให้หน้าที่เลือกนั้นมีชีวิตชีวา
10. การพิจารณาอัตราส่วนส่วนหัวต่อเนื้อหาจะกระตุ้นการเข้าชมมากขึ้น
หากคุณต้องการเพิ่มปริมาณการเข้าชม คุณต้องพิจารณาอัตราส่วนส่วนหัวต่อเนื้อหา มีปัจจัยบางอย่างที่ต้องพิจารณาเกี่ยวกับเรื่องนี้ การนำทางโดยทั่วไปมีสองโหมดคือ: แนวตั้งและแนวนอน
มาดูการนำทางแนวตั้งกัน:
- คุณสามารถเพิ่มลิงก์ได้มากเท่าที่ต้องการโดยไม่ทำให้ส่วนหัวมากเกินไป
- ปรับขนาดหน้าเว็บไซต์ของคุณโดยไม่ส่งผลต่อการออกแบบส่วนหัว
- ปรับแต่งและสแกนได้ง่ายขึ้นเมื่อผู้เยี่ยมชมมองลงมาที่แถบด้านซ้ายของเว็บไซต์
- ผู้ใช้คุ้นเคยกับการนำทางในแนวตั้งจากเวลาที่ใช้บนโซเชียลมีเดียและเว็บแอป
- คุณสามารถสัมผัสประสบการณ์ระหว่างเดสก์ท็อปและมือถือได้ด้วยการนำทางในแนวตั้ง
มีปัญหาด้านพื้นที่ที่คุณต้องคำนึงถึงในการนำทางแนวตั้ง
ทีนี้มาดูการนำทางในแนวนอนกัน:
- โดยทั่วไปแล้วส่วนหัวแนวนอนได้รับการออกแบบให้บาง โดยไม่คำนึงว่าช่วยให้ส่วนหัวที่เหนียวแน่นหดได้จำนวนมากสำหรับผู้มาเยี่ยม
- เมื่อมีคนคลิกที่ไอคอนเมนูแฮมเบอร์เกอร์ เขาจะมองเห็นการนำทางในแถบด้านข้างเท่านั้น
- หากคุณรักษาเมนูแถบด้านข้างให้กระชับเพียงพอ เช่น กว้าง 250 พิกเซล เทียบกับ 1200 พิกเซลบนไซต์ อาจส่งผลให้ผู้ใช้ได้รับประสบการณ์ที่ดี
โบนัส: รับเทมเพลตส่วนหัวสำเร็จรูปอันน่าทึ่งในไลบรารีเทมเพลต Element Pack Pro
ข่าวดีสำหรับคุณในการสร้างส่วนหัวที่สะดุดตา!
คุณจะยินดีที่ทราบว่ามีเทมเพลตส่วนหัวสำเร็จรูปจำนวนมากในไลบรารีเทมเพลต Element Pack Pro ที่คุณสามารถค้นหาการออกแบบมากมายสำหรับการสร้างส่วนหัวที่มีเสน่ห์ที่แตกต่างกัน คุณสามารถใช้เทมเพลตเหล่านี้ได้ตามต้องการเกี่ยวกับไซต์ของคุณ
ยังไม่หมดแค่นั้น คุณยังสามารถปรับแต่งเทมเพลตเหล่านี้สำหรับส่วนหัวของคุณได้อีกด้วย คุณสามารถปรับแต่งส่วนหัวของเทมเพลตเป็นส่วนหัวที่ติดหนึบเพื่อดึงดูดผู้เยี่ยมชม
คุณสามารถดูไลบรารีเทมเพลต Element Pack Pro เพื่อสร้างส่วนหัวที่น่าทึ่งซึ่งจะดึงดูดผู้เยี่ยมชมไซต์ของคุณมากขึ้น
เลือกส่วนหัว ขับเคลื่อนธุรกิจของคุณ
ในขณะที่คุณได้เรียนรู้เกี่ยวกับการสร้างส่วนหัวที่น่าทึ่งและข้อเท็จจริงบางอย่างเกี่ยวกับมัน ถึงเวลาแล้วที่คุณจะเลือกส่วนหัวอย่างชาญฉลาดและเหมาะสมกับคุณ มันจะช่วยให้คุณเพิ่มทัศนวิสัยและดึงดูดสายตาผู้เยี่ยมชมที่จะขับเคลื่อนธุรกิจของคุณไปสู่เป้าหมายด้วยความเร็วเทอร์โบ
คุณสามารถสร้างตำแหน่งที่แข็งแกร่งในตลาดออนไลน์และก้าวไปข้างหน้าโดยรักษาคู่แข่งของคุณไว้ข้างหลัง
หวังว่านี่จะช่วยคุณได้มาก ขอบคุณที่อ่านบทความนี้อย่างอดทน ขอให้เป็นวันที่ดี.