不懂这些seo技巧,还敢说你是前端?

原创 五行缺火 随笔 前端基础 9109阅读 2016-07-23 08:45:49 举报

这篇文章其实是我本人的总结,因为工作中做完了一个官方网站并成功上线,最后组长检查代码看到我的keyword等一系列信息都是空的,把我骂得狗血淋头。一言不合就作总结,总结一些简单但是我们能做的seo小技巧,送给想把网站做到极致的人。

SEO要点:
1.语义化html标签,用合适的标签嵌套合适的内容,不可过分依赖div,对浏览器更友善就能更容易被抓取。
2.重要的内容html代码放在前面,放在左边。搜索引擎爬虫是从左往右,从上到下进行抓取的,利用布局来实现重要的代码在上面

3.重要内容要写在html架构里面,蜘蛛不会抓取js的内容,
4.尽量减少使用iframe,因为蜘蛛不会抓取iframe的内容。
5.为图片img加上alt属性,加了alt就不必加title了,避免搜索引擎认为我们恶意优化。alt能让图片没加载时都能有文字提示。
6.需要强调的地方加上title,本页面内跳转a标签内也要加title。
7.重要的地方可以保留文字,有些地方必须用图,但是蜘蛛不会爬img,这时应该设置文本,再用缩进隐藏的方法去掉文字,例如logo的优化就是这样做的。注意隐藏不能用display:none,蜘蛛不会检索display:none的内容,应用这个方法的标签一般是logo,标题等重要信息
8.尽量做到js、css、html的分离,不要在html中写样式代码。
9.注释的东西能去掉应该去掉,对搜索引擎更加友好
10.css放在头部,js放在尾部,尽量使用外链或者工具对css和js进行压缩
11.减少http的请求,使页面更快加载。
12.使用本地缓存更快地访问网站,使用cdn网络,加快用户访问速度。
13.使用G-ZIP压缩,浏览速度更快,搜索引擎抓取信息量更大

关键一点是头部的title,description,keyword的设置。
1.title设置不宜过长,要简短,网站的名字与相关的小内容,一般为10-20个字。不能重复
2.keywords设置10个关键词,没个词不能太长,简短且符合你网站的特点,不能重复
3.description,50个字内描述你的网站

description写原创的话,并包含2-3个关键词比较好

评论 ( 21 )
最新评论
1325009640 2018-06-21 16:32:02 21F

搜索引擎优化不关我们的事情吧,那是专门seo搞的啦

weilog 2016-07-30 14:31:20 20F

这可以,基本都讲到位了。这是站内的优化,还有站外的

五行缺火 18F 2016-07-29 18:38:58 19F

内容常更新,也是seo的一种方法,而且是搜索引擎最喜欢的一种方法。

尛雅0930 2016-07-29 17:23:14 18F

不太喜欢seo这种东西哦,感觉都是再跟主流搜索引擎作对呢,而且要内容取胜~

丸子神 2016-07-28 14:43:58 17F

楼主可以把这个文章发到我微信公众号吗?留版权

五行缺火 11F 2016-07-27 22:21:44 16F

1个月.。。。。。。。哈哈哈,刚毕业啊

1063363934 12F 2016-07-27 21:23:34 15F

多谢。

脸比非洲黑炭黑 13F 2016-07-25 17:45:22 14F

给搜索引擎看的。关键词

html2littleb 9F 2016-07-25 15:23:01 13F

加了keyword有什么用么?新人。。

18600892039 10F 2016-07-25 10:18:05 12F

<meta name="keywords" content="">

前端のBoss 6F 2016-07-25 09:02:19 11F

楼楼工作多久了

1063363934 9F 2016-07-25 08:34:22 10F

直接就在meta里加keyword属性?能不能发个完全的<meta>标签

五行缺火 8F 2016-07-25 08:29:37 9F

meta

1063363934 2016-07-25 08:09:59 8F

新人求问,keyword加载哪里。。

可乐小妖 2016-07-24 09:16:20 7F

沙发

五行缺火 5F 2016-07-23 23:05:55 6F

哪里感动你了

前端のBoss 2016-07-23 16:57:25 5F

楼楼签名感人

qianqian1228 2016-07-23 14:51:44 4F

棒棒哒

五行缺火 1F 2016-07-23 11:32:54 3F

感谢支持

nash0828 2016-07-23 10:53:06 2F

地板