首页 安全防御正文

spa单页面应用优化怎么做?

单页面搜索引擎优化的工作是个精细的工作,单页面优化需要把优化工作做到极致。所以,单页面优化工作不光考察你的SEO技术,更挑战的是你的耐心,每个单页面优化都需要认真对待,它直接关系到这个页面在搜索引擎搜索结果是否有好的表现,因此,开始单页面优化之前,你自问下你的毅力和耐心是否需要“充值”。

单页面优化(on-page optimization),还有现在流行的“单页应用”(Single Page Application)的优化就是通过改进页面的修饰性元素,如标题、描述、题头文字等等,就是尽可能的当搜索引擎访问网站时,能让它迅速的抓取网页的核心,完整的将网页所展现的信息带走,而我们对页面的改进必须围绕页面关键词进行。

一:重要的网页重命名

域名对SEO的影响我这边就不多说了,一个含有关键词的域名对搜索引擎判断一个网站的性质和特点,是有帮助的,同样,赋予单页面包含关键词文件名,也能帮助搜索引擎判断一个网页的主题是什么。

例如, *** 作的扫地车网站,我把产品页面命名为sao-di-che.html,dian-dong-sao-di-che.html等,而不是随意的命名为123.html等,其中diandong是用来修饰saodiche的词,这些词语构成了关键词,而用关键词来命名一个网页,就将这个销售扫地车的网页告诉了搜索引擎,同时也告诉了访客。

注:用关键词命名的时候,使用“-”间歇号,而不是下划线“_”来连接关键词,例如,应该使用sao-di-che.htmll而不是sao_di_che.html。

二:重要的网页标题

网页标题就是在网页打开的时候在浏览器视窗的最上端的中出现的黑色文字

沈洛:单页面优化教程

浏览器标题展现效果

如上图中的最上端的文字:“电动扫地车,电动清扫车,电动扫地机-常州圣倍诺环保科技有限公司”就是此页的标题。

这个标题,一般浏览者很少认真读取,而是快速地看网页中的内容,在搜索引擎看来,它其实是在网页html文件中间于<head>和</head>之间的<title>标签,下面是此页的html文件中<head>和</head>的部分。

<head> 
<title>电动扫地车,电动清扫车,电动扫地机-常州圣倍诺环保科技有限公司</title> 
<meta name="keywords" content="电动扫地车,电动扫地机,电动清扫车,电动清扫机,驾驶扫地机,清扫机,垃圾清运车,扫地车厂家,物业扫地车,圣倍诺" /> 
<meta name="description" content="常州圣倍诺环保科技有限公司专业研发生产电动扫地机,电动扫地车,电动清扫车等,电动扫地机型号齐全,电动扫地车应用广泛,电动清扫车操作简便." /> 
<link key="resetcommon" href="/Skins/Default/resetcommon.css" rel="stylesheet" type="text/css" /> 
<link key="index" href="/Skins/Default/index.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" key="nsw_index" src="/ *** /NSW_Index.js"></script> 
</head>

搜索引擎通常是网页的标题作为介绍页面的链接源头文字来给搜索用户,例如:我们在百度中搜索“电动扫地车”这个关键词,那么百度就会在搜索结果中显示这些标题,如下图:

沈洛:单页面优化教程

搜索结果展现效果

浏览器上方的标题文字访客可以不在意,但是这搜索结果的标题,想不注意都难了,因为他们要通过这些标题,找到想要的信息,网站的标题是非常重要的。

1关键词的采用和突出

从上面的例子中我们看到,网页标题都含有重要的关键词,如“电动扫地车”、“电动清扫车”这些关键词,为什么要包括关键词,这个也就不言而喻了。

为了让搜索引擎快速的阅读网页标题中所表示的意义,应该将网页标题立刻放置在<head>标签对中,最重要的关键词应该放在最前面,而将第二关键词放在其次,最多不要使用三个以上的关键词

2.控制标题长度和关键词词频

标题的长度应该是言简意赅的,不要超过33个汉字(1个汉字占2个字符),超过内容会用省略号显示,所以对标题的书写是这部分重要的一块。

关键词的使用,应该注意合理的分配到各个网页中,尽量避免同一关键词反复出现在好几个网页的标题中而使搜索引擎感到困惑,很难集中页面的权重。

3.吸引搜索者

网页标题的光是关键词而没有能将它们串在一起的柔和性文字,标题自然很难成句,这样写出来的标题不可能吸引人,而且有垃圾网站的嫌疑。

 三:网页题头标签的作用

