<a href=”” title=”SEO优化”></a>
<img src=”” alt=”SEO优化”>
===================================
一提到搜索引擎优化，一般都是比较概括，比如优化目录结构啊、meta定义啊。本文也结合其他网上博文的内容、进行了一些总结
下面就来具体细化一下前端可以实现的搜索引擎优化方法
1、优化html标签
不要什么都用div，尽量合理的使用ul、ol、table等
2、meta描述
可定义关键词、网站描述等
< meta name=”keywords” content=”关键词1，关键词2″ />
< meta name=”description” content=”描述1，描述2″ />
3、前景图片<img />添加alt属性、这个比较重要，有很多适用场景
<img src=”” alt=”图片描述” />
适用场景：（1）当图片未成功显示时候，仍可以显示文本，用户也可以大致了解图片主题
（2）当图片成功显示的时候，鼠标以上图片，可显示图片描述
（3）可解决网速慢、src引用错误、浏览器禁用图像、用户使用屏幕阅读器等情况
4、前景图片<img /> 要定义大小、不然会造成页面重新渲染，影响加载速度
<img src=”” width=” ” height=”” />
5、可以适当的给链接标签a添加 rel=”nofollow” 属性(例如：当我们项目的某一个导航不需要蜘蛛跟踪链接)
<a href=”#” ref=”nofollow” >不需要跟踪的导航</a>
作用：（1）引导爬虫抓取一些有用的信息页面，提高爬虫的抓取效率
（2）防止一些不可信内容，防止页面指向一下垃圾站点和页面
6、内链采用绝对路径，减少服务器的响应时间
例如：<a href=”www.taobao.com”>淘宝网首页</a>
不要采用<a href=”/index.html”></a>
原文链接：https://www.cnblogs.com/vip-deng-vip/p/8430241.html
原创文章，作者：优速盾-小U，如若转载，请注明出处：https://www.cdnb.net/bbs/archives/22499
