Cách cấu trúc nội dung của bạn để có một trang chủ tốt hơn

Có hai cách để trang web của bạn tạo ấn tượng tốt đầu tiên: một thiết kế được thực thi tốt và một cấu trúc chu đáo. Cấu trúc – về cơ bản, thứ tự trình bày nội dung trang web của bạn – có thể có tác động lớn đến việc giữ chân khách truy cập.

Nghĩ về cách bạn chọn một cuốn sách mới. Đầu tiên bạn nhìn vào trang bìa. Có bắt mắt không? Sau đó, bạn nhìn vào dòng giới thiệu. Cuốn sách có vẻ hấp dẫn? Nếu dòng giới thiệu cuốn hút bạn, bạn sẽ đọc phần tóm tắt ở mặt sau của cuốn sách. Cuối cùng, bạn mở sách và đi sâu vào câu chuyện. Bạn cũng có thể cấu trúc trang web của mình để bắt chước quá trình này, sử dụng một cái gì đó được gọi là Nguyên tắc hình nón.

2 biểu đồ này có thể giúp bạn hình thành cấu trúc trang web của mình.

Với Nguyên tắc hình nón, các trang của trang web được cấu trúc với hình ảnh có tác động cao và văn bản tối thiểu ở trên cùng. Các trang sau đó dần dần giới thiệu nhiều hơn và chi tiết hơn khi bạn cuộn xuống sâu hơn. Cách tiếp cận này cho phép khách truy cập nhanh chóng và dễ dàng quét trang chủ của bạn để tìm hiểu bạn là ai, bạn làm gì và cách họ có thể tương tác nhiều hơn với trang web của bạn.

Ghi chú: Nguyên tắc này có thể áp dụng cho các trang khác trên trang web của bạn, nhưng với mục đích của bài đăng này, chúng tôi đang tập trung vào cấu trúc trang chủ của bạn.

Tại sao Nguyên tắc Hình nón hoạt động?

Bên trái: Trang chủ này có quá nhiều thông tin trong điều hướng trên cùng và chân trang. Ảnh lộn xộn và rất khó để biết bạn nên chú ý đến đâu; Đúng: Trong ví dụ này, điều hướng và văn bản được đơn giản hóa, các bức ảnh được sắp xếp gọn gàng và dễ dàng biết được nội dung cần đọc trước tiên.

Theo một bài đăng từ Hubspot, 46,1% người nói rằng thiết kế của trang web là tiêu chí số một để đánh giá mức độ uy tín của một công ty và 40% người sẽ phản hồi tốt hơn với thông tin trực quan so với văn bản thuần túy. Nguyên tắc Hình nón hoạt động vì nó giúp giải quyết cả hai tiêu chí này. Nó buộc trang web của bạn nặng về hình ảnh trong khi vẫn cung cấp thông tin có giá trị để đưa ai đó đến trang web của bạn ngay từ đầu.

Các ví dụ trên cho thấy việc sử dụng Nguyên tắc hình nón có thể tác động đến tính chuyên nghiệp tổng thể của trang web của bạn như thế nào. Trang chủ bên trái là một ví dụ về những gì không phải làm. Quá nhiều văn bản, sắp xếp hình ảnh kém và điều hướng bận rộn khiến bạn khó theo dõi. Tuy nhiên, trang chủ bên phải hiển thị cách một vài thay đổi đơn giản có thể cải thiện cách tổ chức và trình bày của trang.

Cách cấu trúc trang web của bạn giống như một chuyên gia

Trang web của công ty kính mắt Warby Parker cung cấp một ví dụ tuyệt vời về “hình nón” đang hoạt động. Tôi sẽ chia nhỏ nó ở đây để cho thấy họ đã làm như thế nào.

1. Bắt đầu với một hình ảnh, tiêu đề và logo in đậm

Phần đầu trang web của bạn giống như một bìa sách. Chọn một ảnh đại diện cho doanh nghiệp của bạn và có ảnh này bao phủ toàn bộ chiều rộng của trang. Nếu bạn muốn bao gồm nhiều hình ảnh hoặc hình ảnh dọc, hãy chèn hình ảnh vào một cột và thêm văn bản hoặc hình ảnh khác vào bên cạnh để tránh không gian trống.

Ở đầu trang web của bạn, bao gồm biểu trưng của bạn và các tab quan trọng nhất trong thanh điều hướng của bạn. Tốt nhất là cắt bớt những thứ này để chúng hiển thị trên một dòng. Mục đích trên thanh điều hướng là hướng dẫn khách truy cập. Bạn càng cung cấp nhiều tùy chọn, họ càng khó biết phải đi đâu — khiến họ có nhiều khả năng từ bỏ và đi nơi khác.

