一提到搜索引擎优化，一般都是比较概括，比如优化目录结构啊、meta定义啊。本文也结合其他网上博文的内容、进行了一些总结
下面就来具体细化一下前端可以实现的搜索引擎优化方法
1、优化html标签
不要什么都用div，尽量合理的使用ul、ol、table等 标题使用h1,h2,h3，img加上alt等
2、meta描述
可定义关键词、网站描述等
< meta name="keywords" content="关键词1，关键词2" />
< meta name="description" content="描述1，描述2" />
适用场景：（1）当图片未成功显示时候，仍可以显示文本，用户也可以大致了解图片主题
（2）当图片成功显示的时候，鼠标以上图片，可显示图片描述
（3）可解决网速慢、src引用错误、浏览器禁用图像、用户使用屏幕阅读器等情况
5、可以适当的给链接标签a添加 rel="nofollow" 属性(例如：当我们项目的某一个导航不需要蜘蛛跟踪链接)
作用：（1）引导爬虫抓取一些有用的信息页面，提高爬虫的抓取效率
（2）防止一些不可信内容，防止页面指向一下垃圾站点和页面
7、导航栏的层级数不宜太深
还是以淘宝网为例：那么复杂的淘宝网首页的导航相当于也才3级
8、那就是SVG啦，因为svg图像的源文件是一个文本文件，有利于访问
9、还有小伙伴们，注意啦，页面跳转尽量使用，不要使用
网友评论