Điều hướng ecommerce: Các phương pháp hay nhất và ví dụ

Điều hướng ecommerce tinh gọn là yếu tố thiết yếu giúp cửa hàng trực tuyến sinh lời.

Vì sao?

Vì người dùng có nhiều khả năng chuyển đổi hơn nếu tìm được sản phẩm và thông tin họ cần.

Nhưng nếu hệ thống điều hướng rối rắm và khó sử dụng, người dùng có thể rời đi hoặc chuyển sang website của đối thủ.

Hôm nay, chúng ta sẽ tìm hiểu các ví dụ và phương pháp hay nhất về điều hướng ecommerce để bạn dễ dàng thiết kế menu cho cửa hàng.

Tầm quan trọng của hệ thống điều hướng ecommerce thân thiện với người dùng

Điều hướng thân thiện với người dùng mang lại bốn lợi ích chính:

1. Trải nghiệm người dùng tốt hơn (UX)

Hệ thống điều hướng tinh gọn cải thiện trải nghiệm tổng thể trên website của bạn.

Mọi người thường có mục tiêu cụ thể khi truy cập website của bạn, chẳng hạn như tìm hiểu thêm về công ty hoặc mua sản phẩm. Hệ thống điều hướng được tổ chức tốt giúp họ đạt được những mục tiêu đó.

Nhưng nếu không thể hoàn thành mục tiêu, thoát trang (rời đi mà không truy cập các trang khác hoặc thực hiện hành động nào khác trên website của bạn). Trải nghiệm tiêu cực đó có thể khiến bạn mất khách hàng.

Theo Zendesk.

Cải thiện hệ thống điều hướng trên website sẽ khuyến khích người dùng tiếp tục nhấp xem các trang.

2. Conversion Rate cao hơn

Mỗi người mua sắm cần những thông tin khác nhau trước khi quyết định mua hàng. Một số người muốn đọc chính sách đổi trả, trong khi những người khác có thể muốn tìm sản phẩm cụ thể.

Hệ thống điều hướng hiệu quả giúp giảm trở ngại và hướng người mua đến quyết định mua hàng. Hệ thống rõ ràng đảm bảo khách truy cập có thể tìm thấy thông tin cần thiết để chuyển đổi.

Khi mọi người tìm thấy thứ mình cần, không chỉ Conversion Rate tăng mà tổng giá trị đơn hàng cũng tăng.

Các con số rất rõ ràng: theo Zendesk, 89% người mua sắm cho biết họ sẽ chi nhiều tiền hơn cho các giao dịch mua sắm ecommerce nếu tìm được thứ mình cần mà không phải liên hệ với bất kỳ ai.

Để cải thiện điều hướng ecommerce, hãy thường xuyên kiểm tra lỗi trên website. Các lỗi như trang hoặc liên kết bị hỏng khiến mọi người khó đến được nơi cần đến và tìm thấy thứ họ đang tìm kiếm.

Nhanh chóng phát hiện lỗi bằng một bản kiểm tra SEO. Để giám sát website liên tục, hãy chạy Semrush Site Audit bằng cách nhập tên miền website và nhấp vào "Start Audit."

Sau đó, định cấu hình Site Audit. Nếu gặp khó khăn, hãy làm theo hướng dẫn định cấu hình của chúng tôi để thực hiện từng bước.

Tiếp theo, Semrush sẽ kiểm tra website của bạn. Quá trình này có thể mất đến một ngày. để xem toàn bộ báo cáo.

Khi Site Audit hoàn tất quá trình kiểm tra, hãy cuộn xuống phần “Crawled Pages” (trong tab “Overview” tab). Nhấp vào con số bên cạnh “Broken.”

Phần này hiển thị các trang trên website của bạn gặp lỗi. Cùng với lỗi đó là HTTP status code (một con số gồm ba chữ số, chẳng hạn 404, cho biết vấn đề của trang).

Hãy kiểm tra và sửa các trang này để chúng không còn trả về lỗi. Ví dụ: bạn nên sửa các trang chuyển hướng có 404 Error sang một trang tương tự. Khi đó, website sẽ chuyển hướng người dùng nhấp vào liên kết ban đầu đến trang mới.

