Để Thiết kế Danh mục Điều hướng Tiện lợi cho Điện thoại di động cho các trang web SEO - núm vú

Điều hướng thân thiện với thiết bị di động của bạn có thể có nhiều hình dạng như một phần của chiến lược SEO của bạn. Tùy chọn tốt nhất cho bạn tùy thuộc vào mức độ phức tạp của điều hướng, mục tiêu chuyển đổi và sở thích của người dùng.

Hãy nhớ rằng điều hướng trang web của bạn cần để giúp khách truy cập - và tìm kiếm nhện - điều hướng qua trang web của bạn. Vì vậy, điều hướng di động của bạn cần trực quan, chức năng, thu thập thông tin và tối ưu hóa để chạm.

Giữ những ý tưởng tốt nhất khi thiết kế điều hướng thân thiện với điện thoại di động của bạn:

• Giữ nó đơn giản, yêu thương. Giữ điều hướng hàng đầu càng đơn giản càng tốt, đặc biệt nếu bạn muốn điều hướng hiển thị trên đầu trang di động của bạn. Hãy nhớ rằng bạn đang thiết kế cho một kích thước màn hình nhỏ. (IPhone 6 rộng 750 pixel ở chế độ chân dung, trong khi máy tính xách tay 13 inch có chiều rộng 1, 280 pixel).

  Điểm của trang di động cho phép khách truy cập của bạn dễ dàng duyệt qua trang web của bạn bằng thiết bị di động. Điều hướng của bạn nên cung cấp cho họ các liên kết đến các trang và trang loại chính của bạn để cải thiện khả năng sử dụng (chẳng hạn như tùy chọn "Gọi ngay bây giờ" và liên kết đến giỏ hàng của bạn).

  Bạn không phải liên kết đến mọi trang trong trang web của bạn ở đây. Trên thực tế, quá nhiều lựa chọn có thể dẫn đến tê liệt quyết định và nhầm lẫn, tạo ra trải nghiệm người dùng kém.

  Bao gồm bốn đến tám mục trong trình đơn trên cùng của bạn thường là một nguyên tắc nhỏ. Xem ví dụ về trình đơn hàng đầu của Bruce Clay, Inc.

  

  Bruce Clay, Inc. đơn giản hóa việc điều hướng máy tính để bàn (trên cùng) một cách đáng kể để cải thiện trải nghiệm người dùng di động. Để giúp người dùng hoàn thành nhiệm vụ, điều hướng trang web di động (dưới cùng) cũng bao gồm nút nhấp để gọi.

• Liệt kê các trang quan trọng nhất của bạn trước. Đây thường là những hành động chuyển đổi của bạn, chẳng hạn như "tìm cửa hàng," "cửa hàng", "đăng ký" và "sản phẩm. "Nếu trang web của bạn có nhiều nội dung hơn định hướng bán hàng, hãy liệt kê danh mục quan trọng nhất của bạn trước.

  

  GameStop đơn giản hóa việc điều hướng máy tính để bàn (trên cùng) bằng cách chỉ bao gồm các cuộc gọi hành động do người dùng và chuyển đổi tập trung vào trang chủ di động của nó (dưới cùng).

• Xem xét mất nút Trang chủ. Để tiết kiệm không gian, bạn có thể bỏ nút Home trong menu của bạn và thay vì có biểu tượng trên cùng của trang điều hướng đến trang chủ khi gõ.

• Thiết kế để chạm và cho đủ không gian cho một ngón tay. Vì cả người dùng máy tính bảng và điện thoại thông minh đang điều hướng trang web trên điện thoại di động của bạn bằng màn hình cảm ứng, điều quan trọng là phải đảm bảo rằng độ nhạy cảm của các nút điều hướng của bạn đủ lớn để sử dụng.Ngón tay trung bình yêu cầu không gian ít nhất 44 pixel lớn, từ trái sang phải và lên xuống.

• Làm cho trình đơn của bạn trực quan. Khách truy cập của bạn nên biết chính xác nơi mỗi món ăn của bạn sẽ đưa họ đến.

• Giảm thiểu chuyển hướng nhiều cấp. Giữ nó đơn giản, nhưng nếu điều hướng của bạn đơn giản phải có mức thả xuống, không bao giờ thêm nhiều hơn hai lớp chức năng thả xuống.

• Đảm bảo rằng các menu thả xuống được kích hoạt bằng cách chạm. Mặc dù kích hoạt chuột di chuột hoạt động trong trải nghiệm máy tính để bàn, nhưng người dùng của bạn vẫn bị kẹt trong trải nghiệm di động.

• Sử dụng chỉ thị trực quan. Nếu bạn sử dụng menu ngoài màn hình, sử dụng chỉ báo trình đơn ba dòng để người truy cập của bạn có thể truy cập trình đơn của bạn.

  Nếu bạn có một chuyển hướng nhiều cấp, hãy sử dụng biểu tượng trực quan, chẳng hạn như một dấu cộng (+) để cho biết mục trình đơn có các tuỳ chọn thả xuống khác. Cũng nên xem xét sử dụng một biểu tượng để phân biệt các nút điều hướng đến trang mới từ các nút hiển thị nhiều tùy chọn thả xuống hơn. REI sử dụng một mũi tên chỉ vào bên phải (>) để cho biết khi một mục điều hướng đưa bạn đến một trang mới.

  

  REI sử dụng các chỉ mục trực quan để hướng dẫn người sử dụng thông qua việc điều hướng đa hướng của nó.

• Thêm phản hồi cảm ứng. Khi người dùng nhấn vào một mục trong điều hướng của bạn, cần phải có điều gì đó để đảm bảo với người dùng rằng họ đã khai thác đúng chỗ. Phản hồi này có thể là sự thay đổi màu sắc, nháy mắt hoặc thay đổi phông chữ. Địa phương, được người sử dụng khai thác, được đánh dấu bằng màu xanh.

  

  Công cụ Tìm kiếm Đất đai sử dụng phản hồi cảm ứng thay đổi màu sắc để cho phép người dùng biết được nơi họ đã khai thác trong điều hướng.

• Tránh trượt ngang. Nhìn chung, các công cụ tìm kiếm không thích quá trình di chuyển trái sang phải và không phải là người dùng. Nếu trình đơn của bạn quá dài để phù hợp với các thông số của màn hình từ trái sang phải, hãy xem xét điều hướng dọc.