一提到搜索引擎优化,一般都是比较概括,比如优化目录结构啊、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、还有小伙伴们,注意啦,页面跳转尽量使用,不要使用