html做seo优化（html seo代码优化）

本篇文章给大家谈谈html做seo优化，以及html seo代码优化对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、HTML5中哪些标签可以用来做SEO优化
• 2、郑州seo优化：HTML网站代码标签如何优化
• 3、Html如何进行SEO？
• 4、HTML代码怎样做利于SEO优化
• 5、SEO代码优化，HTML标签优化

HTML5中哪些标签可以用来做SEO优化

一、头部代码

1、标题标签(title标签)

在HTML5中标题标签依然存在，其仍然具有不可替代的作用;不过我们看到还有更多的可供搜索引擎识别的代码，我们将改代码的等级微降。

2、元标签(meta标签)

字符集编码声明标签：该标签原本就是搜索引擎必看且首先要看的标签，其他属性都省略唯独留下charset属性能看到google公司用心良苦。

网页描述标签：该标签虽然没有什么提示，但是该区域的内容将会在SERP显示，其重要性不应该被忽略。

二、正文代码

1、头部标签(header标签)

这块区域之前以logo居多，而从目前的情况来看，很多资料都建议在这类使用标题1或2标签，即h1或h2标签。我们认为未来每个网页只会出现一个H1标签，而他的位置就是位于header标签内。该区域我们不建议使用strong标签，不要使用b标签。

2、导航标签(nav标签)

nav标签内基本上都是a标签，而HTML5中不应该靠添加title标签来进行优化，我们建议是用strong标签。

3、文章标签(article标签)

article标签区域，我们可以使用h2标签，而不建议使用h1标签。基本上有多少个article标签就可以使用多少个h2标签。PS：可把SEO乐死了，估计黑帽又找到作弊的地方了。

而article标签区域的section标签将会替代h2标签链接过去的URL的title属性，这块区域的文字有可能将成为目标URL的description内容，即有可能会影响目标URL在SERP中的描述。

4、左或右侧标签(aside标签)

aside标签的文字信息与article标签区域的文字信息需要匹配，如果关联程度不大，可能会影响到该页面以及目标页面的排名。这是在HTML4中很多SEO忽视的一块区域，而这块区域的关键词对本页面可能影响不是很大。因为aside标签的内容基本上都属于公共内容，即会有N多的页面都有该内容。

5、底部标签(footer标签)

footer标签区域的内容对首页的排名将会增加，而对于内页来说搜索引擎将有可能会视而不见。不建议每个web的footer信息都是独立的，这或许意味着新的黑帽手段将会出现。

郑州seo优化：HTML网站代码标签如何优化

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个单词即可。

Html如何进行SEO？

一：html代码头部即head标签的seo设置。

1：meta charset=”UTF-8″：指明网站编码。

2：titleSEO教程自学网_网站SEO优化教程学习『武汉小明SEO』/title：网站标题设置，标题里面的语句字字千金，需着重把握。

3：meta name=”description” content=”SEO教程自学网,解答seo是什么,武汉小明专业研究搜索引擎优化,致力网站SEO优化教程学习以及seo技术教程培训,提供自学seo视频教程免费观看。” /：网站描述设置，描述也能影响目标关键词排名。

4：

meta http-equiv=”Cache-Control” content=”no-transform” /

meta http-equiv=”Cache-Control” content=”no-siteapp” /

meta name=”applicable-device” content=”pc,mobile”

meta name=”MobileOptimized” content=”width”/

meta name=”HandheldFriendly” content=”true”/

移动禁止转码声明。

5：script src=”//msite.baidu.com/sdk/c.js?appid=1567888488359210″/script：百度熊掌号ID声明。现目前熊掌号是大势所趋，很有必要。

6：link rel=”canonical” href=””/：百度明文规定支持的一种标签，目的是给搜索引擎传达信息：来抓取网站管理者想要呈现的重要内容。

7：其他方面的设置，如301重定向，404页面等。

二：html代码其余部分进行seo设置。

1：h1span class=”yusi-mono”SEO教程自学网/span/h1。

h1标签是权重标签，建议一个页面使用一次即可。

2：strong class=”text-success”/strong。

个人认为，strong标签有强调作用，比B标签效用更好。

3：

a target=”_blank” href=”” title=”seo经验案例分享”img src=”” title=”seo经验案例分享” alt=”seo经验案例分享” //a。

图片必须添加alt标签，搜索引擎根据alt标签中的内容来识别图片。

4：

script type=”application/ld+json”

