Html如何进行SEO？

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

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

2：<title>SEO教程自学网_网站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=”http://www.xminseo.com”/>：百度明文规定支持的一种标签，目的是给搜索引擎传达信息：来抓取网站管理者想要呈现的重要内容。

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

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

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

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

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

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

3：

<a target=”_blank” href=”https://www.xminseo.com/2390.html” title=”seo经验案例分享”><img src=”https://www.xminseo.com/wp-content/uploads/2017/09/2-2.png” title=”seo经验案例分享” alt=”seo经验案例分享” /></a>。

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

4：

<script type=”application/ld+json”>

{

“@context”: “https://zhanzhang.baidu.com/contexts/cambrian.jsonld”,

“@id”: “https://www.xminseo.com/2747.html”,

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

“images”: [

“https://www.xminseo.com/wp-content/uploads/2017/10/1-10.jpg” ],

“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 = ‘https://zz.bdstatic.com/linksubmit/push.js’

}

else {

bp.src = ‘http://push.zhanzhang.baidu.com/push.js’

}

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

s.parentNode.insertBefore(bp, s)

})()

</script>

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

代码优化就是对网页中的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、 较少或删除注释代码，注释代码对于搜索引擎来说，就是很噪声，无法被识别及抓取，最好的办法是删除

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

1、代码精简

怎么说呢，正常网站的开始都是用 CSS+DIV 页面布局的，还有 flash、js 来进来满足 w3c 的网页标准，但是有些开发人员就把 CSS 和 js 直接页面里，而不是采用调用的方式来，这样搜索引擎在抓取时就会长，不利于搜索引擎的抓取，抓取的时间越长对网站的服务器压力大，所以要把 CSS+JS 采用调用的方式来减少搜索引擎的抓取，减少服务器的压力，利于网站的优化，而且页面更加的美观。

2、H 标签

H 标签有着规范网页内容条理清晰、排版规则。H 标签的使用，正常一个 H1 标签只能在一个页面出现一次，H2 到 H6 可以多次出现。首页，栏目页等的 H1 标签一般要放在 LOGO 哪里，文章页的 H1 标签要放在文章标题哪里。这样才是 H1 正确的使用方法。

3、nofollow 标签

nofollow 标签的使用就是有外链时加上 nofollow，比如：QQ，别人网链接，分享链接。还有一些没有用的栏目，比如：联系我们，公司简介等。nofollow 的意思就是告诉搜索引擎”不要追踪此网页上的链接或不要追踪此特定链接”。限制传递权重给别的网站，就怕把自己网站权重分给了别的网站的意思。

4、Alt 属性

Alt 属性就是网站图片的描述，好让搜索引擎知道图片的意思，利于图片的收录优化。

5、网站地图

网站地图，又称站点地图，它就是一个页面，上面放置了网站上需要搜索引擎抓取的所有页面的链接（注：不是所有页面）。大多数人在网站上找不到自己所需要的信息时，可能会将网站地图作为一种补救措施。搜索引擎蜘蛛非常喜欢网站地图。

最重要的一个

你的网页必须能被百度正常识别读取

---