Đây là một câu hỏi đã được tranh luận sôi nổi trong các văn phòng của Barn2 gần đây. Khách hàng cho một trong những dự án thiết kế trang web WordPress hiện tại của chúng tôi đã đưa ra một yêu cầu rõ ràng rằng nội dung chính nhất định phải xuất hiện trong màn hình đầu tiên. Giám đốc kỹ thuật của chúng tôi rất kiên quyết rằng 'trên màn hình đầu tiên' là một vấn đề lỗi thời trong thiết kế trang web WordPress và không còn được áp dụng. Và nhà thiết kế đồ họa của chúng tôi thất vọng về những hạn chế mà 'trên màn hình đầu tiên' đang đặt lên các yếu tố thiết kế của trang web. Vậy ai đúng?

Tất nhiên, theo nhiều cách tôi nên nói khách hàng là đúng - theo định nghĩa. Đủ công bằng, nhưng tôi cũng tin rằng một phần quan trọng của việc trở thành một nhà thiết kế trang web WordPress là sử dụng kiến ​​thức của chúng tôi về các vấn đề thiết kế trang web và WordPress để giúp họ tối đa hóa thành công của trang web. Ngay cả khi điều này có nghĩa là thách thức họ (theo cách xây dựng) đôi khi.

Trường hợp 'trên màn hình đầu tiên' trong thiết kế trang web WordPress
Nguồn gốc của "trên màn hình đầu tiên" đến từ ngành xuất bản báo chí. Báo thường được bán hoặc giao gấp một nửa, vì vậy điều quan trọng là phải đặt nội dung quan trọng nhất theo nghĩa đen trên màn hình.

Khái niệm này được chuyển sang các trang web nói chung và thiết kế trang web WordPress nói riêng. Trong trường hợp này, 'phía trên nếp gấp' chỉ phần của trang web mà bạn có thể nhìn thấy mà không cần phải cuộn xuống.

Số lần hiển thị đầu tiên được tính trong thiết kế trang web WordPress
Theo lời của Google :

Những gì thực sự là trên trên gấp nếp trên một trang web là một yếu tố quan trọng đối với tỷ lệ chuyển đổi. Nếu khách truy cập phải cuộn để xem nút Thêm vào giỏ hàng hoặc một số yếu tố quan trọng khác, họ có thể không bao giờ tiếp cận được với nó.
Khu vực phía trên nếp gấp là điều đầu tiên mọi người nhìn thấy khi truy cập một trang web. Điều quan trọng trong việc thu hút sự chú ý và truyền cảm hứng cho họ để cuộn xuống, nhấp vào lời kêu gọi hành động hoặc duyệt đến khu vực khác của trang web. Do đó tăng tỷ lệ chuyển đổi của bạn và giảm tỷ lệ thoát.

Thực sự rõ ràng - nếu nội dung trong màn hình đầu tiên không đủ để thu hút sự chú ý của mọi người, tại sao mọi người lại bận tâm với phần còn lại của trang web?

Điều này đã khiến một số người suy nghĩ rất kỹ về chính xác những gì sẽ xuất hiện trong màn hình đầu tiên và thiết kế trang web phù hợp.

Tác động SEO
Các công cụ tìm kiếm như Google chú trọng hơn vào các từ khóa ở đầu trang. Điều này luôn luôn đúng, nhưng thậm chí còn quan trọng hơn với việc cải thiện thuật toán bố cục trang vào tháng 1 năm 2012. Điều này phạt các trang web thiếu nội dung có liên quan trên màn hình đầu tiên, đặc biệt là những trang bị lộn xộn với quảng cáo ở đầu trang.

Nhưng có một khía cạnh khác của câu chuyện

Đối số 'nếp gấp là chết'
Thứ nhất, "nếp gấp" là gì?
Nó không rõ ràng như vẻ ngoài của nó. Các chuyên gia thiết kế trang web WordPress sẽ nói với bạn rằng không có thứ gọi là thiết kế web hiện đại. Các trình duyệt web hiện đại có nhiều hình dạng và kích cỡ khác nhau. Không có thứ gọi là 'trên màn hình đầu tiên' bởi vì không còn thứ gọi là trình duyệt web kích thước tiêu chuẩn nữa. Thiết kế trang web hiện đại là chất lỏng và bạn nên thiết kế cho tất cả các kết hợp có thể của các thiết bị và kích thước màn hình. Thiết kế trên màn hình đầu tiên là sai lệch và có thể khiến bạn mất tập trung vào mục đích cao hơn này - đó là thiết kế một trang web tuyệt vời bất kể thiết bị.

