前端SEO优化的一些解决方案

2016年11月07日 11:35:05

阅读数：4208

一提到搜索引擎优化，一般都是比较概括，比如优化目录结构啊、meta定义啊。本文也结合其他网上博文的内容、进行了一些总结

下面就来具体细化一下前端可以实现的搜索引擎优化方法

1、优化html标签

不要什么都用div，尽量合理的使用ul、ol、table等

2、meta描述

可定义关键词、网站描述等

< meta name=“keywords” content=“关键词1，关键词2” />

< meta name=“description” content=“描述1，描述2” />

3、前景图片添加alt属性、这个比较重要，有很多适用场景

扫描二维码关注公众号，回复： 4364323 查看本文章

 适用场景：（1）当图片未成功显示时候，仍可以显示文本，用户也可以大致了解图片主题

    （2）当图片成功显示的时候，鼠标以上图片，可显示图片描述

    （3）可解决**网速慢**、**src引用错误**、**浏览器禁用图像**、**用户使用屏幕阅读器**等情况

4、前景图片要定义大小、不然会造成页面重新渲染，影响加载速度

5、可以适当的给链接标签a添加 rel=“nofollow” 属性(例如：当我们项目的某一个导航不需要蜘蛛跟踪链接)

不需要跟踪的导航

作用：（1）引导爬虫抓取一些有用的信息页面，提高爬虫的抓取效率

（2）防止一些不可信内容，防止页面指向一下垃圾站点和页面

6、内链采用绝对路径，减少服务器的响应时间

例如：淘宝网首页

不要采用

有图有真相，下面是我在淘宝网页面截取的图片

7、导航栏的层级数不宜太深

还是以淘宝网为例：那么复杂的淘宝网首页的导航相当于也才3级

8、那就是SVG啦，因为svg图像的源文件是一个文本文件，有利于访问

9、还有小伙伴们，注意啦，页面跳转尽量使用，不要使用