Tiếp theo, nhấp vào tab “Issues” rồi cuộn xuống cho đến khi thấy “# internal links are broken.”

Nhấp vào báo cáo để xem các liên kết bị hỏng (các liên kết dẫn đến một trang không tồn tại hoặc không thể tìm thấy).

Hãy khắc phục bằng cách thêm một liên kết còn hoạt động, xóa liên kết hoặc sửa trang bị lỗi mà liên kết đó dẫn đến.

Kiểm tra các liên kết bị hỏng và trang gặp lỗi giúp người dùng điều hướng website thuận tiện.

3. Cải thiện SEO

Khi website dễ điều hướng, bot của công cụ tìm kiếm có thể crawl website của bạn (phát hiện các trang), sau đó đưa những trang này vào kết quả tìm kiếm. Điều này có thể giúp website thu hút thêm traffic từ các công cụ tìm kiếm.

Tuy nhiên, trước tiên, bạn cần đảm bảo không có vấn đề nào ngăn công cụ tìm kiếm crawl website. Nếu không, công cụ tìm kiếm có thể không đưa website của bạn vào kết quả tìm kiếm.

Thực hiện kiểm tra SEO miễn phí để nhanh chóng phát hiện vấn đề về Crawlability, hoặc dùng Semrush Site Audit để phân tích chuyên sâu hơn.

Cách thực hiện như sau.

Trước tiên, hãy làm theo các bước trong phần trên. Sau đó, mở dự án Site Audit rồi vào tab “Overview” tab. Tìm “Crawlability” rồi nhấp vào “View details.”

Hãy chú ý đến báo cáo “Crawl Budget Waste”.

Báo cáo này cho biết những trang nào ảnh hưởng đến khả năng crawl website của bot công cụ tìm kiếm. Lý tưởng nhất là giảm lỗi lãng phí Crawl Budget xuống mức thấp nhất có thể.

Hãy xem danh sách và sửa các lỗi. Bạn có thể nhấp vào thanh màu cam để xem chi tiết từng vấn đề và lấy danh sách các trang bị ảnh hưởng.

Khắc phục những lỗi này giúp bot crawl và index website hiệu quả hơn. Nhờ đó, bạn sẽ có cơ hội xếp hạng cao hơn và nhận được nhiều lượt nhấp hơn từ kết quả tìm kiếm.

4. Tăng khả năng truy cập

Cấu trúc điều hướng rõ ràng giúp mọi người, bất kể khả năng của họ, đều có thể sử dụng website và mua sản phẩm của bạn.

Ví dụ:

• Liên kết có nhãn rõ ràng giúp người dùng trình đọc màn hình hiểu cấu trúc website dễ dàng hơn
• Cấu trúc điều hướng đơn giản giúp người có khác biệt về nhận thức dễ dàng tìm thấy các trang
• Điều hướng rõ ràng giúp những người gặp khó khăn khi di chuyển dùng nút “tab” để truy cập các liên kết cụ thể

Một số quốc gia còn yêu cầu pháp luật bạn phải cung cấp trải nghiệm dễ tiếp cận trên trang web.

Lưu ý

Chúng tôi khuyên bạn nên trao đổi với chuyên gia về khả năng tiếp cận tại khu vực của mình. Họ có thể cho bạn biết cần làm gì để đảm bảo trang web tuân thủ luật về khả năng tiếp cận tại nơi bạn hoạt động.

13 ví dụ về điều hướng ecommerce hiệu quả

Hãy cùng xem một số ví dụ về điều hướng ecommerce để gợi ý ý tưởng thiết kế cho cửa hàng của bạn.

Điều hướng bằng menu thả xuống

Bạn thường thấy menu thả xuống ở đầu trang web. Khi di chuột lên một liên kết, menu sẽ mở rộng và hiển thị thêm các liên kết.

Nhà bán lẻ sách Indigo có một số danh mục cấp cao trong menu thả xuống (bên dưới).

Mỗi danh mục sẽ mở rộng thành các danh mục con khác khi người dùng di chuột qua liên kết. Ví dụ: nếu bạn di chuột qua “Gifts,” một menu con sẽ xuất hiện. Menu này hiển thị các liên kết đến quà tặng theo mùa, mức giá và từng nhóm đối tượng khác nhau.