Nội dung quan trọng so với lộn xộn không hấp dẫn
Có thể đi quá xa với vấn đề 'gấp', với chi phí của các yếu tố khác. Một trang web có thể bị hủy hoại bằng cách cố gắng nhồi nhét mọi thứ vào khu vực phía trên nếp gấp. Thật hấp dẫn khi thêm một vài câu hoặc từ khóa bổ sung hoặc giảm lượng khoảng trắng, nhưng tất cả điều này có thể làm cho trang web trông lộn xộn. Nó sẽ gây nhầm lẫn cho khách truy cập và làm giảm sự chú ý của họ khỏi nội dung mà bạn đã cố gắng đặt lên trên màn hình đầu tiên - do đó làm tăng tỷ lệ thoát của bạn, bất chấp những nỗ lực tốt nhất của bạn. Cách tiếp cận "ít hơn là nhiều hơn" có thể hiệu quả hơn ở đây.

Mọi người đừng bận tâm cuộn xuống
Trong huyền thoại về nếp gấp trang , Joe Leech trích dẫn bằng chứng từ theo dõi bằng mắt và kiểm tra người dùng để cho rằng nếp gấp không phải là rào cản. Ông phát hiện ra rằng mọi người rất vui khi cuộn xuống, trừ khi có một số vấn đề rất cụ thể với thiết kế của trang web.

Những yếu tố ngăn chặn này bao gồm các đường ngang đậm ở dưới cùng của nếp gấp tạo ra ảo ảnh rằng không có gì bên dưới; và nội dung lộn xộn trên màn hình đầu tiên. Một trang web được thiết kế tốt sẽ khuyến khích thăm dò bất kể gấp.

Vậy câu trả lời là gì?
Các cuộc tranh luận nổi giận trên. Tôi sẽ ủng hộ một nền tảng trung gian.

Tôi đồng ý rằng nếp gấp không phải là tất cả. Ở mức tồi tệ nhất, đó là một sự xao lãng. Nhưng cá nhân, tôi nghĩ trại 'gấp là chết' đã bị mang đi một chút. Trong tất cả sự phấn khích về các kỹ thuật mới, chẳng hạn như thiết kế trang web đáp ứng - vốn có xu hướng tập trung hoàn toàn vào chiều rộng của trang web - nếp gấp thấp đã bị lãng quên. Thường với chi phí SEO và trải nghiệm người dùng.

"Nếp gấp" đơn giản là không còn hấp dẫn nữa - thừa nhận rằng bạn nghĩ về nếp gấp giống như thừa nhận bạn vẫn sử dụng khung! Thái độ này đang dẫn đầu mọi người bỏ qua những cách thức mà các lần là vẫn có liên quan.

Mọi thứ đang bắt đầu thay đổi, mặc dù. Ngay cả những người tiên phong trong thiết kế đáp ứng đang bắt đầu nói về khả năng đáp ứng theo chiều dọc và sự quan tâm đến nếp gấp đi kèm với nó.

Tôi nghĩ rằng nếp gấp có vấn đề - nhưng nó không phải là tất cả và cuối cùng. Khách truy cập trang web và các công cụ tìm kiếm đều bị thu hút bởi thiết kế trang web đặt nội dung chính trên màn hình đầu tiên. Chúng tôi chắc chắn nên ghi nhớ điều này như một yếu tố quan trọng trong thiết kế trang web WordPress. Điều này nên được cân bằng với các vấn đề khác - một phần của bức tranh lớn hơn nhiều.

Thực tế là kích thước màn hình khác nhau rất nhiều không phải là một đối số để bỏ qua nếp gấp. Sử dụng Công cụ phân tích kích thước trình duyệt của Google Analytics (hiển thị trong hình ở đầu trang) để kiểm tra xem trang web của bạn trông như thế nào trên các kích thước màn hình khác nhau. Sẽ không hại gì khi tối ưu hóa một trang web với đa số trong tâm trí - miễn là nó cũng hiệu quả với thiểu số.

Một số gợi ý thiết thực
Đừng để bị cuốn vào việc buộc tất cả các điểm bán hàng độc đáo của trang web của bạn trên màn hình đầu tiên. Thay vào đó, hãy xác định một số nội dung chính sẽ thu hút sự chú ý của khách truy cập và khuyến khích khám phá thêm.

Bao gồm một số hoặc tất cả những điều này sẽ đảm bảo có đủ trên màn hình để khiến mọi người muốn tìm hiểu thêm, trong khi vẫn cho phép nội dung trực quan như trình chiếu hoặc họa thông tin. Điều này sẽ có kết quả tốt hơn nhiều so với cố gắng nhồi nhét trong toàn bộ danh sách dấu đầu dòng hoặc đoạn văn bản.
https://bit.ly/2xqDRlG
Quan trọng nhất, bất kỳ nỗ lực nào để đặt nội dung cụ thể trên màn hình đầu tiên phải đi đôi với thiết kế trang web tốt. Nếu bạn đã đạt được những điều này, đừng hoảng sợ nếu mọi người phải cuộn xuống để tìm hiểu thêm.