网站SEO优化常用HTML代码有哪些

seo0135

网站SEO优化常用HTML代码有哪些,第1张

<title>网页标题</title>

<meta name="keywords" content="网页关键词“ />

<meta name="description" content="网站描述“ />

<h1>标签是定义一个标题</h1>

<h2>标签是定义一个标题</h2>

<h3>标签是定义一个标题</h3>

......

<h6>标签是定义一个标题</h6>

<img src="xxx.jpg" alt="图片说明">

<a href="/" title="链接说明">链接词</a>

<strong>关键词强调</strong>

<u>关键词强调</u>

<em>关键词强调</em>

以上标签中比较重要的标签有title标签、H标签、强调标签。

一、title:标题的布局一般我们会采用完整匹配和分词匹配,很少用到绝对匹配的形式。很多人会经常采用“排字”的形式去描写标题,比如这样的标题“启蒙网络-泰安网络公司-泰安网站建设-泰安网站优化”,采用这种标题写法的人正想使用完整匹配的形式去布局关键词。除了标题的可读性差以外,你还能看出这个标题中出现一个问题吗?

二、 Keywords:目前本被大多数搜索引擎抛弃,不再作为搜索排名的因素。

三、 Description:该标签对网站有一个简单的自我介绍,还是为用户提供信息阅读的重要标签。

四、<h1>-<h6>标签:其中<h1>权重最高,搜索引擎会认为这个标题是网页中最重要的信息,<h2>-<h6>标签是属于页面的相关性主题标签,除了<h1>外其他标签可以多次使用。

五、<alt>标签:网站图片描述,加入网站关键词,可以搜索引擎意识到这个图片的重要性。

六、<strong>标签:此标签代表语气加重,在网站优化中常常把一些重要的关键词放在此关键词内,是搜索引擎知道这个页面的关键词是什么,进而加强关键词优化效果。

七、Strong Em U标签:这三个标签的作用差别不大,都是对于网页的关键词起到加强的作用,直至现在,仍然有很多人误以为<b>、<i>等标签的使用也可以达到同样的效果。

代码优化就是对网页中的HTML源代码做简单的调整,以提高页面的友好性。页面经过代码优化后,一方面可以有效精简页面中的冗余代码,加快页面的显示速度,同时也降低页面占用搜索引擎服务器的存储空间,从面提高页面的用户体验及搜索引擎友好性。另一方面还可以有效的突出页面主题,提高页面的相关性。

代码优化的主要工作包括精简代码,头部优化及权重标签使用。在这几个环节中,精简代码是最基础、最根本的。

一、精简代码

精简代码是指清除或者简化页面中的代码,从而达到降低页面体积、提高页面的用户体验及搜索引擎友好性的目的。

页面代码的精简包括四大环节:清理垃圾代码、HTML标签转换、CSS优化、JavaScript优化。其中,清理垃圾代码又是精简代码中最重要、最基础的。

二、清理垃圾代码

清理垃圾代码是指删除页面中的冗余代码。一个页面经过垃圾代码清理后,可以删除接近%80的冗余代码。然而什么是冗余代码呢?

垃圾代码指删除后不会影响页面正常显示的非必要代码。这些代码占据的庞大的空间,还占用搜索引擎巨大的存储空间,增加搜索引擎分析数据的时间。然而这些垃圾代码是如何产生的呢?

三、代码优化

1、H标签优化

一个页面最多只能有一个h1标签,h2标签10个以内,h3,h4不限制,写代码的时候,也要层层下来,先h1再h2,h3,h4,h1一般作用于logo或首页头条文章标题h2一般作用于频道分类。或者栏目,h3一般作用于更小的栏目标题或者文章标题,产品名称标题,h4一般作用于文章标题,产品名称标题。

2、keywords标签

keywords 标签也就是页面关键词,此标签里加入网站主要关键词,不过该标签里的关键词并不参与排名,但是我们可以适当通过它来调整一些词的密度,当然不设置也不会有什么影响。

3、title标签

