html seo代码(html代码大全(很全的))

Html如何进行SEO

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

1：<metacharset=”UTF-8〃>：指明网站编码。

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

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

4：

<metahttp-equiv=”Cache-Control”content=”no-transform”/>

<metahttp-equiv=”Cache-Control”content=”no-siteapp”/>

<metaname=”applicable-device”content=”pc,mobile”>

<metaname=”MobileOptimized”content=”width”/>

<metaname=”HandheldFriendly”content=”true”/>

移动禁止转码声明。

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

6：<linkrel=”canonical”href=”代码其余部分进行seo设置。

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

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

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

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

3：

<atarget=”_blank”href=””title=”seo经验案例分享”><imgsrc=””title=”seo经验案例分享”alt=”seo经验案例分享”/></a>。

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

4：

<scripttype=”application/ld+json”>

{

“@context”:“”,

“@id”:“”,

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

“images”:[

“”],

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

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

“isOriginal”:“0”

}

</script>

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

5：

<script>

(function(){

varbp=document.createElement(‘script’);

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

if(curProtocol===‘https’){

bp.src=‘’;

}

else{

bp.src=‘/push.js’;

}

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

s.parentNode.insertBefore(bp,s);

})();

</script>

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

seo优化html代码

HTML代码的几个优化重点

一、Title标签

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

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

二、Meta Description标签

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

三、Heading标签（H1- H6标签）

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

四、Strong和B标签

相信大多数朋友都知道Strong和B标签都有加粗的意思，但是很多人并不清楚两者具体有什么区别。其实B标签就是单纯地将文字加粗，而Strong标签不仅是对文字加粗，并且这种形式的加粗会告诉搜索引擎该部分文字比较重要。所以两者从搜索引擎优化的角度来看，是有很大的区别的。

上文中所提到的Heading标签页具有加粗效果，那么这三种标签到底该怎么用？其实，Heading标签一般用于文章大标题以及每段的小标题，而Strong标签一般用于文章段落中的重点词汇，而B标签一般只是强调一种视觉效果。

五、ALT标签

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

以上介绍了HTML代码中的五种重要标签，相信会对做SEO工作的人员特别是SEO新手具有很大帮助。对HTML代码的优化一直是我们做搜索引擎优化工作的非常基础并且重要的一部分，只有做好了这部分优化工作，我们才能开展更加深层的优化。

html标签权重分值排列分值

内部链接文字 10分

标题title 10分

域名 7分

H1，H2,字号标题 5分

每段首句 5分

路径或文件名 4分

文本用法(内容) 1分

title属性(例如: a href="" title="") 1分

alt标记 0.5分

HTML代码怎样做利于SEO优化

由于文字内链_点击实体词"target="_blank">搜索引擎预处理的第一步就是提取文字内容，所以seo人员应该尽可能的降低搜索引擎提取页面文字的难度。换句话说就是精简Html代码，减少html的格式代码，让真正的文字内容在页面中所占比例提高。

常用的可以精简代码的方式：

1、使用css定义文字字体、颜色、尺寸、页面排版。避免使用css，又在课间文字部分用style或者font在定义一遍字体，尺寸等。这样都属于没有必要的代码。

2、使用外部文件。将css和js放在外部文件中，页面html中只要放一样代码调用就可以了。

3、减少注释，虽然注释对于程序员来说还是非常有用的，但是对于搜索引擎毫无意义

4、减少表格，特别是嵌套表格。