Trang chủ website cần có gì? Checklist 12 phần cho shop nhỏ
Trang chủ website cần có gì? Checklist 12 phần từ hero đến chân trang, thứ tự theo câu khách tự hỏi, cách mỗi ngành nhấn khác nhau và lỗi hay gặp ở hero.
Tóm tắt nhanh
Trang chủ cần trả lời bảy câu khách tự hỏi theo thứ tự: tôi đang ở đâu, shop bán gì, có hợp với tôi không, vì sao nên tin, giá và giao hàng thế nào, còn băn khoăn gì, và tôi làm gì tiếp. Từ đó ra mười hai phần: thanh đầu trang, hero, thanh tin cậy, danh mục, sản phẩm chọn lọc, lý do chọn shop, bằng chứng thật, cách đặt hàng, nội dung hữu ích, câu hỏi thường gặp, lời kêu gọi cuối và chân trang.
Trang chủ website cần có gì?#
Trang chủ là cửa trước của shop. Khách vào từ Google, từ fanpage, từ link bạn gửi qua Zalo, và trong vài giây phải biết ba điều: đây là shop gì, có hợp với mình không, và bấm vào đâu tiếp. Nielsen Norman Group, nơi nghiên cứu trải nghiệm người dùng lâu năm, mô tả trang chủ như một lời giới thiệu ngắn: người xem cần thấy nhanh tổ chức làm gì và mình có thể làm gì ở đó.
Vì vậy một trang chủ tốt không phải trang nhiều thứ nhất, mà là trang sắp các phần theo đúng câu khách đang hỏi. Mười hai phần dưới đây là bộ đầy đủ cho một shop bán hàng. Không trang nào cần đủ cả mười hai, và phần nào bạn chưa có thật thì nên bỏ.
Bài này nói về trang chủ của website bán hàng nhiều sản phẩm. Nếu bạn làm một trang cho một chiến dịch quảng cáo, đó là câu chuyện khác, nằm trong bài landing page khác website thế nào.
Wireframe mười hai phần từ trên xuống#
1. Thanh đầu trang. Logo, menu, giỏ hàng, tìm kiếm. Nielsen Norman Group khuyên điều hướng chính đặt ở chỗ dễ thấy và đặt tên cụ thể. Menu tên "Sản phẩm", "Liên hệ" cụ thể hơn "Khám phá". Cách đặt tên menu có thêm trong bài cấu trúc website chuẩn SEO.
2. Hero. Khối đầu tiên, gồm một câu nói shop bán gì cho ai và một nút chính. Phần này quan trọng đến mức có mục riêng bên dưới.
3. Thanh tin cậy. Một dải ngắn: giao hàng bao lâu, đổi trả thế nào, thanh toán bằng gì. Khách hay lo ba chuyện này trước khi mua, nên đặt sớm.
4. Danh mục nổi bật. Cửa vào các nhóm sản phẩm. Dùng ảnh sản phẩm thật và tên nhóm khách gọi hằng ngày. Nielsen Norman Group khuyên cho thấy ví dụ cụ thể thay vì những nhóm chung chung.
5. Sản phẩm chọn lọc. Sáu đến tám sản phẩm bán chạy hoặc mới về, mỗi cái có ảnh, tên, giá. Con số này là thói quen thiết kế, không phải quy tắc.
6. Lý do chọn shop. Hai hoặc ba điểm khác biệt, nói cụ thể. "Chất lượng cao" ai cũng nói. "Mỗi mẫu may thử trên ba cỡ người trước khi bán" là câu chỉ shop đó nói được, và chỉ viết nếu đúng sự thật.
7. Bằng chứng thật. Đánh giá của khách, ảnh khách mặc hoặc dùng, cam kết đổi trả. Chỉ đưa vào những gì có thật. WebMượt hiện chưa đăng cảm nhận khách hàng trên website vì chưa có cảm nhận thật để đăng, và đó là lựa chọn đúng hơn việc viết hộ.
8. Cách đặt hàng. Ba bước, phí ship, thời gian giao, các hình thức thanh toán. Khách chưa mua bao giờ ở shop bạn cần thấy việc này đơn giản.
9. Nội dung hữu ích. Bài hướng dẫn chọn size, cách bảo quản, cách phối. Phần này vừa giúp khách quyết định, vừa là cửa vào từ Google.
10. Câu hỏi thường gặp. Gỡ nốt băn khoăn trước khi mua: đổi size, giao tỉnh, hóa đơn.
11. Lời kêu gọi cuối. Khách cuộn đến đây là đã quan tâm. Cho họ một lối đi rõ: nhắn Zalo, gọi, hoặc đặt hàng.
12. Chân trang. Liên hệ, chính sách, địa chỉ, giờ mở cửa. Thông tin thật và dễ tìm cũng là bằng chứng tin cậy.
Sắp các phần theo câu khách tự hỏi#
Thứ tự trong hình không ngẫu nhiên. Khách đọc trang chủ như trả lời bảy câu hỏi: tôi đang ở đâu, shop bán gì, có hợp với tôi không, vì sao nên tin, giá và ship thế nào, còn băn khoăn gì, tôi làm gì tiếp. Phần nào không trả lời câu nào thì cân nhắc bỏ. Câu nào chưa có phần trả lời thì trang đang thiếu.
Một ví dụ cụ thể. Giả sử bạn bán váy công sở. Khách vừa thấy "Váy công sở may theo dáng" (shop bán gì), cuộn xuống thấy các nhóm váy và vài mẫu mới về (có hợp không), rồi dải giao hàng và đổi size miễn phí (vì sao nên tin), rồi ba bước đặt hàng. Mỗi lần cuộn là một câu được trả lời, và đến nút cuối thì không còn gì phải đắn đo. Nếu thứ tự bị đảo, chẳng hạn bảng giá lên trước khi khách biết shop bán gì, họ sẽ thoát mà không hỏi lại.
Hero: phần đáng sửa trước#
Nếu bạn chỉ sửa được một phần, hãy sửa hero. Theo Nielsen Norman Group, nhiều website làm tệ việc nói mình cung cấp gì và khác đối thủ ở đâu. Hero rõ thường có ba thứ: một dòng nói shop bán gì, một nút chính với tên nói việc sẽ xảy ra, và một ảnh sản phẩm thật.
Ngược lại, hero mơ hồ hay có lời chào chung chung, nút "Xem thêm" không cho biết sẽ thấy gì, và ảnh nền đẹp nhưng không nói sản phẩm. Nielsen Norman Group cũng nói link chung như "Tìm hiểu thêm" không cho khách biết họ sẽ nhận gì, và khuyên tránh ảnh trang trí để ưu tiên hình cho thấy nội dung thật. Tên nút nên là việc khách sẽ làm, như "Xem váy mới" hoặc "Nhắn Zalo hỏi size".
Mỗi ngành nhấn một phần khác#
Mười hai phần là khung chung, còn phần nhấn thay đổi theo ngành. Shop thời trang cần hướng dẫn chọn size và chính sách đổi trả đặt dễ thấy. Spa cần dịch vụ, bảng giá và đặt lịch hẹn. Quán cafe cần thực đơn nổi bật, giờ mở cửa và bản đồ.
Cách nhanh nhất để thấy sự khác biệt là mở bố cục thật. Kho mẫu của WebMượt có 15 mẫu website theo ngành, bạn mở được trên điện thoại. Có thể bắt đầu với mẫu shop thời trang, mẫu mỹ phẩm và spa hoặc mẫu quán cafe. Nếu bạn muốn xem mỗi ngành cần những tính năng gì, trang thiết kế website theo ngành tóm lại nhu cầu từng loại hình.
Kiểm tra trang chủ của bạn trong năm phút#
Rà nhanh trang chủ
- Trong ba giây đầu, người lạ nói được shop bán gì.
- Hero có một nút chính, tên nút nói việc sẽ làm.
- Giao hàng, đổi trả, thanh toán nằm ở chỗ thấy được không cần cuộn nhiều.
- Danh mục và sản phẩm dùng ảnh thật, tên gọi khách quen dùng.
- Không có đánh giá, số liệu hay cam kết nào là bịa hoặc không kiểm chứng được.
- Thông tin liên hệ, địa chỉ, chính sách ở chân trang đều thật và còn đúng.
- Mở trên điện thoại: chữ đọc được, nút bấm được, không cuộn ngang.
Sửa xong thì đo gì?#
Sửa trang chủ xong, đừng đoán hiệu quả. Có hai nơi nhìn được. Thứ nhất, Search Console cho biết trang chủ đang hiển thị cho truy vấn nào và tỷ lệ nhấp ra sao, cách đọc có trong bài cách đọc báo cáo Hiệu suất trong Search Console. Thứ hai, công cụ đo hành vi như GA4 cho biết khách bấm nút nào, cuộn đến đâu, và đi tiếp sang trang nào. Hãy sửa một phần rồi chờ vài tuần trước khi sửa phần khác, để biết thay đổi nào có tác dụng. Cách tìm bậc khách dừng nhiều nhất trong phễu nằm ở bài cách tăng tỷ lệ chuyển đổi website.
Khi nào nên làm khác khung này?#
Khung mười hai phần hợp với shop có nhiều sản phẩm và nhiều loại khách. Nếu bạn chỉ bán một sản phẩm, hãy cân nhắc một trang tập trung hơn. Nếu bạn là dịch vụ cần đặt lịch, thứ tự nên đưa đặt lịch lên cao. Nếu phần lớn khách vào từ một bài viết hay một quảng cáo, đó là lúc trang đích riêng quan trọng hơn trang chủ.
Cũng cần nhớ nguyên tắc từ Nielsen Norman Group là phần lớn dựa trên nghiên cứu cũ, và một số chi tiết như cỡ màn hình đã lỗi thời. Những nguyên tắc nền như nói rõ mục đích, giữ điều hướng dễ thấy, đặt tên cụ thể vẫn đứng vững. Con số và chi tiết bố cục nên kiểm chứng bằng chính khách của bạn.
Trang chủ không phải nơi khoe mọi thứ shop có, mà là nơi cho khách thấy họ đang đến đúng chỗ.
Trước khi sửa trang chủ, hãy chắc rằng website có đủ những thứ nền tảng như bài website bán hàng cần những gì để chốt đơn liệt kê. Còn nếu cần bên làm giúp từ khung đến giao diện và giỏ hàng, dịch vụ thiết kế website bán hàng của WebMượt dựng trang chủ theo ngành của bạn và bàn giao trong ngày khi đủ nội dung.
Nguồn tham khảo: hướng dẫn về trang chủ của Nielsen Norman Group (nngroup.com), phần lớn từ nghiên cứu cũ nên một số chi tiết đã lỗi thời. Các ví dụ về câu chữ trong hình và bài chỉ để minh hoạ.
Câu hỏi thường gặp
Trang chủ nên có bao nhiêu phần?
Không có con số cố định. Mười hai phần trong bài là bộ đầy đủ cho shop bán hàng, nhưng không trang nào cần đủ. Hãy bỏ những phần bạn chưa có thật, thay vì làm cho đủ.
Phần nào quan trọng nhất ở trang chủ?
Hero, tức khối đầu tiên khách nhìn thấy. Theo hướng dẫn của Nielsen Norman Group, khách cần thấy nhanh tổ chức làm gì và họ có thể làm gì trên website. Hero rõ thì phần còn lại mới có người đọc.
Có cần slider ảnh chạy tự động không?
Không bắt buộc. Nielsen Norman Group khuyên tránh hoạt ảnh không cần thiết và ảnh chỉ để trang trí. Một ảnh sản phẩm thật kèm một nút chính thường rõ hơn nhiều ảnh luân phiên.
Chưa có đánh giá của khách thì làm sao?
Bỏ phần đánh giá. Đừng tự viết đánh giá hoặc lấy của nơi khác. Hãy dùng những bằng chứng thật bạn có, như chính sách đổi trả rõ ràng, địa chỉ cửa hàng, ảnh sản phẩm thật.
Trang chủ và landing page khác nhau thế nào?
Trang chủ phục vụ nhiều loại khách với nhiều mục đích và dẫn đi nhiều hướng. Landing page phục vụ một chiến dịch, một mục tiêu duy nhất. Sự khác biệt được so sánh trong bài landing page khác website thế nào.