先说title属性,他一般作用于链接a标签,起到对该链接的一个说明,对搜索引擎比较友好。有的对于img标签也加了title属性说明,这里我并不建议这样做,在title属性里加入关键词有利于调整关键词的密度,达到一个标准,也有利于关键词的排名,还有个就是页面顶部的title标签,也就是一个页面的标题,在标题里加入我们需要的关键词,能有效提升我们的关键词排名。

4、nofollow标签

nofollow的添加表示让蜘蛛不要追踪该链接,一般用于权重的集中。还有友情链接要防止别人添加了nofollow,如果别人添加了此标签,你这边要及时处理你们之间的友情链接了。

5、alt标签

alt标签一般只作用于img标签,起到对图片做文字说明的作用,对搜索引擎很友好,有时候图片打不开alt就会有文字显示出来,让你知道图的大概内容,对用户体验也很有帮助。

注意事项:

1、 使用搜索引擎可以抓取的DIV+CSS撰写源代码,比如在定义文字字体、颜色、尺寸、排版等方面,但如果使用了DIV+CSS定义了这些内容就不要使用style或font再次定义了,防止代码冗余

2、 使用外部调用文件,如大段的JS,无用的CSS,都需要使用代码外置调用展现,并最好是写在页面的最后位置,不要与页面中的文字元素进行混淆,防止搜索引擎识别页面文字困难

3、 较少或删除注释代码,注释代码对于搜索引擎来说,就是很噪声,无法被识别及抓取,最好的办法是删除

减少表格,虽然现在网站很少使用表格做页面了,但是有的时候也会使用,只要不使用多层嵌套表格和产生无用的代码就好了。

HTML 网站代码标签优化主要包括以下几个方面:

1、Title 标签

Title 标签能够告诉用户和搜索引擎网页页面的主题思想是什么,一直是搜索引擎的抓取重点。通常,搜索引擎抓取Title标签出于两个目的:作为影响网页排名的重要因素和作为搜索结果页面的显示信息。不管是哪一个目的,对我们做SEO来说都非常重要。

一般来说,Title标签中的单词最好保持在3~6个左右,最好包含关键字。但Title标签中的单词不要全部都是关键字,因为这样可能会造成页面关键字堆砌,导致过度优化。所选单词应简洁明了、具有描述性,要与网页内容具有很大的相关性,并且每个不同的页面都应该包含Title标签。

2、Meta Description标签

对Title标签优化之后,接下来就是对Meta Description标签的优化。Meta Description标签可以说是对Title标签的进一步解释,可以是一句话或者是包含十几个单词的短语。每个页面都该有其自己的Meta Description标签,并且Meta Description标签还可包含一些与网站内容相关但Title标签中未提及的信息。该部分内容也应具有描述性,与网页内容具有相关性,可包含关键字,但不可过多。

3、Heading标签

Heading标签包含了H1、H2、H3等等,是搜索引擎识别页面信息的重要标记。合理使用H1、H2、H3等不同级别的标签能够使得页面结构更加清晰,有利于搜索引擎的抓取。H1、H2、H3等标签是按照重要程度来排名的。一般一个页面按照需求程度来适当添加该标签:从H1开始,依次往下添加。但不可添加太多Heading标签,否则会适得其反。

4、Strong和B标签

Strong和B标签都有加粗的意思,但B标签就是单纯地将文字加粗,而Strong标签不仅是对文字加粗,并且这种形式的加粗会告诉搜索引擎该部分文字比较重要。所以两者从搜索引擎优化的角度来看,是有很大的区别的。

Heading标签一般用于文章大标题以及每段的小标题,而Strong标签一般用于文章段落中的重点词汇,而B标签一般只是强调一种视觉效果。

5、ALT标签

ALT标签是一种图片标签,它将图片的信息以文本的形式展现。对ALT标签的使用没有太多要求,只要在网页中出现图片的部分添加上该属性即可,但其标签内容应与相应页面内容具有相关性,长度不得过长,一般1~5个单词即可。