最近对前端的seo很感兴趣,查阅了相关资料..结合自己的理解,做了个总结。以下均为自己参考一些资料文章及结合自己实践经验的归纳结论,如有纰漏错误,望指正。
seo,即搜素引擎优化,seo又分为白帽seo和黑帽seo。
1.html标签的权重
权重标签常用于突出页面相对重要的内容,权重越大的标签的内容越被关注
此图参考自百度文库
1.1 title
从上图可看出title是非常影响seo排名的一个因素,最好每个页面的title都有所不同,并能针对该页面的关键词编写适合的title
1.2 description
description的内容应是高度概括该网页的内容
虽然description的权重并不高,但是description和title的信息都会出现在搜索结果页,所以写好description也是很重要的(description的内容可能会决定用户是否对此网站感兴趣),不必太长,也不能过于堆砌关键词
1.3 keywords
据查阅资料,近年keywords的作用好像已经大大弱化
1.4 标题
h1的权重很高,仅此于title,一般用作于页面主标题,而且每个页面只能出现一次h1,而其他h2,h3之类的可多次出现(不过要适量),注意的是h2的权重也很高
1.5 <strong><em>
这两个都有权重,用于强调,这部分内容会受到搜索引擎的重视,切不可仅为了表现为粗体或斜体而使用这两个标签。
<strong>标签内应该放进想强调的文本或关键词,而如果仅想表现为粗体,可用<b>或css
<em>也有强调之意,权重仅仅次于<strong>,这个标签一般用于强调文本,如果仅想表现为斜体,可用<i>或css
但我发现现在<b><i>标签也不提倡用了,有时一般只用来表示一些小图标,所以如果想表现为斜体和粗体,最好还是
1.6.img必须加上alt标签
主要是为了防止图片无法显示时也能显示alt的内容,其次是seo优化,蜘蛛不认识图片的内容,只能抓取alt的内容
而title属性则可选,视情况而定
1.7 title属性
title属性是用来为元素提供额外说明信息的,它可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。
<a>标签,给重要的链接加上title属性
而对于与本网站关系不大的其他网站标签(如一些友情链接),需加上rel="nofollow",告诉爬虫该页面无需追踪,不加这个的话,小蜘蛛就会顺着这个链接跑到其他网站了,很有可能就不会回来了。
延展:
用于meta元标签:<meta name="robots" content="nofollow" />,告诉爬虫该页面上所有链接都无需追踪。
1.8 内部链接文字
关键词链接就是大家常说的锚文本,对于SEO来说非常重要,作用仅次于title标签。关键词链接也分内部链接和外部连接,两者对于关键词排名都有着显著的影响。内部链接就是同一个网站不同页面直接的关键词链接,外部链接就是其他网站指向我们网站的关键词链接。
2.慎用display:none
有时候会需要用图片替换文字,此时的文字切不可用display:none隐藏,因为蜘蛛会过滤掉设置了display:none的内容,此时文字应该设置一个较大负值的text-indent,使其偏离屏幕外
3.重要内容的html代码放在最前
搜索引擎抓取html内容是从上到下的,把重要内容的html代码放在最前,然后再用css控制其布局位置
4.重要内容莫用JS输出
搜索引擎不会读取JS里面的内容,重要内容必须放在html内
5.语义化布局会提升网页seo效果
<div><span>是语义化最低的两个标签,除非必须用到div标签,其他的内容最好赋予合适的语义化标签
使用适合的语义化标签,有利于搜索引擎更好地理解网页内容
表格部分应记得使用caption来填写表格的标题
6.少用iframe框架
本文参考
点击打开链接 这篇文章很赞,可以看看