{

“@context”: “”,

“@id”: “”,

“title”:”有关Canonical标签的一些说明”,

“images”: [

“” ],

“description”: “nbsp; 如果网站中有大量网址形式不同而内容相同的页面，那么从网站seo优化的角度来看，是有问题的。不同的网址都可以访问同样内容的页面，会给有可能引起搜索引擎的误判。Canonical标签的出现，”,

“pubDate”: “2017-10-22T12:57:35”,

“isOriginal”: “0”

}

/script

熊掌号页面改造代码，经过相关代码设置，能让页面符合熊掌号规范。

5：

script

(function(){

var bp = document.createElement(‘script’);

var curProtocol = window.location.protocol.split(‘:’)[0];

if (curProtocol === ‘https’) {

bp.src = ‘’;

}

else {

bp.src = ‘’;

}

var s = document.getElementsByTagName(“script”)[0];

s.parentNode.insertBefore(bp, s);

})();

/script

主动推送相关代码，借助用户行为，点击之后自动推送给百度搜索引擎。

HTML代码怎样做利于SEO优化

SEO代码优化入门的最佳HTML代码教程

我们先看下最基本的HTML标签元素

1、!--页面注解--

2、html

3、head

4、title页面标题/title

5、meta http-equiv=Content-Language content=zh-cn

6、meta http-equiv="Content-Type" content="text/html; charset=gb2312"

7、meta name="keywords" content="关键词"

8、meta name="description" content="网站描述"

9、link href="/img/index.css" rel="stylesheet" type="text/css" /

10、script language="JavaScript" src="/include/dedeajax2.js"/script

11、/head

12、body

13、div

14、h1页面内容标题/h1

15、h2页面相关性标题/h2

16、h3标题系列/h3

17、h4标题系列/h4

18、h5标题系列/h5

19、h6标题系列/h6

20、img src="xxx.jpg" alt="图片说明"

21、a href="/" title="链接说明"链接词/a

22、strong重点关键词强调/strong

23、b关键词强调/bu关键词强调/ui关键词强调/i

24、/div

25、div

26、版权部分关键词强调

27、/div

28、/body

29、/html

********************************************************

注：在body../body标签区中的罗列，都是一些基础的HTML标签，这些标签出现的次序是可以变化的。

我们一步一步来说。

第1行的!--页面注解--。这个标签是用来做HTML代码注解的，很多站在这里会写上关键词，这种形式的注解在浏览器中是不会显示的，而搜索引擎可以读到。所以这个标签有的时候会成为作弊的一种形式，不要过多的用这种标签到来注明你的关键词，否则如果搜索引擎认为你是作弊的话，就惨了。

第4行title页面标题/title。这是相当重要的！这里字字值千金！对于做百度seo的朋友，一定要记得这个标签可能是你是否真正能够做到排名靠前的重点，而且这个重点绝对不容忽视。标题主要注意你的用词，如果你做垃圾站，堆关键词也无所谓，如果你要做正规站点，请你正确对待，写得标准一点，不要堆关键字，保持你的主要词在这里出现三次，太多对你没有好处，对排名也不会有好处。GG并不喜欢太长的标题，百度也偶尔提到只希望在标题的前20个字里出现你的关键词。明确这些以后，还要注意的是，你的主要关键词应该在标题里越靠前越好！

第7行meta

name="keywords"

content="关键词"。这个的用途现在权重越来越低，但是再低都是有权重的，只要认真对待，这里的词是有效果的。这里注意两点：第一、大部分人都会选择在这里写关键词不会超过三个，有的人直接只写一个，这是有好处的，每一处标签都有权重，你强调的内容越少，那么它的权重会相对更高的，所以不要写太多，否则不如不写，而让搜索引擎自己去判断你的页面关键词。第二、几乎所有的SEO专业人员都会跟你说尽量在每一个页面写不同的关键词，避免被认为是重复页面的危险。

第8行meta

name="description"

content="网站描述"。这个是主要为了在搜索结果里出现的索引结果的，索引结果就是在百度搜索你的站的时候标题下面的摘要内容。这是一个页面的导读，用来说明网页的主要内容，当然现在的权重不高，跟keywords标签一样，不太受重视。而且现在由于搜索引擎机器人的越来越智能化，基本上已经实现整个页面的摘要内容随意出现它的索引结果里了，搜索引擎会根据你搜索的内容不同显示不同的索引。你如果要写description，就认真去写，很多人是用这里来控制搜索引擎的索引显示的，因为网站描述写得越具体，就越有可能在索引的时候出现这个标签中的内容。

