ทุกวันนี้ยังไม่เพียงพอที่จะดึงดูดผู้เข้าชมมายังไซต์ของคุณคุณยังต้องสร้างความประทับใจให้กับพวกเขาเมื่อพวกเขามาที่หน้าแรกของคุณ ท้ายที่สุดมีไซต์อื่น ๆ อีกหลายพันแห่งที่ให้บริการหรือเนื้อหาที่คล้ายกันกับคุณดังนั้นทำไมพวกเขาจึงควรเลือกคุณมากกว่าคนอื่น ๆ ?
เลส์« หน้า Splash เป็นทางออกที่ดีสำหรับปัญหานี้ พวกเขาสามารถทำหน้าที่เหมือนบัตรโทรศัพท์หรือแม้กระทั่งช่วยคุณเพิ่ม Conversion หากใช้อย่างถูกต้อง ในบทแนะนำนี้เราจะสำรวจแนวคิดของ " หน้าสาด ” หรือ “หน้าปก” ในการออกแบบเว็บสมัยใหม่ ต่อไป เราจะแสดงตัวอย่างหน้าปกต่างๆ และเสนอปลั๊กอินที่สามารถช่วยคุณรวมเนื้อหาดังกล่าวบนเว็บไซต์ของคุณได้ บล็อกของคุณ.
Splash Page คืออะไร?
ยังเรียกว่า " Flyleaf "หรือ" หน้าเริ่มต้น นี่คือส่วนของไซต์ของคุณที่ผู้เยี่ยมชมจะเห็นก่อนที่จะไปที่เนื้อหาหลัก โดยปกติแล้วพวกเขาจะมีเนื้อหาที่ตรงเป้าหมายโดยเฉพาะอย่างยิ่งกับปุ่มคำกระตุ้นการตัดสินใจ (CTA) และทำหน้าที่เป็นช่องทางไปยังเนื้อหาบนไซต์ของคุณ นี่คือตัวอย่างของโฮมเพจที่มีรูปลักษณ์ทันสมัย:
แม้ว่าการใช้หน้านี้จะลดลงบ้าง (ส่วนหนึ่งมาจากความกังวลเกี่ยวกับประสบการณ์ของผู้ใช้) พวกเขามีผลประโยชน์ที่ดีเช่น:
- การดึงดูดความสนใจของผู้เข้าชมข้อความหรือรายการเฉพาะ
- ช่วยให้คุณสามารถสื่อสารข้อมูลที่จำเป็นแก่ผู้เยี่ยมชมของคุณ
- ให้โอกาสในการเพิ่มการแปลงของคุณโดยนำเสนอพร้อมแจ้งการสมัครสมาชิกหรือที่คล้ายกัน
แม้ว่าความสำคัญของพวกเขาจะลดลง แต่แนวคิดของ Splash Page ได้พัฒนามาเพื่อรวมส่วนหัวแบบเต็มหน้าจอในปัจจุบันเนื่องจากสามารถให้ประโยชน์ในรูปแบบเดียวกับ "หน้าเริ่มต้น"
ดังกล่าวว่าหน้าเริ่มต้นดั้งเดิมยังคงใช้งานได้สำหรับบางแอปพลิเคชันเช่น:
- สำหรับการสร้างภาพโหมโรงที่สวยงามสำหรับไซต์ของคุณ
- การแสดงประกาศทางกฎหมายสำหรับเว็บไซต์ที่ต้องการมัน
- ทางเลือกของภาษาที่คุณชื่นชอบ
- แบ่งปันข่าวสำคัญกับผู้เข้าชม (แม้ว่าเราจะไม่สนับสนุนการปฏิบัตินี้จริง ๆ).
- สนับสนุนให้ผู้ใช้สมัครรับข้อมูล จดหมายข่าว.
ตอนนี้เราจะสำรวจตัวอย่างบางส่วนที่จะสร้างแรงบันดาลใจให้คุณ
สาดหน้าตัวอย่าง
สำหรับส่วนนี้เราจะเน้นไปที่หน้าเริ่มต้นที่มีการออกแบบที่ยอดเยี่ยมใช้งานง่ายเป็นพิเศษหรือรวมทั้งสองเกณฑ์เข้าด้วยกัน ดังที่ได้กล่าวไปแล้วหน้าเริ่มต้นจำนวนมากเป็นส่วนหัวแบบเต็มหน้าจอ
1 - CoLofts
http://colofts.ca/
เว็บไซต์ CoLofts มีส่วนหัวแบบเต็มหน้าจอที่มีพื้นหลังไม่ออกเสียงเน้นโลโก้ สำหรับทุกเจตนาและวัตถุประสงค์ส่วนหัวนี้ทำหน้าที่เป็นหน้าเริ่มต้น มันอยู่ที่นั่นด้วยเหตุผลด้านสุนทรียะล้วนๆและมีคุณลักษณะการนำทางเพียงอย่างเดียวที่ใช้ได้ขับไปด้านล่างเพื่อดูส่วนที่เหลือของหน้า
2 - ทำให้สมบูรณ์แบบ
ตัวอย่างต่อไปของเราคือ " ทำให้มันสมบูรณ์แบบ "ซึ่งเป็นของขวัญ" หน้าสาด »เทรนด์ย้อนยุค. มันมีแถบโหลดซึ่งหายากมากในเว็บไซต์สมัยใหม่ในปัจจุบันและด้วยเหตุผลที่ดี ความเร็วอินเทอร์เน็ตโดยเฉลี่ยเชื่อว่าจะเพิ่มขึ้นดังนั้นจึงมีตัวบ่งชี้การโหลดซึ่งอาจทำให้ผู้เยี่ยมชมไม่พอใจ ตามหลักการแล้วองค์ประกอบนี้ไม่จำเป็น แต่เป็นแถบโหลดที่ดึงดูดสายตา
3 - หน่วย Ape
โฮมเพจนี้นำเสนอการใช้งานและการออกแบบที่ผสมผสานกันอย่างลงตัว ในความเป็นจริงคุณสามารถพูดได้ว่าหน้าหลักทั้งหมดเป็นส่วนต่อเนื่องของ " หน้าสาด นำไปสู่กรณีศึกษาต่างๆ หากคุณเป็นมืออาชีพด้านการออกแบบสิ่งนี้จะเป็นแรงบันดาลใจที่ยอดเยี่ยมสำหรับคุณอย่างแน่นอน
อย่างไรก็ตามมันไม่ได้ไม่มีข้อเสีย หลายคนคงสบายใจขึ้นเมื่อใช้ระบบนำทางแบบเดิม ในความเห็นของเราการเพิ่มเมนูการนำทางสามารถปรับปรุงประสบการณ์ของผู้ใช้ได้
ปลั๊กอินบางสำหรับการเพิ่มหน้าสาดบน WordPress
วิธีที่ดีที่สุดคือการใช้ธีมที่มีฟังก์ชันนี้ อย่างไรก็ตามหากธีมของคุณไม่มีธีมคุณสามารถใช้หนึ่งในปลั๊กอินเหล่านี้:
1 - WP Splash Page
ปลั๊กอินนี้ช่วยให้คุณสามารถเพิ่มหน้าสแปลชที่ปรับแต่งได้ หลังอาจไม่มีอะไรเกี่ยวข้องกับชุดรูปแบบของคุณและนี่อาจเป็นหนึ่งในข้อบกพร่องของมัน เฉพาะการปรับแต่ง CSS เล็กน้อยคุณจะได้รับผลลัพธ์ที่ดี
2 - หน้าสแปลชง่ายมาก
WP Splash Page เป็นปลั๊กอินที่มีประโยชน์ หากคุณต้องการสร้างหน้า Splash บน your บล็อก WordPress. โดยเฉพาะอย่างยิ่ง ช่วยให้คุณสามารถแสดงรูปภาพในพื้นหลังและข้อความและปุ่มที่อยู่ตรงกลาง เป็นวิธีแก้ปัญหาที่ฉันพบว่าค่อนข้างสง่างามและฉันหวังว่าคุณจะชอบมัน
นั่นคือทั้งหมดที่สำหรับบทช่วยสอนนี้ฉันหวังว่ามันจะช่วยให้คุณเข้าใจหลักการของ หน้าสาด บน WordPress
