What you put in the top of your front page has a huge impact on the success or failure of your website. Put the wrong thing in, and you’ll probably see your visitors quickly navigating away from your site. Put the right content there and you may see your sales go up.
This article isn’t an all-in-one guide for creating above the fold content, nor is about an all-encompassing rule on what you should put in. Rather, I will give you a few tips, recommendations and a little bit of helpful research about this topic.
Trước khi đi sâu vào chi tiết, bạn nên biết phần trên cùng của trang chủ được gọi là gì trước đã. Có một cái tên hay hơn là phần-trên-cùng-của-trang-web.
“Above the Fold”
Nó được gọi là Above the Fold. Tại sao? Bởi vì vào thời kỳ đầu khi con người có những thứ gọi là báo in, chúng thường được gập đôi lại để chỉ phần trên cùng hiển thị ngay lập tức. Phần trên cùng đó hay phần “above the fold” chứa (các) tiêu đề quan trọng nhất trong ngày, sau đó khi bạn mở tờ báo ra, bạn sẽ thấy phần còn lại của các tiêu đề ít quan trọng hơn. Tương tự như vậy trên các trang web, phần trên cùng của trang web là điều đầu tiên mọi người nhìn thấy, sau đó khi bạn cuộn xuống, bạn sẽ thấy phần còn lại của trang web, tương tự như việc mở một tờ báo ra.
Tiếp tục với ví dụ về tờ báo, giả sử bạn đang đi dạo trên phố và thấy một người bán báo. Khi bạn nhìn thấy tờ báo và nếu tiêu đề hấp dẫn, bạn có thể sẽ mua tờ báo đó để đọc phần còn lại. Điều này về cơ bản cũng giống với các trang web, nếu khách truy cập ghé qua trang web của bạn và thấy nội dung phần above the fold thú vị, họ có thể sẽ bị thu hút và cuộn xuống hoặc xem phần còn lại của trang web để biết thêm.
Nghiên cứu của Nielsen
Earlier I said that your above the fold content may make or break your site. Nielsen Normal Group has written a few research articles about this across the years. I’ll quote the summary of their article The Fold Manifesto: Why the Page Fold Still Matters
The average difference in how users treat info above vs. below the fold is 84%.
If you just got confused about the wording of the quote, I did too at the start. Let me clarify: That study doesn’t mean that 84% of people do not scroll down, on the other hand I’ve seen other research say that most people do scroll down to the bottom of the page. It also doesn’t mean that the lower part isn’t important. Instead it means that the behavior of your visitors in your site is largely impacted by your content above the fold.
Điều này hoàn toàn hợp lý vì khu vực trên cùng của một trang web là thứ đầu tiên bạn nhìn thấy.
Vậy khi đã biết nội dung above the fold trên trang chủ quan trọng như thế nào, bạn nên đặt những gì ở phần trên cùng của trang web?
Đi thẳng vào vấn đề
Hãy nêu ngay trang web của bạn nói về điều gì. Trang chủ và khu vực above the fold là huyết mạch của toàn bộ trang web của bạn. Nếu khách truy cập cảm thấy bối rối, họ sẽ nhanh chóng rời đi và đóng tab lại. Nếu bạn là một tác giả sách mới, hãy viết rằng bạn là tác giả và giới thiệu cuốn sách mới nhất của mình. Nếu bạn là một nhà tổ chức đám cưới, hãy viết rằng bạn là nhà tổ chức đám cưới sẽ mang đến cho khách hàng một đám cưới đáng nhớ nhất mà họ từng có. Hoặc nếu bạn đang tạo một trang web cho khách sạn nhỏ của mình, hãy viết rằng bạn là nơi nghỉ dưỡng kèm bữa sáng tuyệt vời nhất trong thị trấn. (Tôi sẽ sử dụng những ví dụ này nhiều hơn ở bên dưới.)
Khách truy cập không cần phải đoán xem trang web nói về điều gì. Họ cần hiểu ngay lập tức, chỉ khi đó họ mới cuộn xuống để xem thêm chi tiết.
Chủ động thu hút khách truy cập của bạn
Tiếp theo, bạn phải nghĩ về mục đích thực sự của trang web. Lý do ban đầu bạn lập trang web này là gì? Bất kể lý do là gì, bạn cũng phải đặt điều đó ở phần above the fold.
Hãy lấy một vài ví dụ tôi đã đề cập ở trên. Đối với một tác giả sách mới, có thể bạn sẽ muốn được biết đến nhiều hơn. Nếu bạn có một cuốn sách điện tử miễn phí, bạn có thể đặt một nút để khách truy cập tải xuống. Đối với người tổ chức tiệc cưới, bạn sẽ muốn mọi người liên hệ với mình về các dịch vụ, hãy đặt số điện thoại hoặc biểu mẫu liên hệ. Hoặc đối với khách sạn nhỏ, hãy đặt biểu mẫu đặt phòng cùng với số điện thoại của bạn.
Đối với Page Builder Sandwich, tôi muốn mọi người biết đến plugin nhiều hơn và cuối cùng trở thành khách hàng. Vì vậy, tôi có một nút ở đó cho phép khách truy cập dùng thử bản demo ngay lập tức và một nút khác để mua plugin.
Thiết kế phần above the fold
Bây giờ khi chúng ta đã biết nên đặt những gì, đã đến lúc quyết định về mặt thiết kế. Cá nhân tôi thích nội dung được phân chia rõ ràng, sạch sẽ, đó là lý do tại sao trang chủ của chúng tôi có phông nền đơn sắc. Nhưng việc đi kèm nội dung above the fold với hình ảnh hoặc video để làm cho nó sống động hơn cũng là một ý tưởng hay.
Here’re a few examples of what you can do about your front page.
Add a background image. A large background image behind your large statement is a great eye-catcher and can further encourage visitor engagement. For new book author, maybe adding a background image illustrating the setting of his free ebook would entice people more.
Add an introduction video. Admit it, people can be lazy, especially when it comes to reading. So if your site is a bit complicated, it might be a good idea to add a short video that introduces your site/product quickly. For the wedding organizer, then this can be a video of their latest wedding. Or for our site for example, we can add in a quick intro about the features of our plugin.
Add a video background. This is a bit of a trend nowadays, but I find it appealing at times. If this suits your taste, then this might be a good idea.. I know PayPal had a video background before in their site. For the small hotel, you can put in a stationary video of a scenic area of your hotel as the backdrop.
Kết luận
Tạo nội dung above the fold cho trang chủ của bạn không khó, nhưng cần phải suy nghĩ và thử nghiệm để làm đúng. Nếu bạn đã có một trang web và đã ổn định với nó, nhưng lại có tỷ lệ thoát cao trong Google Analytics, thì tôi khuyến khích bạn nên thử suy nghĩ lại về nội dung above the fold của mình với các mẹo ở trên.
If you have tips on creating above the fold content, kindly share them in the comments!
Page Builder Sandwich can Help You Design Your Front Page & Above The Fold Content
Page Builder Sandwich is a WordPress plugin that allows you to create any design you want without writing any piece of code.