---
title: 电子商务网站建设之面包屑导航
date: 2014-12-08T16:00:00Z
modified: 2024-07-04T08:51:13Z
permalink: "https://www.tmogroup.com.cn/insights/xhtml5-20975/"
type: post
status: publish
excerpt: ""
wpid: 100829
categories:
  - 常见问题
  - 电商开发
tags:
  - 常见问题
  - 电商开发
  - 电子商务网站建设
  - 网站建设
  - 网站开发
featured_image: "https://www.tmogroup.com.cn/wp-content/uploads/2024/07/网站建设如何使用留白-1.png"
timestamp: 2024-07-04T08:51:13Z
---

电子商务时代，传统企业都在向电商转型，作为跨入电商的前提，[电子商务网站的建设](https://www.tmogroup.com.cn/wp-content/uploads/wp-mfa-exports/page/home.md)是首先要做的事，之前的文章，小编已经写了一篇关于《[电子商务网站建设的必要性](https://www.tmogroup.com.cn/deve/19577)》，有兴趣的朋友可以去看看，关于电子商务网站建设，我们还需要注意一些问题，那就是很多人熟知的面包屑导航。

面包屑导航通常是用在许多电子商务网站。它能让用户点击本页链接的同时，让其能点击到上一级目录。面包屑导航这个名字的由来很有意思，它来源于一个童话，传说两个孩子在森林中迷了路，为了找到路，于是他们在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路。所以，面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。现在问题出来了。面包屑导航会出现在电子商务网站数以万计的着陆页面上。如何使它拥有更好的用户体验，提高用户的粘性。

## **1、避免类似的关键词**

每个类别应该对应一个关键字。竟然不要出现关键字太混乱。比如像淘宝这样的，就有一个清晰的导航。

从所有类别的女装，然后到羽绒服。都没有类似的类别。这使得用户很容易找到他们的返回。如果把“生活电器”当成“家庭电器”的子类来进行导航，我们就可能会混淆。

## **2、定量显示**

用户行使面包屑的目标首要有两种，一种是想要返回上级，第二种就是查察页面中展示产物的范例。在用户的现实操纵中，这两种需求的重要水平不分上下，可是大 大都电商网站都忽略了后者。着实，这方面的改进并不坚苦，只要在层级页面的分类中揭示出商品的数目，用户就能很清楚的看到所需商品的种类数目，便于用户挑 选。

优购时尚商城的面包屑导航就留意到了这方面的小细节。体系会按照用户对前提的筛选自动抓取商品种类的数目，让用户按照商品的现实环境举办选择。



## **3、方向标志**

虽然面包屑导航的一个网站是必要的，但它不应该是引人注目的。主要选择黑色或灰色的颜色，两个类别之间的符号可以是一个箭头。在我看来，亚马逊的面包屑导航标志是不明确的。“：”有时意味着包括。不如符号“>”。

## **4、减少干扰**

面包屑导航的设计应该始终遵循这样一个经验法则：它不应该抓住用户的注意力。一个称职的面包屑一定不能起到主宰页面的作用，低调的扮演着协助主导航的角色，让用户在购物时完全不受到它的干扰。

## **5、控制层次**

面包屑导航不仅影响用户体验，同时也要为SEO考虑。大多数页面的层级不超过四级。

苏宁有一个明确的面包屑导航。虽然它有许多种类的产品，它具有一个主导航。它可以帮助用户轻松地知道他们在哪里，他们可以单个或多个选择他们喜欢的类别或品牌。对于SEO来说，它也让蜘蛛能不在那么庞大的页面上迷失，让网站都搜索引擎友好。

**最后，从我的角度来看，面包屑导航是一个必要的模块。一方面，它可以提高用户体验。另一方面，它是有利于SEO并且可以转换成更多的访客的。除了面包屑导航，网站中的许多元素可以创新的方式表现出来。它总是用最简单的方式满足用户需要。更多电子商务网站建设方面的问题及服务，可以联系我们。[TMO探谋网络科技](https://www.tmogroup.com.cn/wp-content/uploads/wp-mfa-exports/page/home.md)微信：TMOGroup**