SEO H1 H2 H3 是什么?如何用Headings标签架构文章内容?
HTML 网页里一共有H1、H2、H3、H4、H5、H6 等一共六个Headings 标签,特别是H1 标签、H2标签跟H3 标签,在SEO中的作用里非常重要。
通常一篇文章的内容,你会使用SEO H1 ~ H6去建构你的文章架构。
能更正确使用这些Headings 标签并且将它们放置到正确的位置上,会对于你的SEO 非常的加分。
一篇SEO 文章内容可能会包含文章标题、子标题跟子子标题…等等,而这些标题就是分别使用SEO H1、H2、H3 . ..等标签去建构的,另外的H4、H5 则是比较少使用到,H6 则几乎不会用到。
如果你还不知道怎样使用Headings 标签(H1、H2、H3、H4、H5、H6)去建构你的文章内容架构,本篇文章会有一个完整的教学,告诉你如何使用这些H 标签充分地运用到你的文章内容里面。
SEO 中的H1、H2、H3、H4 标签是什么?
其实H1、H2、H3、H4、H5、H6 这六个HTML 标签全部都叫做Headings 标签,他们长下面这样。
<h1>這是H1標籤裡面的內容</h1> <h2>這是H2標籤裡面的內容</h2> <h3>這是H3標籤裡面的內容</h3> <h4>這是H4標籤裡面的內容</h4> <h5>這是H5標籤裡面的內容</h5> <h6>這是H6標籤裡面的內容</h6>
例如在猫熊先生的文章里面,你也会看到猫熊先生运用了H1 标签、H2标签跟H3 标签。
所以Headings 标签其实就是用来分别替你的文章标题、子标题跟子子标题来命名,并且用这些H标签来进行段落区分,让你的文章架构变得更清晰。
SEO 中的H1、H2、H3 标签怎么用?
那么可能有人会问,在一篇SEO 文章里面,要如何运用H1、H2、H3 标签呢?猫熊先生制作了一张图来说明如下。
SEO H1 标签位置与使用方式
基本上H1 标签永远应该使用在你的文章标题里面,通常文章标题也会设定成你的Meta title。
而且H1 标签在任何一个网页里面,应该永远只有一个,不宜使用两个H1 标签。
其实,关于一个文章页面是否应该永远只有一个H1,以及是否可以使用H2 标签替代H1 标签,MOZ 有一篇文章专门探讨这个主题,你可以前往阅读:「Are H1 Tags Necessary for Ranking?」。
SEO H2 标签位置与使用方式
至于H2 标签的话,那就跟H1 不一样了,H2 可以有很多个,而且可以用来区隔一篇文章里面的各个段落主题(如下图)。H2 标签是仅次于H1 标签重要的Heading。
SEO H3 标签位置与使用方式
H2 标签再往下就是H3 标签了,H3 标签必须被包覆在H2 标签里面,也就是不能发生H3 标签包住H2 标签的情况,那是错误的使用方法。
通常H3 标签也可以使用在各个段落中的子子观点,或是子子主题。
SEO 中的H4、H5、H6 Headiings 标签
最后的H4、H5、H6 则比较少用一点,H4 可能还稍微会用到,H5 则是当你的文章内容细分到很细的时候,少数情况下可能还会用到,至于H6 猫熊先生自己是真的很少用到就是了。
你也可以发现,基本上一篇文章或是网页,你就是使用H1~H6 来建构你的文章,这样你的文章就会变得很有结构,而且文章结构会很像一个金字塔结构。
H1、H2、H3、H4、H5、H6 标签的权重
既然Headings 标签有H1 到H6 之间的区分,你应该也会很清楚的知道,它们之间的权重是不一样的,H1 权重最大,再来是H2,依次到最后H6的权重最小。
这也是为什么应该永远将H1 用在你的文章标题的原因,因为H1 拥有最大权重。
通常你也会发现,H1 字体是最大的,再来则是H2 ,依此类推H6的字体最小,所以字体大小其实刚好也说明了它们的权重是不一样的。
网页只能有一个H1 标签吗?
虽然John Mueller 表示,你要在你的网页里面用很多个H1 是可以的,但是实务上都会建议h1 只用在你的文章标题、Meta title,文章内的子标题都从H2 开始建构。
文章中不用H1、H2、H3 标签可以吗?
答案是:不可以。如果你文章中放弃使用H1、H2、H3 这种Headings 标签,那么你可以问问自己,还剩下什么HTML 标签可以使用?
基本上你可能只剩下P、UL、OL、DIV、Span…等这些标签。而DIV 跟Span 都是没有语意的,使用它们再透过css 控制文字大小根本不是一个好的主意。