网站页面优化策略

时间:2016-06-30 20:10:00 浏览:1246次 壹凯巴-网站开发-网站页面优化策略

网站的页面优化,也即网页优化是对网页的程序、内容、版块、布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位。使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值。下面主要从网站代码、标签、正文等几个方面来讲述网站的页面优化。

secrets

网站重构

网站重构可以使网站的维护成本变得更低,运行得更好,遵循HTML结构化标准的设计,将网站页面的实际内容与它们呈现的格式相分离。简单来说,就是将所有的字体、样式等表现形式都写成DIV+CSS的方式,CSS放在单独文件里,Javascript也放在单独文件,HTML里面只有文字内容。凡是可以使用外部文件调用的,就使用外部文件调用,可以不出现的,尽量不出现,在正文中,全部以文字为主,不要出现CSS代码。

这样做的好处是,HTML文件的代码被精简,文件变小,搜索引擎在索引网站页面时,可以更好地索引和识别网站的内容信息,并能准确抓取页面正文的内容。

Meta标签优化

对于Meta标签,主要有title、description、keywords三个地方,其余的meta标签不加也没事。就重要性而言,title在页面优化中绝对占据很重要的位置。

title标题标签告诉用户和搜索引擎一个特定网页的主题是什么。标签通常放在HTML文档的<head>标签内。理想情况下,应该为网站的每一个网页创建唯一的title页面标题。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 关于title的写作,title标签应该准确描述网页的内容,使用简短的,但具描述性的标题标签——短的标题同样可以包含丰富的信息。如果标题太长,搜索引擎只会在搜索结果里显示其部分内容。尽量不要堆积太多关键词,如果是长标题,可以包含关键词1-2次,而且关键词不用靠的太近。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> description描述标签提供了关于这个网页的总括性描述,网页的标题可能是由一些单词和短语组成的,而网页的描述元标签则常常是由一两个语句或段落组成的。如果网页摘要里的某个词语恰好出现在用户的查询里,那么这个词语将被高亮显 示,如果描述标签写的好,可以提升页面的点击率。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 关于description的写作,description标签准确概括该网页的内容,每一个网页应该创建各不相同的描述标签,避免所有的网页或很多网页使用千篇一律的description标签。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> keywords关键词标签,对于页面优化来说,重要性已经大不如前,甚至有种说法是,keywords标签已经没用了,不过,就算搜索引擎已经不将keywords考虑进,写一下keywords标签可能还会有些作用,不过keywords里面不要堆砌太多关键字,否则可能适得其反,写上4、5个核心关键字即可。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">Heading</strong><strong style="color:#666666;">标签优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> Heading标签(H标签)通常用来为用户呈现网页的结构。HTML语言里一共有六种大小的H标签,从最重要的<H1>到<H6>,权重依次降低。最常用的包括H1、H2标签,H1代表着大标题,H2是小标题。按照这个意思,最重要的关键词设置在H1标签中,和关键词相关的词组再放到H2标签中,依次往后推。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 由于H标签通常会使某些文字比普通的文字大,对于用户来说,这样可以便于他们更直观地看出这些文字的重要性,多种渐变大小的H标签可以为网站的内容创建分层结构,从而使用户更容易地浏览网站。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 对于网页内容页面的优化来讲,应该适度的使用H标签,从一般页面的写作来讲,文章的标题,就应该出现在H1标签中,小标题就出现在H2标签上。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">Alt优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 图片的优化对于网站页面来说也非常重要,所有的图片都拥有一个Alt属性,对于图片的优化主要是针对这个属性的优化,优化图片的alt属性可以使得图片搜索引擎能更好地理解图片。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 由于搜索引擎读取图片的困难,所以在一般的写作中,需要对添加的图片,进行ALT标签注释。当然对于图片的理解,周围的文字也起到一定的作用,当图片因为一些原因不能够显示的时候,系统会显示alt属性指定的文字。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> Alt属性的编写,应该使用简短但是描述性很强的alt文本,当图片作为链接使用时,一定要提供alt文本,这会大大有助于搜索引擎更好地理解它链向的那个页面。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">链接锚文本优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 锚文本是链接上可以被点击的文字,它通常被放在锚标记A标签中间,锚文本主要作用是描述链接页面的一些情况,锚文本写得越好,用户浏览网站就越容易,搜索引擎也能更容易地理解链接到的页面内容。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 锚文本的正确写法是,使用简短的描述性文字,避免使用与目标页面主题无关的文字,避免用一个长句子或是一篇短文来实现的过长的锚文本, </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">关键词优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 关键词的布局,最重要的几个位置是开头,特别是第一段开头的50-150个字,需要包含一次关键词,然后中间正文中,出现2-3次关键词或者近义词,文章的结尾,也包含一次关键词就可以了。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 在关键词的布局中,还有一个概念是,关键词密度。关键词密度(Keyword Density)也叫关键词频率(Keyword Frequency),它是用来量度关键词在网页上出现的总次数与其他文字的比例,一般用百分比表示。相对于页面总字数而言,关键词出现的频率越高,那么关键词密度也就越大。简单地举个例子,如果某个网页共有100个字符,而关键词本身是两个字符并在其中出现5次,则可以说关键词密度为10%。通常认为,页面的关键词密度应该保持在2%到8%之间。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 许多搜索引擎都将关键字密度作为其排名算法考虑因素之一,每个搜索引擎都有一套关于关键字密度的不同的数学公式。合理的关键字密度可使你获得较高的排名位置,密度过大,起到相反的效果。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 关键字密度有时候会影响到关键词的排名,不建议采取一些极端的方法来提高关键字密度。合理的目标关键字密度可以通过关注一些长尾关键字来进行优化。长尾关键词(Long Tail Keyword)是指网站上非目标关键词但也可以带来搜索流量的关键词。长尾关键词的特征是比较长,往往是2-3个词组成,甚至是短语。通过长尾关键词挖掘工具可以找到不少长尾关键词,将这些词组织到文章里,就可以做到既不提高关键词密度,又能提升关键词在页面的权重。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 在正文里,要围绕关键词自然地写作,千万不要生硬地将需要优化的关键词直接插到文章中。文章中,尽量使用关键词的近义词、同义词。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">内容优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 对网站来说,提供高质量的、对用户有益的内容恐怕是所有讨论的各种要素里最重要的一部分。用户很容易分辨出网站提供的内容是否是高质量的,并且他们也乐意于通过各种社交网络来向自己的朋友推荐好的网站,这同时也会提高网站在用户和搜索引擎中的声望,而这一切都离不开高质量的内容。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 但可惜的是,撰写高质量内容并不太容易,除了拥有过硬的专业技能知识外,作者还要拥有一流的语言组织能力,以及充足的时间,不过对于高质量内容的撰写也是有一定规律的,主要的规律包括: </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 1、撰写容易阅读,浅显易读的内容,有条理地组织内容,段落清晰,让读者能够清楚地了解内容的起始和逻辑,避免将大量不同主题的内容放在同一页上,却没有任何的分段、标识和层次划分。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 2、提供原创的、独特新颖的内容,不要模仿甚至抄袭别人的内容。原创内容不仅仅能吸引更多的用户,还可以招揽更多的回头客。而搜索引擎对于原创内容的识别能力也越来越高。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;">   </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 作者:月光 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 来源:月光博客 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 原文地址:http://www.williamlong.info/archives/4213.html<span style="line-height:28.8px;text-indent:2em;">网站的页面优化,也即网页优化是对网页的程序、内容、版块、布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位。使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值。下面主要从网站代码、标签、正文等几个方面来讲述网站的页面优化。</span> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <a href="http://image.woshipm.com/wp-files/2015/04/secrets.jpg" class="highslide-image " style="color:#295698;text-decoration:none;cursor:url("outline:none;"><img class="aligncenter wp-image-150409" data-original="http://image.woshipm.com/wp-files/2015/04/secrets.jpg" src="http://image.woshipm.com/wp-files/2015/04/secrets.jpg" alt="secrets" width="590" height="393" srcset="http://www.woshipm.com/wp-content/uploads/2015/04/secrets.jpg 1100w, http://www.woshipm.com/wp-content/uploads/2015/04/secrets-360x240.jpg 360w, http://www.woshipm.com/wp-content/uploads/2015/04/secrets-1024x682.jpg 1024w" sizes="(max-width: 590px) 100vw, 590px" style="margin:5px auto;padding:5px;border-style:none;vertical-align:middle;max-width:96%;height:auto;border-radius:3px;display:block;text-align:center;background:#FCFCFC;" /></a> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">网站重构</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 网站重构可以使网站的维护成本变得更低,运行得更好,遵循HTML结构化标准的设计,将网站页面的实际内容与它们呈现的格式相分离。简单来说,就是将所有的字体、样式等表现形式都写成DIV+CSS的方式,CSS放在单独文件里,Javascript也放在单独文件,HTML里面只有文字内容。凡是可以使用外部文件调用的,就使用外部文件调用,可以不出现的,尽量不出现,在正文中,全部以文字为主,不要出现CSS代码。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 这样做的好处是,HTML文件的代码被精简,文件变小,搜索引擎在索引网站页面时,可以更好地索引和识别网站的内容信息,并能准确抓取页面正文的内容。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">Meta标签优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 对于Meta标签,主要有title、description、keywords三个地方,其余的meta标签不加也没事。就重要性而言,title在页面优化中绝对占据很重要的位置。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> title标题标签告诉用户和搜索引擎一个特定网页的主题是什么。<title>标签通常放在HTML文档的<head>标签内。理想情况下,应该为网站的每一个网页创建唯一的title页面标题。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 关于title的写作,title标签应该准确描述网页的内容,使用简短的,但具描述性的标题标签——短的标题同样可以包含丰富的信息。如果标题太长,搜索引擎只会在搜索结果里显示其部分内容。尽量不要堆积太多关键词,如果是长标题,可以包含关键词1-2次,而且关键词不用靠的太近。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> description描述标签提供了关于这个网页的总括性描述,网页的标题可能是由一些单词和短语组成的,而网页的描述元标签则常常是由一两个语句或段落组成的。如果网页摘要里的某个词语恰好出现在用户的查询里,那么这个词语将被高亮显 示,如果描述标签写的好,可以提升页面的点击率。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 关于description的写作,description标签准确概括该网页的内容,每一个网页应该创建各不相同的描述标签,避免所有的网页或很多网页使用千篇一律的description标签。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> keywords关键词标签,对于页面优化来说,重要性已经大不如前,甚至有种说法是,keywords标签已经没用了,不过,就算搜索引擎已经不将keywords考虑进,写一下keywords标签可能还会有些作用,不过keywords里面不要堆砌太多关键字,否则可能适得其反,写上4、5个核心关键字即可。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">Heading</strong><strong style="color:#666666;">标签优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> Heading标签(H标签)通常用来为用户呈现网页的结构。HTML语言里一共有六种大小的H标签,从最重要的<H1>到<H6>,权重依次降低。最常用的包括H1、H2标签,H1代表着大标题,H2是小标题。按照这个意思,最重要的关键词设置在H1标签中,和关键词相关的词组再放到H2标签中,依次往后推。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 由于H标签通常会使某些文字比普通的文字大,对于用户来说,这样可以便于他们更直观地看出这些文字的重要性,多种渐变大小的H标签可以为网站的内容创建分层结构,从而使用户更容易地浏览网站。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 对于网页内容页面的优化来讲,应该适度的使用H标签,从一般页面的写作来讲,文章的标题,就应该出现在H1标签中,小标题就出现在H2标签上。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">Alt优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 图片的优化对于网站页面来说也非常重要,所有的图片都拥有一个Alt属性,对于图片的优化主要是针对这个属性的优化,优化图片的alt属性可以使得图片搜索引擎能更好地理解图片。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 由于搜索引擎读取图片的困难,所以在一般的写作中,需要对添加的图片,进行ALT标签注释。当然对于图片的理解,周围的文字也起到一定的作用,当图片因为一些原因不能够显示的时候,系统会显示alt属性指定的文字。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> Alt属性的编写,应该使用简短但是描述性很强的alt文本,当图片作为链接使用时,一定要提供alt文本,这会大大有助于搜索引擎更好地理解它链向的那个页面。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">链接锚文本优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 锚文本是链接上可以被点击的文字,它通常被放在锚标记A标签中间,锚文本主要作用是描述链接页面的一些情况,锚文本写得越好,用户浏览网站就越容易,搜索引擎也能更容易地理解链接到的页面内容。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 锚文本的正确写法是,使用简短的描述性文字,避免使用与目标页面主题无关的文字,避免用一个长句子或是一篇短文来实现的过长的锚文本, </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">关键词优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 关键词的布局,最重要的几个位置是开头,特别是第一段开头的50-150个字,需要包含一次关键词,然后中间正文中,出现2-3次关键词或者近义词,文章的结尾,也包含一次关键词就可以了。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 在关键词的布局中,还有一个概念是,关键词密度。关键词密度(Keyword Density)也叫关键词频率(Keyword Frequency),它是用来量度关键词在网页上出现的总次数与其他文字的比例,一般用百分比表示。相对于页面总字数而言,关键词出现的频率越高,那么关键词密度也就越大。简单地举个例子,如果某个网页共有100个字符,而关键词本身是两个字符并在其中出现5次,则可以说关键词密度为10%。通常认为,页面的关键词密度应该保持在2%到8%之间。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 许多搜索引擎都将关键字密度作为其排名算法考虑因素之一,每个搜索引擎都有一套关于关键字密度的不同的数学公式。合理的关键字密度可使你获得较高的排名位置,密度过大,起到相反的效果。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 关键字密度有时候会影响到关键词的排名,不建议采取一些极端的方法来提高关键字密度。合理的目标关键字密度可以通过关注一些长尾关键字来进行优化。长尾关键词(Long Tail Keyword)是指网站上非目标关键词但也可以带来搜索流量的关键词。长尾关键词的特征是比较长,往往是2-3个词组成,甚至是短语。通过长尾关键词挖掘工具可以找到不少长尾关键词,将这些词组织到文章里,就可以做到既不提高关键词密度,又能提升关键词在页面的权重。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 在正文里,要围绕关键词自然地写作,千万不要生硬地将需要优化的关键词直接插到文章中。文章中,尽量使用关键词的近义词、同义词。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> <strong style="color:#666666;">内容优化</strong> </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 对网站来说,提供高质量的、对用户有益的内容恐怕是所有讨论的各种要素里最重要的一部分。用户很容易分辨出网站提供的内容是否是高质量的,并且他们也乐意于通过各种社交网络来向自己的朋友推荐好的网站,这同时也会提高网站在用户和搜索引擎中的声望,而这一切都离不开高质量的内容。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 但可惜的是,撰写高质量内容并不太容易,除了拥有过硬的专业技能知识外,作者还要拥有一流的语言组织能力,以及充足的时间,不过对于高质量内容的撰写也是有一定规律的,主要的规律包括: </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 1、撰写容易阅读,浅显易读的内容,有条理地组织内容,段落清晰,让读者能够清楚地了解内容的起始和逻辑,避免将大量不同主题的内容放在同一页上,却没有任何的分段、标识和层次划分。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 2、提供原创的、独特新颖的内容,不要模仿甚至抄袭别人的内容。原创内容不仅仅能吸引更多的用户,还可以招揽更多的回头客。而搜索引擎对于原创内容的识别能力也越来越高。 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;">   </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 作者:月光 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 来源:月光博客 </p> <p style="margin-right:15px;margin-bottom:10px;margin-left:15px;padding:0px;font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Open Sans', 'Hiragino Sans GB', Arial, Verdana, Tahoma, sans-serif;color:#555555;text-indent:2em;font-size:16px;line-height:28.8px;white-space:normal;background-color:#FDFDFD;"> 原文地址:http://www.williamlong.info/archives/4213.html </p></div> <div class="btbox fn-clear"> <div class="wface fn-left"> <p>上一篇:<a href="http://www.yikaiba.com/article/72">2016年SEO怎么做?搜索引擎排名的8大优化原则</a></p> <p>下一篇:没有了</p> </div> </div> </div> <div class="wfooter"> <div class="links"> <h2>友情链接</h2> <a href="http://www.kancloud.cn/" target="_blank">看云</a> <a href="http://blog.yikaiba.com/" target="_blank">壹凯巴博客</a> <a href="https://git.oschina.net" target="_blank">码云git</a> <a href="http://www.woshipm.com/" target="_blank">人人都是产品经理</a> <a href="https://www.baidu.com/" target="_blank">百度</a> <script type="text/javascript" src="/public/assets/js/6976040794367b6c2914820d35d8558d"></script> </div> <div class="aboutweb"> <p> <a href="">网站申明</a><a href="">关于我们</a> </p> <p> 声明:本站部分截图版权归原作者所有,在此加以分享。如有冒犯,请来信说明。529988248@qq.com<br /> <a href="http://www.miitbeian.gov.cn">© 辽ICP备14009194号-1</a> 站长统计:<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1259483003'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1259483003%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script> </p> </div> </div> <script type="text/javascript"> //边框效果--移入 function biankuang(obj){ $(obj).find('.biankuang_1').stop(true).animate({ height:'325px' },300) $(obj).find('.biankuang_2').stop(true).delay(300).animate({ width:'360px' },300) $(obj).find('.biankuang_3').stop(true).animate({ height:'325px' },300) $(obj).find('.biankuang_4').stop(true).delay(300).animate({ width:'360px' },300) } //边框效果--移出 function biankuang1(obj){ $(obj).find('.biankuang_1').stop(true).delay(100).animate({ height:'0px' },100) $(obj).find('.biankuang_2').stop(true).animate({ width:'0px' },100) $(obj).find('.biankuang_3').stop(true).delay(100).animate({ height:'0px' },100) $(obj).find('.biankuang_4').stop(true).animate({ width:'0px' },100) } //触发 $('.spbq').hover( function () { var obj = $(this); $(obj).find('.text_gobuy').addClass('text_gobuy_show'); $(obj).find('.search_y').animate({left:'150',opacity:1},300); biankuang(obj); }, function () { var obj = $(this); $(obj).find('.text_gobuy').removeClass('text_gobuy_show'); $(obj).find('.search_y').animate({left:'100',opacity:0},300); biankuang1(obj); } ); </script> <style> *{ margin:0; padding:0; list-style:none;} img{ border:0;} .rides-cs { font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;} .rides-cs a { color: #00A0E9;} .rides-cs a:hover { color: #ff8100; text-decoration: none;} .rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;} .rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;} .rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;} .rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;} .rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;} .rides-cs .cn ul {padding:0px;} .rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;} .rides-cs .cn ul li span { color: #777;} .rides-cs .cn ul li a{color: #777;} .rides-cs .cn ul li img { vertical-align: middle;} .rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index:9; top:25px; left: 0; background-image: url(http://demo.lanrenzhijia.com/2014/service1031/images/lanrenzhijia.png); background-repeat: no-repeat; display:block; height: 146px; padding: 8px;} .rides-cs .btnOpen { background-position: 0 0;} .rides-cs .btnCtn { background-position: -37px 0;} .rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;} .rides-cs ul li.bot { border-bottom: none;} </style> <div id="floatTools" class="rides-cs" style="height:246px;"> <div class="floatL"> <a id="aFloatTools_Show" class="btnOpen" title="查看在线客服" style="top:20px;display:block" href="javascript:void(0);">展开</a> <a id="aFloatTools_Hide" class="btnCtn" title="关闭在线客服" style="top:20px;display:none" href="javascript:void(0);">收缩</a> </div> <div id="divFloatToolsView" class="floatR" style="display: none;height:237px;width: 140px;"> <div class="cn"> <h3 class="titZx">壹凯吧在线客服</h3> <ul> <li><span>壹凯</span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=529988248&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:529988248:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> </li> <li><span>义文</span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=415861927&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:415861927:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> </li> <li><span>QQ群</span> <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=31f713ee8afb94e4190a68a0a374d98b4304d6aa0c7ca7d4b2f8093fa7d59401"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="创【壹凯巴】" title="创【壹凯巴】"></a> </li> </ul> </div> </div> </div> <script> $(function(){ $("#aFloatTools_Show").click(function(){ $('#divFloatToolsView').animate({width:'show',opacity:'show'},100,function(){ $('#divFloatToolsView').show(); }); $('#aFloatTools_Show').hide(); $('#aFloatTools_Hide').show(); }); $("#aFloatTools_Hide").click(function(){ $('#divFloatToolsView').animate({width:'hide', opacity:'hide'},100,function(){ $('#divFloatToolsView').hide(); }); $('#aFloatTools_Show').show(); $('#aFloatTools_Hide').hide(); }); }); </script><script type="text/javascript"> $(document).ready(function(e) { $(".category").hover( function(){ $('.typebox').slideDown("fast"); }, function(){ $('.typebox').stop(true).slideUp("fast"); } ); $(".typebox").find('li').click(function(){ $(".catetext").text($(this).text()); $("#catid").val($(this).attr("data-id")); $('.typebox').stop(true).slideUp("fast"); }); }); function dian(ogj){ // 点赞\踩 var id = $(ogj).attr("data-id"); var field = $(ogj).attr("class"); var num = parseInt($(ogj).find('em').text()); var zanlist = $.cookie('article_zanlist'); var flag = -1; if(zanlist != null){ flag = zanlist.indexOf(id + ','); } if(flag < 0){ $.ajax({ type: "Post", url: "/Article/setIncSec.html", data: {id:id,field:field}, dataType: "json", error: function(){ }, success : function(data){ if(data.status){ $(ogj).find('em').text(num + 1); //点赞成功 if(zanlist == null){ zanlist = id + ','; }else{ zanlist = zanlist + id + ','; } $.cookie('article_zanlist', zanlist); } } }); }else{ alert('亲,你已经点过赞/踩咯!'); } } </script> </body> </html>