Ngoài ra, Office Depot cho biết menu sẽ “drop down” bằng các mũi tên.

Những mũi tên này giúp người dùng hiểu điều gì sẽ xảy ra khi họ di chuột lên một số từ nhất định. Chúng có thể hữu ích nếu một số thành phần điều hướng mở rộng thành menu thả xuống còn một số thì không.

Nhờ đó, người dùng sẽ biết liên kết nào mở menu thả xuống và liên kết nào thì không. Nếu không, họ có thể bối rối và nghĩ menu bị lỗi khi một số thành phần hiển thị menu thả xuống còn những thành phần khác thì không.

Điều hướng ngang

Điều hướng ngang gồm các liên kết được sắp xếp theo hàng ngang gần đầu trang web. Khác với điều hướng bằng menu thả xuống, sẽ không có gì xuất hiện khi người dùng di chuột lên một liên kết.

Điều hướng ngang phù hợp với các trang ecommerce nhỏ có ít trang cần liệt kê.

Dưới đây là một menu ngang đơn giản của công ty kính mắt Warby Parker.

Hệ thống điều hướng hai tầng dẫn người dùng đến các trang quan trọng như giỏ hàng, các danh mục sản phẩm khác nhau, kính râm và phụ kiện.

Còn Birchbox, công ty cung cấp hộp đăng ký định kỳ, sử dụng hệ thống điều hướng một tầng để liệt kê các trang danh mục.

Điều hướng thanh bên

Điều hướng thanh bên là lựa chọn lý tưởng nếu bạn có nhiều trang cần đưa vào hệ thống điều hướng.

Vì thanh điều hướng bên gọn gàng, chúng thường có nhiều chỗ hơn cho các liên kết cấp cao nhất so với menu ngang hoặc menu thả xuống.

Chuỗi bán lẻ Kohl’s bán hàng nghìn sản phẩm và cần tận dụng tối đa menu điều hướng để giúp mọi người tìm được sản phẩm phù hợp. Vì vậy, họ chọn menu thanh bên.

Menu thanh bên giúp họ bố trí nhiều danh mục sản phẩm, mỗi danh mục có thể mở rộng thành một menu lớn hơn.

Họ sử dụng biểu tượng hamburger kèm dòng chữ “Shop by Category.” Nhờ đó, người dùng biết cần nhấp vào đâu để tìm menu.

Petco cũng bán hàng nghìn sản phẩm. Họ sử dụng menu bên có thể cuộn để liệt kê các danh mục sản phẩm khác nhau mà người dùng có thể thấy hữu ích.

Dù không dùng văn bản để nhận diện menu, họ sử dụng biểu tượng hamburger.

Hầu hết người dùng đều quen thuộc với biểu tượng này và biết cần nhấp vào đó để mở menu.

Điều hướng menu chân trang

Điều hướng chân trang nên có các liên kết hữu ích không liên quan trực tiếp đến sản phẩm chính của bạn, nhưng có thể giúp khách truy cập di chuyển trên website và tìm thêm thông tin.

Các liên kết đến tài khoản mạng xã hội hoặc trang FAQ của bạn cũng rất hữu ích.

Những liên kết này thường cải thiện trải nghiệm người dùng, cung cấp thông tin cần thiết và tăng độ tin cậy.

Nhà bán lẻ thời trang Nordstrom có sáu cột liên kết giúp người dùng tìm thông tin liên hệ, tìm hiểu về công ty và truy cập thông tin tài khoản.

Menu chân trang của họ dùng các tiêu đề để nhóm những liên kết khác nhau, giúp người dùng tìm thấy nội dung cần thiết.

Điều hướng Breadcrumb

Điều hướng breadcrumb là một hệ thống điều hướng phụ cho người dùng biết họ đã đến một trang cụ thể bằng cách nào.

Ví dụ, công ty thời trang H&M hiển thị điều hướng breadcrumb ở đầu mỗi trang sản phẩm.

