做建站这行，我见过太多老板把导航栏搞得一塌糊涂。看着就头疼，真的。

很多客户一上来就问：手机网站导航栏如何做才好看？我说，好看有个屁用，好用才是王道。你想想，你在手机上刷网页，要是点一下菜单，结果弹出来一个遮罩层，还得再点一下才能关，你是不是想摔手机？我就是这么想的。

咱们干这行的，最恨那种花里胡哨却没法用的设计。今天我就掏心窝子说说，到底怎么搞才不坑人。

先说结论：手机屏幕就那么大，别塞太多东西。

我见过一个案例，某电商网站，导航栏里塞了20个分类。用户打开一看，密密麻麻全是字，手指头粗根本点不准。结果呢？跳出率高达80%。这钱不是白花了吗？

所以，手机网站导航栏如何做？第一步，做减法。

把你那些不重要的链接，全砍了。首页、关于我们、核心产品、联系方式，这就够了。剩下的，要么放到底部，要么做成二级菜单，但二级菜单也不能太深。超过三级，用户就迷路了。

第二步，选对样式。

现在主流的就两种：汉堡菜单和底部标签栏。

汉堡菜单，就是那个三道杠。优点是节省空间，缺点是用户得点两下才能看到内容。适合内容多、分类杂的网站。

底部标签栏，像微信那样，固定在屏幕最下面。优点是手指好够着，缺点是空间有限，最多放5-6个。适合功能简单、核心页面少的网站。

我一般建议，如果是内容型网站，用汉堡菜单；如果是工具型或电商型，用底部标签栏。别犹豫，选错了，用户直接跑路。

第三步，细节决定成败。

很多人忽略了这个。导航栏的高度，千万别低于44px。这是苹果推荐的触摸区域最小尺寸。你搞个30px高的按钮，用户点三次错两次，心态崩了。

还有，选中状态一定要明显。用户知道自己现在在哪，很重要。用颜色区分，或者加个下划线，简单粗暴最有效。

再说说SEO。

导航栏里的链接，是网站权重的传递通道。别用JS动态加载，别用图片代替文字。搜索引擎蜘蛛爬不到你的隐藏菜单，你的子页面就没权重。这点，很多新手容易犯浑。

我有个朋友，为了美观，把导航链接全做成了图片。结果百度蜘蛛爬不到内容，收录惨淡。后来改回文字链接，一个月流量翻了一倍。这就是教训。

最后，测试！测试！测试！

别只在你的电脑上看看。去真机上试。安卓、苹果、大屏、小屏，都试试。手指粗的用户，点得准不准？光线暗的时候，看得清不清？

我当年刚入行，没注意这些，被甲方骂得狗血淋头。现在，我每次交付项目，都要自己拿着手机，眯着眼，在地铁上晃悠着测试。这才是职业操守。

总结一下：

1. 砍掉多余链接，保留核心。

2. 根据网站类型选汉堡或底部导航。

3. 按钮够大，选中状态明显。

4. 用文字链接，别用图片，利于SEO。

5. 真机测试，别偷懒。

手机网站导航栏如何做？其实没那么多花样。就是站在用户的角度，让他们少点几下，多看两眼，少骂几句。

你要是还搞不定，那就找专业的人吧。别自己瞎琢磨，越琢磨越歪。

这行水很深，但也简单。真诚点，对用户好点，钱自然来了。

行了，我就说这么多。去改你的导航吧，别拖了。