Cuối cùng, thêm văn bản lên hình ảnh của bạn với một cụm từ ngắn gọn tóm tắt việc cung cấp chìa khóa kinh doanh của bạn hoặc liên kết đăng ký.

Warby Parker thực hiện hoàn hảo khái niệm này trên trang chủ của họ. Chúng có một biểu trưng rõ ràng, một số tab nhỏ trong điều hướng trên cùng, hình ảnh nổi bật và một lượng nhỏ văn bản.

2. Làm nổi bật sản phẩm, dịch vụ chính hoặc điểm ưa thích của trang web của bạn

Cấp độ tiếp theo của trang chủ của bạn giống như dòng giới thiệu của một cuốn sách. Đây là không gian của bạn để làm nổi bật những điểm mạnh chính của bạn và cho khách truy cập biết những gì bạn phải cung cấp. Ví dụ, Warby Parker giới thiệu sản phẩm chính của mình, kính thời trang. Họ chỉ cung cấp bốn lựa chọn — kính râm, kính râm, nam và nữ. Rõ ràng họ làm gì và bạn có thể đi đâu tiếp theo.

3. Cấp độ tiếp theo của trang chủ của bạn thu hút khách truy cập thực hiện hành động

Nó giống như bìa sau của một cuốn sách. Đây là điểm mà bạn thu hút khách truy cập — cho dù họ đang nghe nhạc của ban nhạc, đặt lịch hẹn, duyệt doanh số bán hàng của bạn hay đăng ký dịch vụ.

Hãy nhớ giữ cho nó đơn giản. Phần này là đoạn giới thiệu câu chuyện thực sự. Lưu các chi tiết cho trang mà bạn đang hướng khách truy cập đến.

Xem cách Warby Parker mời khách dùng thử sản phẩm của họ và bắt đầu duyệt lựa chọn kính của họ. Chúng cung cấp một hành động trực tiếp (“bắt đầu”) để người dùng chuyển sang bước tiếp theo.

4. Cung cấp bản tóm tắt về bất kỳ nội dung quan trọng nào khác trên trang web của bạn

Cấp độ cuối cùng của trang web của bạn cung cấp chi tiết hơn, cho dù đó là giá cả, thông tin liên hệ hoặc lời chứng thực của khách hàng. Nó cũng nằm phía trên footer, giống như mục lục của một cuốn sách.

Nếu bạn có nhiều dịch vụ hoặc sản phẩm chính, hãy chia phần này thành các cột để có giao diện năng động hơn. Nếu bạn tải lên nhiều hình ảnh, hãy đảm bảo rằng chúng có cùng kích thước. Điều tương tự cũng xảy ra đối với văn bản và các phần tử khác trong các cột.

Xem cách Warby Parker sử dụng phần dưới cùng này để cung cấp thêm thông tin chi tiết về công ty và các liên kết đến tất cả nội dung quan trọng.

Nguyên tắc Hình nón có phù hợp với trang web của bạn không?

Mục tiêu của trang web là thu hút khách truy cập dành thời gian đọc về bạn hoặc doanh nghiệp của bạn, tìm hiểu về các dịch vụ của bạn, tương tác với nội dung của bạn hoặc mua hàng. Một cách để biết liệu nó có thành công hay không là xem xét tỷ lệ thoát của bạn. Cái gì vậy? Theo thuật ngữ của giáo dân, nó có nghĩa là phần trăm khách truy cập đến trang web của bạn và rời đi mà không truy cập bất kỳ trang nào khác. Về cơ bản, họ đến trang web của bạn và rất nhanh chóng quyết định đi nơi khác. Bạn có thể theo dõi nó bằng Google Analytics.

Người dùng “thoát” vì nhiều lý do, nhưng nguyên nhân thường do các trang web được tổ chức kém hoặc quá phức tạp. Người dùng không thể ngay lập tức tìm thấy những gì họ đang tìm kiếm, vì vậy họ mất kiên nhẫn và đi nơi khác. Mọi người thường đưa ra quyết định này trong nháy mắt, đó là lý do tại sao một trang web được thiết kế và có cấu trúc tốt có thể giúp thu hút họ.

Bạn sử dụng những chiến lược nào khác khi tạo một trang chủ tốt hơn? Chia sẻ chúng với chúng tôi trong phần bình luận bên dưới!

Bài báo này ban đầu được viết cho Jimdo bởi Melissa Myers. Với giao diện đơn giản, trực quan, Jimdo cho phép mọi người tạo một trang web độc đáo với blog và cửa hàng trực tuyến.