👉 18 ตัวอย่างอันน่าทึ่งของเนื้อหาด้านบนที่พับเพื่อดึงดูดผู้เข้าชมของคุณ

การเชื่อมโยงภายในสำหรับ SEO

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

แต่รอ – สิ่งที่ heck เป็น "พับ" ในการออกแบบเว็บต่อไปและทำไมมันจึงสำคัญ?

หากเป็นสิ่งที่คุณคิดเมื่อได้ยินคำว่า "เหนือเนื้อหาพับ" คุณไม่ใช่คนเดียว

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

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

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

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

มาเริ่มกันเลย…

1. HubSpot

HubSpot มีส่วนเกี่ยวข้องกับการเติบโตและนั่นคือสิ่งที่แสดงไว้ด้านบนของพับ ภาพแสดงการเรียนรู้ (โน้ตบุ๊ก) และเทคโนโลยีขั้นสูง (หมวกนิรภัย)

พาดหัวคือการเล่นวลีทั่วไป "all systems go" แนะนำว่าผู้อ่านจะได้รับการปลอมแปลงไปข้างหน้าพร้อมกับการเติบโต แนวคิดดังกล่าวได้รับการสนับสนุนในหัวข้อย่อย จากนั้นมีข้อเสนอที่น่าสนใจเกี่ยวกับซอฟต์แวร์ฟรีบนปุ่ม CTA

2. Jeff Bullas

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

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

3. SnackNation

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

4. Missinglettr

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

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

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

5. OptimizeMyAirBnB

เพิ่มประสิทธิภาพ My AirBnB ใช้วิธีการที่น่าพอใจมากขึ้นในการออกแบบเว็บไซต์ครึ่งหน้าบน มีภาพใหญ่ของเจ้าของเว็บไซต์ที่ดูเหมือนจะมองตรงไปที่ผู้อ่านดังนั้นจึงดึงดูดความสนใจของพวกเขา

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

6. สถาบันการตลาดเนื้อหา

สถาบันการตลาดเนื้อหา (Content Marketing Institute – CMI) ใช้แนวทางที่แตกต่างกันเล็กน้อยกับเนื้อหาพับด้านบน ที่ด้านบนมีเมนูแสดงประเภทเนื้อหาทั้งหมดที่พวกเขาเสนอ

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

7. MonsterInsights

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

8. เดอะการ์เดียน

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

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

9. Guido's

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

เป็นปุ่มเมนูที่บอกว่า "รับอาหารเรียกน้ำย่อยฟรี" ปุ่มนี้เรียกใช้ Jared Ritchey MonsterLink ™ซึ่งมีร้านอาหารมากกว่า 1000 แห่งใน 4 เดือน

ต่อไปนี้เป็นวิธีการเพิ่มป๊อปอัปในเมนูเว็บไซต์ของคุณด้วย

10. OutreachPlus

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

11. วารสาร Search Engine

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

12. ConversionXL

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

13. วันคริสต์มาสแสดง Lite

Christmas Lite Show เปลี่ยน 30% ของผู้เข้าชมเพียงแค่เรียกใช้ Jared Ritchey MonsterLink ™ในเนื้อหาพับด้านบน ปุ่มเปิดตัวป๊อปอัพที่นับถอยหลังพร้อมกับข้อเสนอคูปอง คำสั่งผสมนี้แปลง 30% ของผู้เข้าชมและเพิ่มสมาชิกใหม่ 7,000 รายในรายชื่ออีเมลของ บริษัท

14. Problogger

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

15. เคนเนดี้บลู

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

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

16. ชายที่มีปากกา

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

17. Copyblogger

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

18. Bluehost

ในหน้าแรก Bluehost ใช้ภาพด้านขวาด้วยตาของคนมองไปทางข้อความทางด้านซ้าย นี่เป็นจิตวิทยาที่ฉลาดที่ชี้นำดวงตาของผู้อ่านให้มากเกินไป

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

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

ดูวิดีโอ: รู้จัก SEO ภายใน 5 นาที !!

Like this post? Please share to your friends:
ใส่ความเห็น

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: