搜索引擎seo优化

<a href="" title="SEO优化"></a>

<img src="" alt="SEO优化">

===================================

为图片加上alt属性。

一提到搜索引擎优化，一般都是比较概括，比如优化目录结构啊、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>