网页中的代码标签也是非常有作用的,搜索引擎通过阅读它来了解网页的大意,并且时常引用它来做为搜索结果中的“网页摘抄”提供给搜索者。

网页的描述标签如下:

<METANAME=”author”CONTENT=”">笔者标签

<METANAME=”copyright”CONTENT=”">版权标签

<METANAME=”keywords”CONTENT=”">关键词标签

<METANAME=”description”CONTENT=”">网页描述标签

<METANAME=”page-topic”CONTENT=”">网页论题标签

<METANAME=”audience”CONTENT=”">网页观众标签

<METANAME=”robots”CONTENT=”">探测文件标签

这里面,我们需要着重优化的是网页描述标签和关键词标签。

1.网页描述的标签

一般我们使用descriptions标签和keywords标签比较普遍,使用description标签时,要避免过多频繁地重复关键词,描述不是关键词标签,所以,你不要就简单的罗列几个关键词就OK了,描述是让你通过一段句子,介绍关键词,通过这段句子介绍网页相关内容,并把关键词融入进去,不要为了省事,就简单的把一系列关键词排在一起。之所以这些标签比较重要,它给搜索引擎传递重要的信息,搜索引擎通过它了解网页的大意,并且时常引用它来作为搜索结果中的“网页摘抄”提供给搜索者。

对于文字内容偏少的的网页,比如图片、Flash之类的网页,这些内容就变得尤为重要了,因为搜索引擎就靠读这个内容来理解这个网页是说什么的。

Discriptions里的内容要尽量的简短,因为这个标签是可以容纳长达88个汉字的文章,书写时候可以比较自如地使用修饰性的词语,首先最要强调的是,这个概要中最需要使用的就是关键词,但要避免过度重复。

曾经在网页中很重要的的关键词标签现在已经被搜索引擎所弃用了,这个就是KeyWordstag,也就是关键词标签,这个标签非常容易被滥用,以至于明明不是关于某个容的网页也被站长罗列在内,所以目前搜索引擎已经不再观察这个标签了。

如果为了排名,引入了一些不必要的文字,会被搜索引擎认为是欺诈行为,所以,要正确使用关键词标签。要加上正确的标签,如果加上这个标签也对网页的综合表现没有坏处,但是如果使用拙劣,对网页非但没有好处,还会有欺诈的嫌疑。

2.图片描述文字

由于搜索引擎不能阅读图片,那么图片标签就给了搜索引擎一个介绍,图片描述文字就放置在图片标签内,图片描述文字就放置在图片标签内,这个标签是一个关键词放置的好地方。

每个图片都有自己的文件名,我们这里说的“图片描述文字”不是文件名,而是在html中用来描述图片的简短词组,称为“alt”,在html中,我们可以看到,原先的图片描述可以这么得到改进。

例如:

<img src=”saodiche.gif”>

改进后:

<img src=”saodiche.gif”alt=”扫地车产品图”>

在图片的tag中就再一次把关键词给应用了,丰富了网页中关键词的使用频率,但是,图片的描述不能太长,最后限制为一个词组,也不要胡乱堆塞不相干的词语,否则很容易遭受滥用惩罚.

3.题头标签的作用

题头标签是指网页html中对文本标题所进行的着重强调,以标签<h1>、<h2>、<h3>等依此显示重要性的递减, *** <h>标签的主要意义是告诉搜索引擎这个是一段文字的标题。

下面是一些使用技巧:

1>使用<h1>、<h2>、<h3>、<h4>、<h5>来部分说明文本中谁是主,谁是次

2>使用关键词的时候,不要让题头失去可读性,要考虑读者的感受

3><h1>代表最重要的,<h6>代表最不重要的,因此,根据这个递减,适当安排关键词

4><h1>中使用的关键词,往往是在网页标题中使用的

5><h1>尽量靠近在html中的<body>标签,越近越好,以便让搜索引擎最快的领会主题。

一般来说,<h1>用来修饰网页的主标题,<h2>表示一个段落的标题,<h3>表示段落的小节标题,因为搜索引擎需要在一堆文本中明白它写的是什么,所以它也依照人们的阅读习惯,首先寻找文章的标题,使用<h>标签就指导搜索引擎标题在那里,便于它们迅速掌握文本大意。

题头标签是使用关键词的重要地方,这个标签应该包括文本中最重要的关键词,这个<h>和</h>直接的题头文字,一定比其它地方的文章具备更重要的意义,但是切勿滥用H标签,单页面使用多个H1标签极易触发搜索引擎相关降权。

来源:博客,欢迎分享本文!

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。