กฎ 12 ข้อสำหรับเนื้อหาโฮมเพจ Stellar ที่แปลง

เผยแพร่แล้ว: 2016-04-20

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

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

1. ตรวจสอบให้แน่ใจว่าคุณมีเป้าหมายที่ชัดเจนสำหรับผู้มาเยี่ยม

คุณต้องการให้ผู้เข้าชมของคุณทำอะไร? เป้าหมายของเว็บไซต์ของคุณควรคือการบังคับให้ผู้เยี่ยมชมเจาะลึกลงไปอีกและเลื่อนลงมาด้านล่าง – บริษัทของคุณมีหน้าตาเป็นอย่างไร? ลองดูวิสเทียเป็นตัวอย่าง เมื่อคุณมาถึงหน้าแรกของพวกเขา นี่คือสิ่งที่คุณจะเห็น: Screen_Shot_2016-04-18_at_10.36.04_AM.png เรียบง่ายและมีประสิทธิภาพ ในฐานะผู้เยี่ยมชมหน้านี้ คุณทราบดีว่าควรทำอย่างไร คลิก "เรียนรู้เพิ่มเติม" การออกแบบมีความเรียบง่ายและไม่มีอะไรที่จะหันเหความสนใจของผู้เข้าชมจากการขุดเข้าไปในเว็บไซต์ นี่เป็นกฎที่สำคัญที่สุด หากผู้เข้าชมไม่ทราบว่าต้องทำอะไรหลังจากเข้าสู่หน้าแรกของคุณ มีโอกาสค่อนข้างสูงที่พวกเขาจะเด้งไปยังรายชื่อถัดไปในการค้นหาโดย Google

2. บอกผู้เยี่ยมชมของคุณว่าคุณทำอะไร

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

3. หรืออธิบายปัญหาที่คุณแก้ไข

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

Screen_Shot_2016-04-18_at_11.00.54_AM.png 4. อย่าลืมโลโก้และการนำทางไซต์ของคุณ

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

นี้อาจดูเหมือนไม่มีเกมง่ายๆ แต่เมื่อเร็ว ๆ นี้ฉันพบตัวอย่างนี้: หากคุณ Google "Geek Squad" (หรือดูที่ไซต์ Best Buy) คุณจะเห็นโลโก้ใหม่ของพวกเขา แต่ไปที่พวกเขาโดยตรง และคุณ' จะยังคงเห็นตราสินค้าเก่า ไม่เพียงแต่จะทำให้เกิดความสับสน แต่ยังทำให้ผู้เข้าชมของคุณสงสัยว่ามีอะไรในเว็บไซต์ของคุณเป็นปัจจุบันหรือไม่ ซึ่งไม่ใช่วิธีที่ดีในการปลูกฝังความไว้วางใจอย่างแน่นอน

GeekSquad3-559608-edited.pngGeekSquad2.png

5. ตรวจสอบให้แน่ใจว่าคุณสะท้อนกับผู้ชมของคุณ

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

Screen_Shot_2016-04-18_at_11.31.00_AM.png มิ้นท์สร้างความประทับใจให้กับกลุ่มเป้าหมายได้เป็นอย่างดี หากคุณไม่ทราบ Mint เป็นแอปที่เชื่อมต่อกับบัญชีธนาคารและบัตรเครดิตของคุณเพื่อช่วยคุณติดตามการใช้จ่ายและปฏิบัติตามงบประมาณของคุณ วลี "ขอบฟ้านั้น" นั้นน่าดึงดูด แต่คลุมเครือเพียงพอที่ผู้มาเยี่ยมชมสามารถจินตนาการถึงความฝันของตนเองได้ และ "ลงทะเบียนฟรี" นั้นคำนึงถึงความจริงที่ว่าตลาดของพวกเขามีแนวโน้มที่จะใส่ใจเรื่องเงิน

6. ที่ถูกกล่าวว่าอย่าทิ้งหน้าแรกของคุณด้วยคำหลัก

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

Screen_Shot_2016-04-18_at_11.45.36_AM.png

Code Academy เป็นตัวอย่างที่ดี – เป็นผลลัพธ์แรกของ Google สำหรับคำหลัก "เรียนรู้การเขียนโค้ด" แต่มีเพียงครั้งเดียวในหน้าแรก พวกเขาเลือกคำหลักที่เกี่ยวข้องมากที่สุดและปรับให้เหมาะสมสำหรับคำหลักหนึ่งคำนั้น และมันก็ได้ผล!

7. ผสมผสานการออกแบบที่ยอดเยี่ยม

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

8. อย่าลืมรวมการออกแบบที่ตอบสนองด้วย

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

9. พูดถึงการออกแบบ ไม่ต้องกังวลเรื่องพับ

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

ครึ่งหน้าบน:

Screen_Shot_2016-04-18_at_1.33.45_PM.png

แต่ถ้าคุณยังขายได้ไม่มากนัก คุณอาจเลื่อนลงมาและค้นหาข้อมูลเพิ่มเติม:

ด้านล่างพับ:

Screen_Shot_2016-04-18_at_1.28.17_PM.png

ตอนนี้ ผู้เข้าชมสามารถอ่านข้อมูลเพิ่มเติมเกี่ยวกับผลิตภัณฑ์ได้เล็กน้อย และคุณมีโอกาสจับผู้เยี่ยมชมที่อาจตีกลับโดยไม่มีข้อมูลเพิ่มเติม

10. อย่าลืม CTA ของคุณ

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

Screen_Shot_2016-04-18_at_1.40.00_PM.png Sprout Social ทำงานได้ดีมากในการชี้นำสายตาของคุณไปยัง CTA หลักของพวกเขา มันสว่าง อยู่ตรงกลาง และภาพพื้นหลังใช้มุมเชิงกลยุทธ์เพื่อเปลี่ยนเส้นทางตากลับไปที่ตรงกลางของหน้าอย่างละเอียด Sprout Social ต้องการให้ผู้เยี่ยมชมลงทะเบียนเพื่อทดลองใช้งานฟรี และพวกเขาได้ชี้แจงอย่างชัดเจนด้วยการออกแบบของพวกเขา พวกเขามี CTA อื่นอยู่ที่มุม (ไม่จำเป็นต้องเป็น CTA เดียวกัน) แต่การเลือกสีที่ปิดเสียงและซ่อนไว้ จะไม่เบี่ยงเบนความสนใจจากโฟกัสหลัก ฉันคิดว่า HubSpot พูดได้ดีที่สุด - "CTA เปลี่ยนหน้าแรกของคุณให้กลายเป็นเครื่องมือการขายหรือการสร้างลูกค้าเป้าหมาย ไม่ใช่แค่ชุดโบรชัวร์"

11. รวมหลักฐานทางสังคม

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

Screen_Shot_2016-04-18_at_2.01.43_PM.png

ไม่มั่นใจ? เพียงโหลดหน้าซ้ำ:

Screen_Shot_2016-04-18_at_1.58.10_PM.png

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

12. รวมวิดีโอสั้น ๆ !

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

จำไว้ว่า คุณไม่จำเป็นต้องใช้วิดีโอในความหมายดั้งเดิม มีหลายล้านสิ่งที่คุณทำได้

คำกระตุ้นการตัดสินใจใหม่