SEO(Search Engine Optimization)基础知识(三):前端工程师与SEO之网页代码优化

1.<title>标题

强调重点即可,把重要的关键词放在前面,不要重复出现,每个页面的title不要设置相同的,

2.<meta keywords>关键词

网页内容的关键词,列举出几个重要的关键词即可,也不要过分堆积

3.<meta description>网页描述

一定不可太长,也不要过分堆积关键字。每个页面的description也要不同

看一下例子:

title:除了 网站名慕课网 以外,还强调了免费的IT技能学习平台

keywords中都是网站关注的内容,description中都是对关键词的拓展性描述,文字不多,但是小蜘蛛很喜欢

4:语义化代码

HTML的每个标签都有它特定的意义,而语义化,就是适当的位置,用适当的标签,让人和小蜘蛛搜索引擎能都一目了然,怎么样才能在合适的位置用合适的标签呢?

H1-H6用于标题

UL用于无序列表

OL用于有序列表

DL用于定义数据列表

em, strong标签用于强调

举个例子:

<span>|</span>这种无意义的标签会让小蜘蛛很迷惑,而且span标签在代码中最没有语义,正确的做法是:

5:<a>标签

5.1 a标签必须要有title,也就是连接的说明
5.2 对于指向其他网站接连,要加上rel="nofollow"

关于nofollow的拓展:


nofollow 是一个HTML标签的属性值。这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接"。
nofollow是一个HTML标签的属性值。它的出现为网站管理员提供了一种方式,即告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接"。这个标签的意义是告诉搜索引擎这个链接不是经过作者信任的,所以这个链接不是一个信任票。


nofollow标签是由谷歌领头创新的一个“反垃圾链接”的标签,并被百度、yahoo等各大搜索引擎广泛支持,引用nofollow标签的目的是:用于指示搜索引擎不要追踪(即抓取)网页上的带有nofollow属性的任何出站链接,以减少垃圾链接的分散网站权重!
简单的说就是,如果A网页上有一个链接指向B网页,但A网页给这个链接加上了 rel="nofollow" 标注,则搜索引擎不把A网页计算入B网页的反向链接。搜索引擎看到这个标签就可能减少或完全取消链接的投票权重。

nofollow标签通常有两种使用方法:
1、将"nofollow"写在网页上的meta标签上,用来告诉搜索引擎不要抓取网页上的所有外部和包括内部链接。
<meta name="robots” content="nofollow” />
2、将"nofollow"放在超链接中,告诉搜索引擎不要抓取特定的链接。
<a rel="external nofollow" href="url"><span>内容</span></a>
3、nofollow标签是超链接<a>的一个属性值,我们只需要在源代码里面加上rel=”nofollow” 或者更为正规的rel=”external nofollow”即可 即:<a href=”#” target=”_blank” rel=”nofollow”>###</a> 。
 

6.<H1>标签

正文标题用H1 副标题用H2 其他地方不要用H标签

7.<p>标签与<br />标签

关于p没什么好说的,主要是<br />标签

br标签这样是不对的,br标签只用于文本内容的换行,像上面这种应该通过padding和margin或者其他的css来实现

8.<table>标签

用table的时候一定要用好caption,不用的话对小蜘蛛非常不友好

9.<img>标签应使用alt说明

alt是对图片起到一个注释的作用

10.<strong><em>与<b><i>的作用

10.1 strong标签是权重标签的代表,在搜索引擎中能得到高度的重视,它能突出关键词,表现重要的内容

10.2 strong和b在html中显示的效果是一样的,但在SEO中,但是b标签在SEO中并不会起到很好的效果,所以不推荐使用

10.3 em标签效果是斜体,主要也是强调内容,吸引用户关注,它在SEO权重中的重要程度仅次于strong,如果我们要在网站上使用突出的效果,我们就使用b i,如果要做SEO,就使用strong em,如果是强调文字内容,建议使用strong em

11.重要内容HTML代码放在最前面。

小蜘蛛抓取内容也是从上至下,把重要的代码放在最前面,把不重要的放在下面(这句话至关重要,做网站的时候,然后通过CSS来控制他们的位置,把重要的HTML代码放在最前面(虽然可能它需要在页面的下方,但是我们可以通过CSS来控制)

12.重要内容不要用JS输出,小蜘蛛抓不到的

13.尽少使用iframe框架,小蜘蛛不会读取的

14.谨慎使用display:none 对于暂时不想显示的文字,应设置z-index,而不是display:none,因为小蜘蛛会过滤掉display:none里面的内容

15.不断精简代码,小姐姐说了N个不断,简直太可爱了。

猜你喜欢

转载自blog.csdn.net/weixin_42450794/article/details/81912944
seo