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>

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

HTML5指的是万维网的核心语言，标准通用标记语言下的一个应用超文本语言（HTML）的第五次重大修改。将HTML做这次的修改，集结了所有人的智慧和心血，这次的重大修改推动了WEB标准化运动的发展。在这个修改的版本中，新的功能不断推出，以帮助WEB应用程序的作者，努力的提高新元素的操作性。

既然HTML5是网页改版的一次创新，那么它跟我们所熟知的SEO有必然的联系吗？实际上，HTML5与SEO之间有着千丝万缕的关系。

第一、使搜索引擎更加容易抓取和索引

对于一些网站，特别是那些严重依赖于FLASH的网站HTML5是一个大福音。如果你有一个都是FLASH的站点，你就一定会看到切换到HTML5的 好处。首先，搜索引擎的蜘蛛将能够抓取你的站点和索引你的内容。所有嵌入到动画中的内容将全部可以被搜索引擎读取。在搜索引擎优化的基本理论中，这一方面将会驱动你的网站获得更多的点击流量。

第二、提供更多的功能，提高用户的友好体验

使用HTML5的另一个好处就是它可以增加更多的功能。对于HTML5的功能性问题，我们从全球几个主流站点对它的青睐就可以看出。社交网络大亨Facebook已经推出他们期待已久的基于HTML5的iPad应用平台，潘多拉也推出他们基于HTML5的音乐播放器的新版本。游戏平台 Zynga也在推出了三款新的在移动设备浏览器上运行的基于HTML5的游戏等等。每天都有不断的基于HTML5的网站和HTML5特性的网站被推 出。保持站点处于新技术的前沿，也可以很好的提高用户的友好体验。

第三、可用性的提高，提高用户的友好体验

最后我们可以从可用性的角度上看，HTML5可以更好的促进用户于网站间的互动情况。多媒体网站可以获得更多的改进，特别是在移动平台上的应用，使用 HTML5可以提供更多高质量的视频和音频流。

HTML5的这一重大改变必将会给网络带来一次划时代的体验，HTML5改版的时候严格遵守W3C的标准，并且它有望成为梦想中的“开放WEB平台的基石，推动更进一步的跨平台WEB应用”，我们不难展望“HTML5是开放的WEB网络平台的奠基石”

---