Nếu muốn xem thêm sản phẩm, người dùng có thể dùng điều hướng breadcrumb để quay lại các trang hoặc danh mục trước đó mà không cần bắt đầu lại. Cách này giúp việc di chuyển trên website trở nên dễ dàng và liền mạch.

Nhà bán lẻ Target cũng sử dụng điều hướng breadcrumb. Họ thêm mã sản phẩm vào trang cuối cùng.

Điều này có thể giúp người dùng quyết định có muốn tiếp tục tinh chỉnh tìm kiếm hay duyệt qua số lượng sản phẩm được liệt kê.

Faceted Navigation

Faceted Navigation là một hệ thống lọc giúp mọi người tùy chỉnh các trang sản phẩm.

Nhà bán lẻ thời trang J.Crew bổ sung Faceted Navigation ở bên cạnh các trang danh mục sản phẩm. Người dùng có thể chọn những tiêu chí như loại vải và kiểu dáng để lọc sản phẩm.

Còn công ty giày dép Aldo cũng sử dụng Faceted Navigation mà người dùng có thể nhấp vào để hiển thị:

Sau đó, người mua có thể lọc sản phẩm theo danh mục, kích cỡ, màu sắc, giá cả và tính năng để tìm sản phẩm mong muốn.

Nếu muốn có menu Faceted Navigation nhưng chưa biết nên dùng tiêu chí nào, hãy bắt đầu bằng cách xem các menu Faceted Navigation của đối thủ cạnh tranh. Ghi lại những tiêu chí họ sử dụng.

Sau đó, trao đổi với khách hàng để xem có tiêu chí nào khác cần thêm vào (hoặc bỏ đi) để họ có thể tìm kiếm sớm hơn không.

Điều hướng tìm kiếm

Điều hướng tìm kiếm kết hợp chức năng tìm kiếm với khả năng duyệt xem. Những tính năng này giúp người dùng nhanh chóng đến gần hơn với đúng trang họ muốn.

Hãy cùng xem ví dụ về điều hướng tìm kiếm này từ nhà bán lẻ Wayfair. Tính năng tìm kiếm dự đoán của Wayfair giúp người dùng tìm sản phẩm cụ thể ngay khi bắt đầu nhập.

Các cụm từ được đề xuất có thể giúp người dùng thu hẹp phạm vi tìm kiếm.

Còn nhà bán lẻ giày Browns thì thêm hình ảnh vào menu tìm kiếm.

Điều hướng tìm kiếm có hình ảnh có thể đơn giản hóa hành trình của người dùng và cải thiện trải nghiệm tìm kiếm tổng thể.

Các phương pháp hay nhất về điều hướng thương mại điện tử

Sau khi xem các ví dụ khác nhau, bạn gần như đã sẵn sàng thiết kế (hoặc cải tiến) hệ thống điều hướng của mình. Dưới đây là một số phương pháp hay nhất cần lưu ý.

Tạo cấu trúc hợp lý

Một cấu trúc website hợp lý (cách bạn sắp xếp và kết nối các trang web) giúp người dùng duyệt trang web mà không gặp trở ngại.

Bạn có thể tạo cấu trúc hợp lý bằng cách xác định cách mọi người hiện đang sử dụng trang web của mình.

Để làm việc này, hãy sử dụng công cụ phân tích như Google Analytics (GA4).

Của GA4 Path exploration cho bạn biết lộ trình người dùng đi qua để đến một số trang nhất định.

Sơ đồ luồng người dùng này xác định những lộ trình phổ biến trên trang web của bạn.

Vì đây là những lộ trình người dùng đã đi qua, hãy cân nhắc sử dụng báo cáo này để phác thảo hệ thống điều hướng.

Mẹo

Phân loại traffic theo từng loại thiết bị để xem mọi người điều hướng trang web của bạn như thế nào tùy theo thiết bị họ sử dụng. Sau đó, tạo các menu phù hợp cho từng loại thiết bị.

Đặt lối truy cập nổi bật đến các trang quan trọng

Đảm bảo người dùng dễ truy cập các trang quan trọng bằng cách dành vị trí nổi bật cho chúng trong menu điều hướng. Chẳng hạn, thêm chúng vào điều hướng cấp cao nhất (lớp điều hướng đầu tiên).

