大连网站图片导航：链接爬不到客户也点不准

导航栏做得很好看，鼠标移上去有动画，但打开源码会发现里面全是图片，文字链接一个没有。大连网站图片导航的问题在这里：客户点得准不准先不说，抓取方从首页出发时，读不到导航里的入口，只能靠正文里零散的链接往下走，站点的大半内容就成了走不到的地方。

图片导航是怎么做出来的

多数时候不是刻意为之，而是沿用了设计稿的效果：设计师给了一张带艺术字的导航图，前端直接切成图片用。另一种是早年模板的做法，用图片按钮加脚本跳转。高新区一带的软件外包企业，客户以海外与外地为主，官网是建立信任的主要途径，导航一出问题，客户连栏目结构都看不出。

判断导航是否可读的三个办法

• 查看源码：看导航区域里有没有带文字的链接，全是图片标签就是有问题
• 关闭图片：把浏览器图片关掉刷新页面，如果导航变成空白或一堆方块，说明完全依赖图片
• 看抓取记录：日志里如果只访问到首页与少数几个页面，可能就是导航不可读

改造方式

1. 把导航文字改回可读的文本，样式用样式表控制，不要再用图片承载文字
2. 需要保留视觉效果的，可以用样式做效果，文字仍然是文字
3. 下拉菜单里不要依赖鼠标悬停才展开，同时提供点击可展开的方式
4. 改完用源码确认一遍：导航区域应当出现与栏目对应的文字链接

某软件外包公司的导航整改记录

某软件外包公司的首页导航是一张切好的图片，另外三个下拉栏目靠脚本展开。整改后导航改为文本加样式实现，下拉菜单同时支持点击展开。调整后一个月，抓取记录里被访问的页面数量增加了一倍多，此前几乎没有访问的几个服务栏目开始进入索引，客户在站内的平均访问页数也上升了。

移动端导航要一起看

移动端的导航往往是折叠形式，点一下才展开。这种交互本身没问题，但要注意展开后的链接必须是文本链接，而不是图片。另外一个容易被忽略的点是：移动端导航展开前，抓取方能不能读到链接。稳妥做法是让链接存在于页面结构中，展开只是视觉上的显示与隐藏。

导航文字化的实现方式

把图片导航换成文字，不必牺牲视觉。现在的做法是用文字加样式实现同样的按钮外观：背景、圆角、悬停状态都可以用样式写出来，文字本身仍是可读的文本。改造时保留原来的版式设计，只把承载方式换掉，客户看不出差别，抓取方则能读到每一项的名称。大连的软件外包类站点重视觉规范，这种换法比重新设计一套导航更容易被接受。

下拉菜单怎么做才可读

下拉菜单的常见问题是只能悬停展开，鼠标之外的访问方式读不到里面的链接。改造方向有两个：一是让菜单在点击时也能展开，不只依赖悬停；二是把下拉里的主要栏目在页面其他位置也给一个入口，比如侧栏或页脚的相关栏目区。两者结合之后，即使某些访问方式无法触发悬停，站点的主要栏目仍然是可达的。

改造后的验证动作

• 查看页面返回内容里是否出现各栏目名称的文本，这是最直接的判断
• 模拟访问一个二级栏目页，确认能通过导航路径到达，而不是只能靠直接输入地址
• 用手机打开，确认导航在窄屏下可展开、可点击

三项都过，导航才算真的可用。只做第一项容易漏掉移动端的展开问题，而移动端客户往往占一半以上。

导航项数控制在多少

一级导航的项数影响到客户的判断效率。项数太少会让某一项承载过多内容，客户点进去还要再挑；项数太多则每一项的说明力度下降，客户需要在短时间内读完并做选择。常见的做法是把一级控制在合理范围内，把相对次要的类别放到二级或页脚的相关栏目区域。调整的判断依据是客户最常找的几类内容，让它们出现在一级导航里即可。

延伸阅读：网站建设基础、SEO优化方法、GEO优化方法、通信网络行业建站方案。本文讲的是大连网站图片导航这件事本身的判断与做法，页面结构、收录与内容组织可以对照上面几篇一起看。

常见问题

大连网站图片导航一定影响收录吗？

通常会影响抓取覆盖。导航不可读时，抓取方缺少从首页到达各栏目的路径，深层内容很难被发现。

保留视觉设计可以做吗？

可以。用样式实现同样的视觉效果，文字仍然是文本，两者并不矛盾。

下拉菜单要注意什么？

不要只依赖鼠标悬停。同时支持点击展开，触屏设备与抓取方都能正常访问。

改完多久能看到效果？

抓取覆盖通常在两到四周内改善，收录与访问变化会晚一些，大约一到两个月。

导航图片上还有 Logo，也要换成文字吗？

Logo 可以保留为图片，但要有对应的文字说明。栏目名称必须做成文字，因为它是站点结构的表达，不能被图片替代。

改造会不会影响原有的设计风格？

用样式还原文字按钮的效果，视觉上可以做到接近一致。建议改完对比一下前后截图，确认没有明显的观感落差。

小结

大连网站图片导航的问题不难解决，关键在于意识到它是问题。把导航文字改回可读的文本、用样式保留视觉效果、让下拉菜单支持点击展开，三件事做完，抓取方就能顺着导航走遍站点，客户也更容易找到需要的栏目。