`
agileai
  • 浏览: 60385 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

h1、h2、h3标签及strong标签对页面seo的影响

 
阅读更多

今天和大家来聊下h1,h2,h3,strong几个标签,在网页中的使用对页面seo的影响,也阐述了个人的一些想法。 

首先简要讲下H标签及strong标签的含义:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作为标题使用,h1是最大的标题,h6标签是最小的标题,在使用h标签过程中应该是完整有序没有断层的。例如:h1、h2、h3、h4这样的顺序,象h1、h3、h4就漏掉h2。一个结构良好的网页,h标签可以组织起一个网页的大纲。strong标签是起到强调局部意思,同样可以强调一个架构关系。 

然后,我们看下seo对于页面的要求中,有一点很重要的就是网站的架构条理够清晰,让搜索引擎很容易的都明白,而不是乱七八糟的代码布局,这个条理不仅体现在网站的物理路径、url上,并且在H及相关标签中也有所体现。当然h对于关键字排名有帮助,只是对于网页优化,对于蜘蛛手抓取起了帮组。这里有些人就问了,我是不是H标签用的越多越好。不然,用多了反而会降低页面的权值,搜索引擎有可能认为你作假,下面具体介绍下H标签的用法及技巧: 

大家都知道,每个页面有个<title>标签,它标明了一个页面的主题,而仅次于title标签的就是h1标签,然后是h2,可以得到的标签权重为:title > h1 > h2 >···> h6 >strong;既然h标签是标题的意思,它肯定是围绕页面主题而来的,相应的我们可以把h1、h2、h3当做页面的一级标题、二级标题及三级标题。。下面看一个实例:

<html>
<title>Unvs技术博客</title>
<body>
<h1>C#技术</h1>
<p> 文字</p>
<h2>asp技术</h2>
<p>asp技术文字说明</p>
<h2>net技术</h2>
<p> net技术文字说明</p>
<h3>asp的属性特点</h3>
<p> 属性特点文字</p>
<h3>asp的语法格式</h3>
<p>语法文字介绍</p>
<h1>SQL技术</h1>
<p> SQL文字介绍</p>
</body>
</html>

解释下:

Unvs技术博客为页面的一个主题

C#技术是主题的一个分支,即是主题的一块,用H1标签;

asp技术C#技术标签主题下的一块,用H2标签;

asp的属性特点是从属于asp技术的属性特点,用H3标签;

相信大家一看便明白了(特意用颜色区分了层次关系) 

上面简要介绍了H标签的用法,下面说下使用的技巧和改注意的地方:

1、H1标签一个页面最多使用一个

虽然H1标签是对一个页面内容最强的标题属性,但一个页面所表达的主题越少越好,这个意思就不多阐述了,如果用多了,一个会冲淡主题,二个易被搜索引擎当做欺骗。

2、灵活使用H标签及strong标签

对H标签,传统理解为:h1定义网站标题,h2定义文章标题,h3定义文章子标题。对strong标签,是为文字加粗,同样含有加重此文字的意思,一般也是对于标题。但现实中并非都这般硬套,因网站类型的不同,具体页面功能不同,网站优化的方法也不一样,需要灵活地运用h标签,总之,要使得网页有个好的布局及架构,条理清晰。

3、文章内容页标题用H1标签

对于内容详细页,如果想起到好的优化效果,能在标题上加个H1标签最好,更加突出页面主题。

4、H系列标签的使用原则

一个要突出当前页面最核心的主题。

一个要体现出整个站点的层次架构。 

说了这么多,我也分享一个页面H标签使用方法:(注:网站首页)

  • 头部logo一个H3标签
  • 下面权重一样大的栏目标题,用一个H3标签
  • 如果想体现页面主题的栏目,可以用一个H2标签
  • 如果有一栏权值在网页中很重,例如博客的最近博文列表,可以使用H2、H3、H4分别标注这块的上、中、下,这样加重了这块的一个层次关系
  • 页脚用一个大的H3标签
  • 首页我并没有使用H1标签,是因为我想让Title标签起决定作用,不想用H1减少title标签的作用

上面是个人分享的一个H标签布局方法,欢迎拍砖,使用方法各种各样,只要好的做到了H标签的使用原则,没有滥用标签,那么你的标签布局就是合理的。

作者: unvs  原文网址:http://blog.unvs.cn/archives/h3-tags-seo.html

分享到:
评论

相关推荐

    问鹤分享:博客中h1h2h3和strong的用法

    ### 博客中H1、H2、H3与Strong标签的使用技巧及SEO优化策略 #### 一、H1、H2、H3标签的重要性及其应用 在进行博客或网站内容创作时,正确地使用HTML标签对于提高用户体验以及SEO(搜索引擎优化)效果至关重要。...

    问鹤分享:博客中h1h2h3和strong的用法.rar

    在博客写作中,`&lt;h1&gt;`标签常用于博客文章的标题,`&lt;h2&gt;`和`&lt;h3&gt;`用于各个段落的小标题,而`&lt;strong&gt;`则用来突出关键点或关键词。这样的组织方式使文章结构清晰,易于阅读,同时也有助于提高SEO排名。 下载资源中的...

    H1标签的价值最大化.docx

    在SEO(搜索引擎优化)中,H1标签是一个至关重要的元素,它对网页的结构和可读性具有显著影响,同时也对搜索引擎的爬虫有特殊的指示意义。H1标签被视作网页的主标题,通常用来表示页面的主要内容或主题。本文将深入...

    站在seo的高度去看我们常见的html标签们(seo代码的优化方法)干货!.docx

    - **SEO价值**:虽然该标签本身对SEO影响不大,但它确保了文档结构的完整性和规范性,这间接有助于搜索引擎的理解和索引。 ##### 2. `&lt;head&gt;`标签 - **定义**:包含文档元数据的部分,如标题、元信息、样式表链接等...

    seo-web-developer-cheat-sheet-chinese.pdf

    #### H1、H2、H3标签 这些标题标签用于定义网页内部的标题层次。其中,`&lt;h1&gt;`通常用于页面的主要标题,`&lt;h2&gt;`和`&lt;h3&gt;`则用于次要标题。合理使用这些标签可以增强页面的结构,帮助搜索引擎理解内容的层级关系。 ###...

    SEO 基本功

    - **其他标签**:合理的使用`&lt;h1&gt;`, `&lt;h2&gt;`, `&lt;h3&gt;`等标题标签可以帮助组织页面结构,并增强关键词的相关性。 #### 三、用户体验优化 用户体验优化旨在提升网站的访问者满意度,使其更易于使用。 - **清晰的网站...

    SEO_Web_Developer_Cheat_Sheet.pdf

    H1, H2, H3 标签** - **语法示例:** ```html &lt;h1&gt;最重要内容&lt;/h1&gt; &lt;h2&gt;次重要内容&lt;/h2&gt; &lt;h3&gt;第三重要内容&lt;/h3&gt; ``` - **作用与建议:** - 分别表示一级、二级、三级标题。 - 恰当使用有助于组织页面结构,...

    实战第一讲

    - **H1至H6**:H1标签应用于页面的主标题,部署主关键词;H2用于副标题,适用于长尾关键词;H3表示段落小标题,与strong标签相似,用于强调;H4至H6则用于标注不太重要的内容,当文章内容较多时,可用于区分次要信息...

    HTML常用的标签及使用总结..docx编程资料

    - 标题标签不仅用于美观,也是搜索引擎优化(SEO)的重要因素之一。 - 使用合理的标题层级结构有助于提高网站的可读性和可访问性。 #### 二、HTML水平线 水平线标签`&lt;hr/&gt;`用于分隔文档的不同部分,通常用于视觉上将...

    加粗b与strong的区别分析

    一般建议每个页面只有一个`&lt;h1&gt;`,适量使用`&lt;h2&gt;`和`&lt;h3&gt;`,同时避免过度使用`&lt;strong&gt;`标签。 总的来说,`&lt;strong&gt;`标签在SEO中可能比`&lt;b&gt;`更有优势,因为它提供了语义上的强调,有助于搜索引擎理解页面内容。然而...

    HTML+css基础

    - `&lt;h1&gt;`, `&lt;h2&gt;`, `&lt;h3&gt;`, `&lt;h4&gt;`, `&lt;h5&gt;`, `&lt;h6&gt;`: 标题标签,分别代表不同级别的标题。 - `&lt;em&gt;` 和 `&lt;strong&gt;`: 用于突出显示文本,其中 `&lt;em&gt;` 表示强调,而 `&lt;strong&gt;` 表示重要性更高的强调。 - **示例**:...

    前端必考面试

    块级元素有 div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, p 等,默认 display 属性值为 "block"。 三、link 和 @import 的区别 link 属于 XHTML 标签,而 @import 是 CSS 提供的。link 会在页面加载时同时被加载...

    我的html简历(内含图片音频)

    6. **个人简介**:这部分通常使用`&lt;h1&gt;`或`&lt;h2&gt;`标签作为标题,然后用`&lt;p&gt;`标签写入个人简介文字,可以使用`&lt;strong&gt;`或`&lt;em&gt;`突出关键信息。 7. **技能展示**:利用`&lt;ul&gt;`和`&lt;li&gt;`标签列出你的技能,可以使用CSS...

    初学者代码加图片

    这些标签不仅用于定义文本的样式,也对SEO和可访问性非常重要。 #### 5. 居中标题 ```html &lt;h1 align="center"&gt;这是标题&lt;/h1&gt; 上面的标题是居中显示的。 ``` 虽然`align`属性可以用来设置文本的对齐方式,但...

    前端大厂最新面试题-20180101.docx

    行内元素有 a、b、span、img、input、select、strong 等,块级元素有 div、ul、ol、li、dl、dt、dd、h1、h2、h3、h4、p 等。空(void)元素有 、、、、、等。 CSS 部分 在 CSS 中,inline、inline-block、block ...

    HTML+CSS基础(大部分)

    - **关键词**: 通过`&lt;meta name="keywords" content=""&gt;`来设置关键词,同样对SEO有帮助。 ```html , CSS, JavaScript"&gt; ``` - **样式优先级**: 在CSS中,样式应用的优先级遵循特定规则: - `!important`: 最高...

    Html_作业_BaiduList

    在百度搜索结果中,通常会用`&lt;h1&gt;`表示搜索关键词,`&lt;h2&gt;`用于展示搜索结果的标题,而`&lt;h3&gt;`可能用于次级标题或子类别。 3. **列表标签**:`&lt;ul&gt;`和`&lt;ol&gt;`分别代表无序列表和有序列表,可以用来展示搜索结果的条目...

    面试大全新.pdf

    3. 行内元素有 a, b, span, img, input, select, strong 等,块级元素有 div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4 等,而空(void)元素有 , , , , , &lt;meta&gt; 等。 CSS 部分: 4. 页面导入样式时,使用 link...

    一些HTML代码的编写风格建议小结

    2. **标题标签的使用**:通常使用`h1`、`h2`和`h3`作为页面结构的主要标题,而`h4`、`h5`和`h6`使用较少。原因在于它们在SEO中的权重较低,且在CSS布局中,它们的样式差异不明显。通常的权重顺序为:`h1` &gt; `h2` &gt; `...

Global site tag (gtag.js) - Google Analytics