您现在的位置是： 首页 > 网站优化 网站优化
html seo标签_seo标签详解
zmhk 2024-05-19 人已围观
简介html seo标签_seo标签详解 大家好，我很乐意和大家探讨html seo标签的相关问题。这个问题集合涵盖了html seo标签的各个方面，我会尽力回答您的疑问，并为您带来一些有价值的信息。1.如何使用h1标签
大家好，我很乐意和大家探讨html seo标签的相关问题。这个问题集合涵盖了html seo标签的各个方面，我会尽力回答您的疑问，并为您带来一些有价值的信息。
1.如何使用h1标签才能更加符合SEO的规范
2.网站SEO优化标题标签怎样使用
3.HTML网页设计头标记中，哪些标记是必须要有的部分？
4.CSS和HTML标签对SEO有什么影响？
5.标签语义化对 SEO 来说有多重要
如何使用h1标签才能更加符合SEO的规范
在网站优化过程中SEOer经常会利用HTML标签来增加优化效果。其中H标签就是我们经常会用到的html标签之一，H标签在网页中对文本标题起到着重强调的一种标签，可以引起搜索引擎的侧重，在搜索引擎访问网页进行抓取时，H标签的内容作为强调部分。在seo圈内，有很多人认为网站该用H1标签，可以促进关键词排名，可也有一些人认为H1不能用，会造成优化过度，也可能影响页面美观，也起不到什么作用。
尽管现在各大搜索引擎中页面中是否存在H1标签以及H1标签中是否存在关键词的作用效果减弱，但H1标签的效果是仍然存在的，Google算法也指出，H标签之间的文字，一定比其它地方的文章具备更重要的意义，只是过分的使用容易产生不利的影响。所以我们完全可以好好利用，没有必要说是完全抵制。那么H1标签该如何用才才符合SEO优化的原理呢？一、H标签是什么？
H标签也叫做Heading标签，在HTML语言里一共有六种大小的heading标签，是网页html 中对文本标题所进行的着重强调的一种标签，以标签<h1>、<h2>、<h3>到<h7>定义标题头的七个不同文字大小的tags，本质是为了呈现内容结构。共有六对，文字从大到小，依此显示重要性的递减，也就是权重依次降低。
W3C指出h1-h7标签可定义标题，h1定义最大的标题，h6定义最小的标题。h标签是成对出现的，以<h>开始，以</h>结束。h1，h2，h3，h4，h5，h6，h7作为标题标签，并且依据重要性递减。遵循这样的原则是很有必要的，它能让页面的层级关系更清楚，让搜索引擎更好地抓取和分析出页面的主题内容等等。
二、各大门户网站对H标签的使用
搜索引擎对H标签极为敏感，用的好搜索引擎会给以非常高的权重，可提升整个网站的关键字权重，甚至带来大量的长尾词。乱用H标签不仅不会给网站带来好的权重，同时也有可能被搜索引擎认为作弊，最后导致K站。所以，用好H标签至关重要。
1、H1标签的使用情况
（1）、网易首页
网易首页中只在LOGO前面出现一次H1标签，文本内容是网易，但仔细观察，这一次H1标签就是为了突出品牌关键词，纯粹给搜索引擎看的，对于用户是隐藏的。
（2）、A5站长网首页
A5站长网的首页也只用了一次，用在了网站LOGO。
（3）、站长之家首页
站长之家首页也是只用一次，也是用在LOGO。
从上面的截图马海祥发现，各大网站首页对于H1标签都只是用了一次，要么用在网站的品牌关键词，要么直接用在LOGO上。在网页设计中直接使用H1标签可能产生不够美观的效果，所以很多人会用css加以隐藏。或者将H1标签加到网站的LOGO中使用。这样不仅能对主关键词起到强调效果,增强相关性，同时也不会影响美观。而在内容页，也都是用一次，一般都是对内容页大标题再次进行强化。
2、H2标签的使用情况
（1）、网易首
从上面的截图，马海祥发现在网易首页中出现7次，有的是文章标题，有的直接只是加粗使用。
（2）、A5站长网首页
A5站长网也就出现8词，全部是主页的文章标题，至于站长之家是直接没有H2标签。从上图马海祥可以发现H2标签各大网站用得就比较多一些，主要是用在网页的主要文章标题或栏目标题，有的甚至直接用在加粗了，只不过用H2来加粗强调效果肯定是强于strong标签的。后面的H3、H4等大家可以通过马海祥博客的文章看一下，因为也不是太重要，所以在这就不多说了。
三、H标签的作用
在html里的每一个标签都有其自身的意义，而H标签作为标题标签，它的意义更是至关重要。对于H标签的用法特别是h1的用法一直是个争议的问题。
1、H标签直观的告诉用户，网页哪部分是重要的，哪些是不那么重要的。heading标签通常用来为用户展现网页的结构，由于heading标签通常会使某些文字比普通的文字大，对于用户来说，便于他们更直观地看出这些文字的重要性，而且可以帮助他们理解heading文字下方的内容。多种渐变大小的heading一开始主要为网页的内容创建分层结构，便于用户直观地浏览网站。
2、H标签引导搜索引擎，网页哪些是重要的内容。对搜索引擎来说，<h>标签的主要意义是告诉搜索引擎这个是一段文字的标题或说是主题，起强调作用，h标签的权重会高于Strong，因此在搜索引擎优化中H标签的运用非常重要。
因为，搜索引擎需要在一堆文本中明白它写的是什么，所以，它也依照人们的阅读习惯，首先寻找文章的标题，然而，不像人们那样可以迅速确定标题是什么，搜索引擎是“盲人”，所以，使用<h>标签就指导搜索引擎标题在那里，便于它们迅速掌握文本大意。
标题（H1-H6）标签是采用关键词的重要地方，这个标签应该包括文本中最重要的关键词，Google算法就指出，这个<h>和</h>直接的题头文字，一定比其它地方的文章具备更重要的意义，但是，过分的使用容易产生不利的影响。关于更多的谷歌的算法，大家可以通过马海祥博客的《盘点Google(谷歌)历年来对搜索引擎算法的更新改进》来具体了解。
四、如何使用H1标签？
1、H1标签最好用在H2-H6之前，并且一个页面只用一次，不要一直用。有些站点在一个页面大量的使用，甚至出现了几十次，看到关键词就用，觉得可以增强效果，其实不然。H1可以用但不要泛滥，我们是有效的堆砌而不是胡乱的强塞。合理的使用H1标签可以给网站带来好的效果，而使用的不恰当会给网站带来不利影响，严重的甚至会导致K站。
2、H1标签中使用的关键词，应该是页面最主要的关键词或品牌词，并且应该是在网页标题中使用的关键词。H2-H6根据这个原理逐级递减，从一般关键词到长尾关键词，从长尾关键词到标题，不过一般H3以后就用得比较少了，因为H1代表最重要的，H6代表相对最不重要的，再者越到后面意义越来越小。
3、H1标签之间肯定是需要包含关键词的，但是这个关键词也是需要具有可读性和合理性，不要为了强调而把这个关键词加进去，而是因为这个关键词需要被强调才来加H1标签，注意先后。是先有关键词，然后给关键词加H1标签。
4、如果把H1标签加在LOGO，ALT信息上要加上网站名或品牌词，这样才能更加突出首页的关键词，不然给一个加H1，你觉得会有什么效果呢？
5、H1标签尽量靠近在html中的body标签，越近越好，以便让搜索引擎最快的找到主题。从上面的例子马海祥就可以发现H1标签都在body代码的最前面，为什么？因为搜索引擎的抓取就是从上而下来的，这样可以让H1标签强调的关键词最快被发现。
6、内容页H1标签一般都是用在内容的大标题，最好也是只用一次，不过有很多内容页也用了2次，一次用在LOGO或出现在网页最前面的主关键词，一次用在内容的大标题上。如果最前面没有主要的关键词，建议最好还是只用在大标题上一次。
7、当不想将H1标签用在LOGO上并且网页主要的关键词在后面的时候，如果还是想加H1标签并且想H1标签的关键词靠前，马海祥建议可以利用DIV+CSS布局来调整主关键词的位置，这样也不会影响页面效果。
8、不要总想着加H1标签，很多大网站也是没有用H1标签，像百度、新浪、爱站网等压根就没用H1标签，所以只要真真切切的为用户提供信息就可以了，至于是不是一定要用H1标签就不一定了。
五、H标签使用的SEO建议
1、每个网页只能拥有一个<h1>标签。
2、<h1>用来修饰网页的主标题，一般是网页的标题，文章标题，<h1>中部署主关键词。<h1>尽量靠近在html中的<body>标签，越近越好，以便让搜索引擎最快的领略主题。
3、<h2>表示一个段落的标题，或者说副标题，部署长尾关键词。
4、<h3>表示段落的小节标题，<h3>效果跟Strong差不多，一般是用在段落小节。
5、<h4>-<h6>基本很少用到，是告诉搜索引擎这些不是很重要的内容，当一篇文章内容较多的时候，可以用来说明一些内容是不很重要的。
网站SEO优化标题标签怎样使用
SEO是搜索引擎优2113化（SearchEngineOptimization）的英文缩写，中文译5261为“搜索引擎4102优化”。在了解1653搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中的关键词自然排名，获得更多流量，从而达成网站销售及品牌建设的预期目标。（一）明确设计任务
设计是一种审美活动，一般都很艺术化。但艺术只是设计的手段，而不是设计的任务。对网络而言，网页设计的任务是实现设计者要表现的主题和功能。站点性质不同，任务也不同。政府网站、商业网站、行业网站在页面的分割、内容布局、界面的亲和等问题上都不一样，需要区别对待。
（二）使用安全配色方案
颜色是由光的折射产生，红、黄、蓝是三原色，其他的色彩都可以用这三种色彩调和而成。美丽而丰富的色彩总能唤起人类的心灵感知，利用颜色的变化来表现光影效果，可以让作品更贴近现实，引起受众的情感共鸣，从而得到较好的传播效果。在设计中要充分考虑网页的适应性，在视觉上应该是一个整体，尽量使用网页安全色，会取得一个和谐、悦目的视觉效果和良好的用户体验。
（三）采用标准化的DIV网页布局
在XHTML网站设计标准中，采用了DIV+CSS的网页布局方式实现各种内容的定位而非Table（表格）布局。DIV+CSS达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的，可以更方便搜索引擎的索引。而Table布局会产生很多的垃圾代码，修饰的样式与布局的代码混合，很不利于直观。因此Div更能体现样式和结构的分离，结构的重构性强，也更符合web设计标准。
搜索引擎对标准化制作的页面给予了更高的权重，并且使用DIV+CSS的架构也有很多优势，比如改版方便，不需要变动页面的内容，网页打开速度也会明显加快。但应该注意的是要适当控制网页的体量。
（四）精简冗余代码
在设计的时候要学会不留垃圾代码，合理运用JS（JavaScript脚本语言）、FLASH（动画）以及PICTURE（）。搜索引擎不认识FLASH、PICTURE是众所周知的，可以通过增加ALT标签加以描述；可将JS放在页面代码的底部以降低对搜索引擎的影响。但一味追求美观而大量使用来代替文字，对搜索引擎很不友好，是非常不明智的做法，页面中重要的地方应尽量使用文字而非或FLASH。
（五）尽量使用静态导航
网站导航主要功能在于可以引导用户方便地访问网站内容，对搜索引擎也会产生诸多提示作用。好的网站导航要做到便于用户的理解和使用，让用户对网站形成正确的空间感和方向感，清楚当前所在的位置，找到自己想要的东西。用FLASH制作导航，虽然吸引了客户，获得了美观，但却忽视了搜索引擎识别不了FLASH导航的内容,这对网站的影响很大。
（六）避免堆砌关键词
现在在网页设计中都知道关键词对页面在搜索引擎中的排名很重要，但在设计网页的时候要有策略的插入关键词,不能有大量的重复关键词。在搜索引擎的网页排名算法中，很重要的一个因素就是关键字密度，即某个词语在网页中的分布情况。一般来说，一个页面的关键词密度保持在2%-8%之间，密度过低会导致没有好的排名，而密度过高则很有可能导致被搜索引擎降权，起到相反的效果。
(七)合理使用HTML标签
很多网页设计师会忽略网页中的各种META标签，如keyword(关键词)、Description(页面描述)等，完善Head区的这些辅助标签会使得页面在搜索引擎中更受欢迎。同时每个页面的TITLE（标题）是形容一个网页的最直观的部分。因此，网页本身是什么内容，搜索引擎蜘蛛首先会去从TITLE中发现。
HTML网页设计头标记中，哪些标记是必须要有的部分？
网站SEO优化标题标签的使用方式介绍：一：首页的html标签
（一）title标签的重要性
1.title标签是参与匹配排名最为重要的要素；
2.title标签的写法有两个极端：
a.只写网站名或者品牌名以及广告语——最有利于树立品牌形象，但不利于关键词的优化，常见于知名网站、门户网站以及一些新站，不做SEO的网站：
b.只写关键词，目标关键词——最有利于关键词匹配，但是不利于树立品牌，一定程度损害了用户体验
c.绝大多数网站title介于两个极端之间。
（二）首页title写法原则
1.一般而言，首页title应该采用网站名称与关键词的组合方式；
2.根据网站自身的情况确定网站名称与关键词的组合方式，网站品名+关键词，关键词+网站品名；
3.title所包含的关键词热度越高越好，总指数不应太低；
4.根据团队实力，网站权重决定关键词的竞争度；
5.最长不超过30个汉字，且越短越好；
6.重要关键词放在开头的靠前位置；
7.一般建议用英文“，”号，下划线“_"做分隔符，也可以用“|”。（有排名的关键词，一定在标题里）
（三）推荐写法
1.营销网站：产品关键词及其长尾词（2—3个）+网站品名（或者品名关键词组合）：
a.适合中小企业网站的优化；
b.前期可以全部使用长尾词；
c.随着网站权重的提高，可以做热度更高，竞争度更高的词；
d.营销站无特殊原因，一般应维持这种状态；
2. ?信息类，门户类，资源共享类等流量型网站；
前期：长尾词（2-3个）+网站品名；
中期:核心关键词（高竞争度）、长尾词（2-3个）+网站品名；
后期：网站品名+核心关键词、长尾词（2-3个）；
（四）其他注意事项
1.一般title是一组词组成的，而不是句子。出关键词，网站品名之外的字词都不应该出现。知名站除外。
2.网站品名为企业名或者产品名时应用简称；
3.title中的长尾词包含较短的关键词时，该较短的关键词一般不再重复：
a.尽可能缩短title长度，
b.有利于增加不同的关键词
（五）首页keyword标签
1.按照标题包含的关键词在前，其他目标关键词在后的顺序填写。应将title中的关键词，包括长尾词中的短关键词，全部罗列出；
2.一般而言3-5个为宜，稍微多一些没什么影响；
3.一般建议用英文“,”号做分隔符；
（六）首页description标签（描述）
1.围绕网站主题内容和目标关键词，是对网站的概要介绍，80个字左右即可；
2.title中的关键词要在描述中出现1-2次，并出现在前80个字内，保证目标关键词能显示在搜索结果摘要中；
3.语句通顺形成一段文字。能突出特点，体现优势、形成吸引力。
特别提示：html头部标签修改需谨慎：
a.能不修改，尽量不修改，能少改尽量少改；
b.一般周三至周五不要修改；
c.修改之后务必保持网站持续更新（每天三五篇文章）；
二：栏目页的title
1.与本栏目的主题一致；
2.可能的情况下将栏目名改造成一个长尾词；
3.推荐做法：a.栏目名+网站名；b.关键词+网站名；c.栏目名+（1-2个）长尾词；d.栏目名+（1-2个）长尾词+网站名；
4.栏目页关键词设置：与栏目名相关的长尾词1-3个即可；
5.栏目页的描述：与首页描述的要求一致，即围绕着栏目主题和目标关键词写；
三：内容的html标签设置
1.title即文章标题，需要包含目标关键词；
2.关键词即本文主推的关键词，一般是文章标题中包含的关键词；
3.描述即文章提要，也要包含关键词；
四：H标签，即heading标签
a.是对文本标题所进行的着重强调的一种标签；
b.包括h1，h2，h3，h4
五：h标签的使用
1.h1一般用在内容页的正文标题上，一个页面只用一次，
2.h2：
a.可以用在任何网页，一个页面最多补超过5次；
b.内容页用h2一般在重要段落的标题或文章副标题设置；
c.首页，栏目页，一般用在主要文章的标题位置。
3.h3：
a.可应用于网页各个地方，无次数限制；
b.在内容页一般用于重要性一般的段落标题；
4.h4-h6：
a.可应用于网页各个地方，无次数限制;
b.表示重要性一般的跟加粗的；
CSS和HTML标签对SEO有什么影响？
网页中主要由以下几个部分组成：html
body
head
这几个是网页组成的必须要的标签。除了这些，同时还需要设置SEO中最重要的3个meta标签，分别是网站标题，网站描述，网站关键词。
标签语义化对 SEO 来说有多重要
非常大的影响，准确的说网页上的内容就是html标签和CSS样式共同组成。然后告诉浏览器页面内容多排版和条理。比如说
<title>这个是页面标题</title>
以上html标签的含义就是告诉浏览器和搜索引擎，这个页面的标题是<title></title>中的内容。搜索引擎的爬虫模拟人工智能识别页面内容，你的页面内容写的越规范，搜索引擎越容易理解，SEO效果越好，反之亦然。所以按照W3C的规范进行HTML代码都书写是有益于SEO的，比如在
<title>Document</title>?<!--?输入标题?-->
<meta?name="description"?content="这里是网页的描述">
<meta?name="keywords"?content="这里是网页的关键字">
或者这样编码
<body>
<!--?页面头部?-->
<head>?
<!--?页面导航?-->
<nav>?
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</nav>
<!--?页面导航//?-->
</head>
<!--?页面头部?//-->
<!--?页面底部?-->
<footer>?
<address>
Written?by?<a?href="mailto:webmaster@example.com">Donald?Duck</a>.<br>?
Visit?us?at:<br>
Example.com<br>
Box?564,?Disneyland<br>
USA
</address>
</footer>
<!--?页面底部//?-->
`
</body>
这样就是非常清晰的表达方式，搜索引擎看的懂，看的更快，不收录你收录谁！
语义化的HTML结构怎么理解
关于html结构的面试题，语义化的html占据了很大一部分。那么为什么要使用语义化的HTML看语义化的HTML到底有什么好处呢看
HTML是提供网页文档内容的上下文结构和含义；html本身是没有表现的，我们看到例如<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要认为这是html的表现，这些其实html默认的css样式在起作用，所以首先我们要知道html和页面的表现是没有关系的，这些是css的事情。HTML在页面中的作用就是结构和含义，通俗点说就是划分内容，这里放什么，我们放的是什么。
语义化的HTML结构首先要强调HTML结构
HTML结构是页面的骨架，一个页面就好像一幢房子，HTML结构就是钢精钢筋混泥土的墙，一幢房子如果没有钢精钢筋混泥土的墙那就是一堆费砖头，不能住人，不能办公。css是装饰材料，是原木地板，是大理石，是油漆，是用来装饰房子的，CSS的强大就不用多说了，css如果没有html结构那就是一堆木板，一同油漆，没有了实际使用价值。CSS完全依靠引用它的(X)HTML文档。如果你想使CSS的能力充分发挥到极致，提供一个用既干净又有结构的内容的html是非常必要的，逗HTML是在互联网上发布超文本的通用语，HTML使用标签来对文本结构化地。
语义化的HTML结构怎么写看
HTML是一种对文本内容进行结构和意义（或者说逗语义地）进行补充的方法。它会告诉我们说：逗这行是一个标题，这几行组成了一个段落。这些文字是项目列表，这些文字是链接到互联网上另一个文件的超链接。地值得注意的是，不应该让HTML来告诉我们：逗这些文字是蓝色的，这些文字又是红色的。这部分内容是最最靠右的一栏，这行内容是斜体字。地这些和表现相关的信息是CSS的工作。在做前端开发的时候要记住：HTML告诉我们一块内容是什么（或其意义），而不 是它长的什么样子。当我们提到逗语义标记地的时候，我们所说的HTML应该是完全脱离表现信息的，其中的标签应该都是语义化地定义了文档的结构。
语义化的HTML结构其实很简单，首先掌握html中各个标签的语义，<div>是一个容器；<strong>是表示强调；<ul><li>是一个无序列表等等…在看到内容的时候想想用什么标签能更好的描述它，是什么就用什么标签。
语义化的HTML结构到底有什么好处看
我们知道HTML5新增的标签，比如<header>和<footer>，html正在朝着更加健壮的语义化的HTML结构发展，xhtml2在这点上没html5先进，这也是xhtml2死亡的一个原因，这一点也说明语义化的HTML结构是html的发展趋势。
1.去掉或样式丢失的时候能让页面呈现清晰的结构：
html本身是没有表现的，我们看到例如<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要认为这是html的表现，这些其实html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML结构的优点，但是浏览器都有有默认样式，默认样式的目的也是为了更好的表达html的语义，可以说浏览器的默认样式和语义化的HTML结构是不可分割的。
2.屏幕阅读器（如果访客有视障）会完全根据你的标记来逗读地你的网页.
例如,如果你使用的含语义的标记,屏幕阅读器就会逗逐个拼出地你的单词,而不是试着去对它完整发音.
3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的支持较弱）.
使用语义标记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条件来渲染网页.
语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况（包括现有的或者将来新的设备）.例如,一部手机可以选择使一段标记了标题的文字以粗体显示.而掌上电脑可能会以比较大的字体来显示.无论哪种方式一旦你对文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面.
4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重.
过去你可能还没有考虑搜索引擎的爬虫也是网站的逗访客地,但现在它们他们实际上是极其宝贵的用户.没有他们的话,搜索引擎将无法索引你的网站,然后一般用户将很难过来访问.
5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记,而只注重语义标记.
因此,如果页面文件的标题被标记,而不是,那么这个页面在搜索结果的位置可能会比较靠后.除了提升易用性外,语义标记有利于正确使用CSS和JavaScript,因为其本身提供了许多逗钩钩地来应用页面的样式与行为.SEO主要还是靠你网站的内容和外部链接的。
6.便于团队开发和维护
W3C给我们定了一个很好的标准，在团队中大家都遵循这个标准，可以减少很多差异化的东西，方便开发和维护，提高开发效率，甚至 实现模块化开发。
如有不同观点，补充，欢迎留言讨论。
好了，关于“html seo标签”的话题就讲到这里了。希望大家能够对“html seo标签”有更深入的了解，并且从我的回答中得到一些启示。