Bạn có thể xác định các trang quan trọng bằng cách xem lại dữ liệu phân tích. Những trang quan trọng thường là các trang nhận được nhiều traffic nhất.

Các trang quan trọng khác mà bạn có thể muốn làm nổi bật trong hệ thống điều hướng gồm:

1. Trang giỏ hàng hoặc thanh toán
2. Trang đăng nhập tài khoản
3. Thông tin về giao hàng, đổi trả hoặc ưu đãi sản phẩm

Duy trì tính nhất quán trong điều hướng

Duy trì tính nhất quán ở các yếu tố như vị trí và thiết kế. Điều hướng nhất quán giúp mọi người dễ dàng khám phá trang web, bất kể họ đang ở trang nào.

Ví dụ, menu thả xuống của hãng kem Ben & Jerry’s luôn nhất quán trên tất cả các trang.

Người dùng không phải tìm hiểu các menu khác nhau tùy theo trang họ truy cập. Nếu phải làm vậy, họ có thể cảm thấy bối rối và rời khỏi trang web.

Đảm bảo người dùng không gặp trở ngại

Bạn cần đảm bảo người dùng có thể điều hướng trang web mà không gặp phải các trang bị hỏng hoặc lỗi.

Sử dụng Site Audit của Semrush để tự động kiểm tra lỗi trên trang web.

Semrush gửi báo cáo hằng tuần hoặc hằng ngày, tùy theo cấu hình của bạn. Nhờ vậy, bạn sẽ biết khi có sự cố xảy ra (và có thể khắc phục ngay).

Sử dụng nhiều kiểu điều hướng

Bạn cũng có thể sử dụng nhiều kiểu điều hướng để giúp mọi người tìm thấy thông tin họ cần.

Ví dụ, công ty trang sức Tiffany & Co kết hợp điều hướng ngang với điều hướng dạng thả xuống.

Điều hướng ngang bao gồm các liên kết quan trọng không cần thêm ngữ cảnh (như trường hợp menu thả xuống).

Dù kết hợp các kiểu điều hướng như thế nào, bạn nên đảm bảo có ít nhất:

1. Điều hướng chính ở trên cùng
2. Điều hướng ở chân trang
3. Điều hướng breadcrumb cho các trang sản phẩm

Các kiểu điều hướng này thường là tiêu chuẩn. Người dùng cũng mong đợi thấy chúng trên những trang web họ truy cập.

Tối ưu điều hướng cho mobile

Bạn không cần lo mất doanh số khi menu hiển thị đẹp trên mọi loại thiết bị.

YouGov cho biết 45% người tiêu dùng sử dụng điện thoại để mua sắm mỗi ngày. Tùy chỉnh menu mobile giúp bạn giữ chân người dùng mobile trên trang web.

Để điều hướng thân thiện với mobile, hãy sắp xếp các mục trong menu một cách hợp lý. Các mục cũng cần dễ chạm và dễ đọc trên màn hình nhỏ.

Hãy xem Kohl’s menu trên máy tính để bàn của Kohl’s trông như thế nào so với menu trên mobile:

Cả hai menu đều có các mục giống nhau. Nhưng menu trên mobile có thể cuộn. Văn bản lớn và dễ nhấn.

Còn Nordstrom đưa nội dung từ menu chân trang vào menu mobile có thể cuộn:

Cả hai cách đều giúp người dùng trên thiết bị mobile truy cập được những trang giống như người dùng máy tính để bàn, mà không cần thao tác phức tạp.

Sẵn sàng cải thiện điều hướng trên trang web?

Cải thiện điều hướng cho trang ecommerce có thể giúp tăng doanh số, mang lại trải nghiệm tốt hơn cho người dùng và cải thiện SEO.

Các công cụ của Semrush giúp bạn phát hiện lỗi ảnh hưởng đến điều hướng. Nhờ vậy, bạn không cần phải băn khoăn liệu có điều gì đó đang hoạt động không đúng.

Bạn còn có thể dùng thử miễn phí ngay hôm nay.

Đăng ký để cải thiện điều hướng trên trang ecommerce của bạn.