第9行link

href="/img/index.css" rel="stylesheet" type="text/css" /

这个只是一个CSS样式表的 调用方式一共分2一种直接把CSS写进HTML 一种是这种相对方便 和减少网页代码量的做法 调用CSS样式表!

第10行script

language="JavaScript" src="/include/dedeajax2.js"/script

这个是调用JS(javascript)文件的方法 也可以直接把JS写进HTML网页 但这样和上面的CSS调用一样 方便减少网页代码量!

本来以为JS代码搜索引擎抓取不了 但实验结果表明SE已经能够抓取JAVASCRIPT内的代码! 实验页见( /seojs.html )

第14行h1页面内容标题/h1。这个标签是一个页面最重要的标签，也是搜索引擎定位这个页面的主要依据，如果你的h1标签里没有出现你的页面关键字，那真是的一种很大的损失，这里的权重相对于其它的在body区的标签来说更加重要。在HTML代码中，它的重要性仅次于title。很多人放弃写这个标签，对于搜索引擎是很不友好的，你可以不出现其它的强调关键词的标签，但是这个标签一定要出现，这是告诉搜索引擎你的页面用一句话应该如何表达，如果这一行字都没有，再智能化的机器人可能都会以你的title来决定是否用来作为一个词的排名，很多时候一个网站的页面标题都是完全一样的，因为他们程序的原因，但是如果你没有办法修改title，已经损失很大了，而如果你的页面这个h1标签也没有出现的话，我不知道搜索引擎会怎么样去理解一个页面，对于SEO来说，那真很糟糕的一件事情。所以，认真对待你的页面h1，这是很重要的，要强调的是，这个标签一个页面不要出现太多，道理很简单，太多会让别人无法确定你页面中哪一个才是最重要的，无法确定重点跟没有这个标签我觉得没有太大的分别。所以，最好只出现1次，以达到明确说明的目的。

第15行h2页面相关性标题/h2。这个标签与h1是一样和道理，但是权重相对来说较低，如果你的页面没有h1，那么这个标签对于页面来说基本上就相当于h1的重要性了。这里面你包含的是长尾关键词相关的内容，比如你的页面做几个关键词，主词应该出现在h1里，那么其它的词以及你想发展的词就可以出现在h2里，这样来说是一种合理的安排。

而h3~h6这些标签，重要性是依次递减的，在一个页面的权重越来越低。

第20行img

src="xxx.jpg"

alt="图片说明"。我想这个标签很多人都知道，它的作用很明确，不是指定一张图片的说明文字，让搜索引擎知道这张图片是关于什么的。比如你的图片是"周杰伦"，那么你的alt="图片说明"中的"图片说明"就应该是与"周杰伦"相关的词或者句子。这样写当然也有利于你在图片搜索的结果里显示排名更前面一点，不过现在百度基本上是以页面标题作为一张图片排名的要素，当然，你的alt标记做得好，将会增加你的图片匹配度。关于图片说明的研究，以后我也许会写一篇分析性的文章，因为有a链接的图片里，还会有一个title标签，title与alt这两个谁重要，是有必要研究一下的。

第21行a

href="/"

title="链接说明"链接词/a。这是链接说明，同进也是一个页面链接的SEO重点，这里的"链接词"相当的重要，如果你跟别人交换链接，你这个词的写法是起着外链好坏与否的决定性因素的。"链接词"建议你最好写成自己的关键词，如果觉得实在不行或者怎么样，你一定要在"链接说明"里出现你的关键词。否则对于排名，你的链接做得没有太大的好处。这在SEO专业术语里还有一种叫法，叫做"google****"，就是用很多站点，同时做链接到一个网站，然后所有的"链接词"都写一个词-"周杰伦菲"，不久以后google就会将这个站当做"周杰伦"这个词最权威的站点，即使被那些站点链接的这个页面没有任何与"周杰伦"相关的内容，这个网站在"周杰伦"这个词的排名情况也会很好。不过google已经调整了算法，但是这样做链接肯定是有用的，一定要认真对待你的链接。还有一个重点，就是对方的链接，如果是JS调用的，你就别想在他那里得到任何权重，因为搜索引擎不会去读取JS里的内容，所以，建议大家好好做链接，不要做了链接你的站却跟没做一样。像百度空间的友情链接就是JS文件调用的，所以百度空间里的友情链接你是没有权重的。具体可以查看HTML代码，正常情况下一个页面你找不到你的网站地址在a../a标签内出现，基本上这就是属于无效链接。

