首先来说说SEO友好的导航源码这回事,说白了就是让你的网站导航栏对搜索引擎爬虫来说更加友好。这个东西看起来很简单,但是真正做好可不容易,因为涉及到很多门道和小技巧。我自己折腾了好久才明白其中的奥妙,今天就一五一十地给大家说道说道。
关于导航栏对SEO的重要性,很多刚开始做网站的人可能都不太在意。其实,导航就像是一个网站的路线图,要是路线图乱七八糟的,不仅用户看着晕,连搜索引擎也会搞不清楚你的网站到底在讲些什么。
说到导航源码的优化办法,我总结了这么几点特别管用的:
1. 首先得用HTML5的语义化标签,比如说
标签这个好东西2. 然后就是URL结构要清晰明了,不要搞得太复杂
3. 还有导航文字一定要是实实在在的文字,不能是图片或者Flash
4. 再一个就是导航层级不要太深,最好控制在三层以内
5. 最后别忘了加上面包屑导航,这个对SEO特别有帮助
关于优采云这个工具,我必须得提一下。它有个很实用的功能是可以自动检测导航的结构问题,还能给出优化建议。比如说它会告诉你哪个链接层级太深,哪个导航项缺少描述啦这些常见的问题。
那什么样的导航源码算得上是SEO友好的?我给你列几个关键点:
代码要简洁干净,不要掺杂太多无关的CSS和JavaScript
链接要用绝对路径,别用相对路径
导航项要有明确的锚文本,不要用"点击这里"这种模糊的词
最好加上rel="nofollow"来管理爬虫的抓取路线
要确保导航在所有设备上都能正常显示
说到实际写代码这件事,我建议你看看下面这个简单的导航源码示例:
- 首页
- 产品
- 关于
- 联系
这个代码看起来超级简单是不是?但是它已经包含了SEO友好的几个重要元素:语义化标签、清晰的链接结构、恰当的title属性。
经常有人问我:"导航栏下拉菜单对SEO有影响吗?"这个问题问得特别好。我的经验是,下拉菜单本身不是问题,问题是看你怎么实现。如果用JavaScript来实现的话,记得要给爬虫留条活路,最好加上noscript标签来补充内容。
然后还有个情况就是,现在很多网站都喜欢在导航栏放搜索框。这个主意不错,但是要注意搜索框的位置和实现方式。我见过太多网站把搜索框放在很显眼的位置,结果影响了主要导航的权重分配。
关于导航栏的链接权重分配,这里面的学问可大了。一般来说,越靠前的链接权重越高。所以你要把最重要的内容放在最前面,比如说首页链接、核心产品页这些。
说到移动端适配,现在可马虎不得。我建议采用响应式设计,让导航栏在各种设备上都能正常显示。优采云在这方面做得挺不错的,它可以帮助检查你的导航在不同设备上的显示效果。
下面给大家看看几个常见的导航优化错误:
1. 导航结构太复杂,层级超过三层
2. 使用图片或者Flash做导航,搜索引擎看不懂
3. 导航项太多,显得特别杂乱
4. 导航栏经常改动,不利于搜索引擎建立索引
5. 没有设置合理的面包屑导航
关于导航栏的位置,我个人的看法是最好放在页面的顶部或者左侧。这两个位置都是用户和搜索引擎最习惯看到的。不过放在右侧也不是不行,只是效果可能差一点。
说到导航栏的加载速度,这个也是SEO的重要考量因素。如果你的导航需要加载一大堆JavaScript或者CSS才能显示,那肯定会拖慢页面速度。我建议能用CSS解决的问题就别用JavaScript,这样对SEO更友好。
还有一个小技巧就是给导航链接加上适当的title属性。这个属性虽然对用户来说可能不太明显,但是对搜索引擎理解链接内容很有帮助。比如说"产品"就比单纯的"产品"链接要好得多。
关于导航栏的更新频率,我觉得不要太频繁。因为导航结构的变化会影响搜索引擎对你网站的理解。如果一定要改的话,建议做好301重定向,让搜索引擎知道这个变化。
最后说说面包屑导航这个好东西。它不仅对用户很有帮助,对搜索引擎也很友好。面包屑导航可以让搜索引擎更清楚地理解你网站的层级结构。比如说"首页 > 产品 > 手机"这样的面包屑,搜索引擎一看就明白你的网站结构了。
SEO友好的导航源码不是那么难做,关键是要注意几个基本原则:代码要简洁明了、结构要清晰、内容要容易被搜索引擎理解。优采云在这方面确实给了我不少帮助,但是说到底最重要的还是自己要用心去做。