第22行strong重点关键词强调/strong。这个标签基实重要性仅次于h1，很多人都这样跟我讲。所以我也基本上认同，很确定的是它比b、u、i等标签要权重高。所以如果你的页面有很重要的词，而你想强调它，首先选这个strong标签吧，接下来相对不重要的词强调请你选b、u、i等标签。当然，不要用得太多了，用得太多没有重点就等于没有用了。

第27行版权部分关键词强调。我为什么要写这个？因为这个权重越来越高了，在底部版权部分，很接近版权部分出现的关键词，是一种SEO策划的手法。在这里强调你的关键词，是让你的关键词布局更加合理，而不是头部出现关键词，中部强调很多次，而底部却什么也没有关联，这个词在这个页面是否值得怀疑呢？

SEO代码优化，HTML标签优化

众所周知，网站优化过程中html标签的使用是优化中代码优化必须经历的基础性问题，合理使用html标签的目的是通使用有相对应的结构的含义的Html的标签来获得搜索引擎的认可。我们知道所有的html标签都是有着自己本身的含义的，搜索引擎理解页面的方式就是通过标签，比如表示是文章的标题，表示是网页的主体内容，是段落标记等。

第一，合理使用html标签的目的和意义.我们知道搜索引擎抓取网页内容是通过蜘蛛程序爬行进行网页信息提取的，在提取重要信息的时候是通过基础代码来实现的，为了让搜索引擎方便、准确的抓取页面的主要内容，SEOer需要为网页人工减噪。事实上，仅仅做完减噪这一步，仍然不能保证搜索引擎正确的理解了这个页面。而做好语义化布局之后，在搜索引擎看来，这个网页的结构一目了然，这就好比是用户在看一篇排版很好的文章一样，阅读的舒适度和速度都将大大提升。

对于搜索引擎而言，有了良好的结构和语义，搜索引擎蜘蛛能顺利的理解网页的正文标签的含义，比如那些是标题，那些加B标签或者strong标签的都是需要重点关注的，这样的网页权重分配你所需要表达的重点细节搜索引擎都能够非常迅速的一目了然，这样SEO优化你所需要表达的东西才能最大限度的发挥出来。

第二，如何正确的使用html标签。笔者认为对于网页设计者而言我们只需要在使用标记的过程中明白每一个标签的含义，在正确的位置进行合理的使用和布局即可，比如段落标签P，段落内的文字会自动换行，既然是段落表面上看起来会出现换行，但是这个时候不需要用去换行了，是处理段内文章换行的标记，对于段落还是用P标记比较合适。标题标签h1、h2、h3、h4、h5、h6

优化级是越来越低，针对网站大标题，小标题栏目页标题和内容页标题都要视情况进行选择，网页中新闻列表页或者产品列表页标签ul、ol、li，选择列表标签在合适不过了。

第三，在使用标记的过程中我们应该注意那些问题?html标签是提升优化效果界面布局最基础的东西，在使用的过程中我们必须明确每一个标签的含义和使用方式，其次注意标签的嵌套使用的问题，双边标记是成对出现的，一定要写上结尾标示符，而单边标记我们也应该使用反斜杠进行结束，代码的完整性必须很好的体现出来，网页虽然是由很多代码组成的，用户在前台可能看到的都是文字，而蜘蛛在访问网站的过程中正好和我们的阅读方式是相反的，他们都是从网页代码入手，通过网页标签去理解和解读网站的，所以，写作的时候注意规范化的写法是非常有必要的。

最后，笔者总结一下，网站优化过程中随着百度算法的不断升级，对于蜘蛛爬行和抓取效率方面的直接体现就是我们的代码优化，为什么之前的网页普遍采用表格布局，逐步的被div所取代，除了易于维护之外，一个很重要的原因在于div和css标签能够让蜘蛛一目了然的明白网页代码所要表现的含义，所要在进行网站优化之前，合理化的使用html标签是站长必须掌握的基本技能，最好是多去观察网站日志，看看蜘蛛抓取是否顺利。

本帖由三秦seo博客原创：转载请注明!

html做seo优化的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html seo代码优化、html做seo优化的信息别忘了在本站进行查找喔。