Blog/ technical SIO / Mastering HTML H1 和其他标题标记以更好地搜索排名

掌握 HTML H1 和其他标题标记以更好地搜索排名

SEO和内容营销专家、编辑和SE Ranking的Webinar主机

SE Ranking的SEO主管. Anastasia在网站技术和网页优化、链接建设和内容营销方面有着丰富的经验

总结此博客文章:

试想一下, 登上一个网页, 它只是一堵纯文本的墙, 没有清晰的段落, 没有找到具体信息的指导, 读者和搜索引擎都感到困惑。

这才是标题标签的作用。 它们将内容分解为易于消化的章节,总结关键的想法,帮助用户浏览页面,同时给出搜索引擎关于其结构的线索.

我们将会超越基本知识,

• 为什么标题标签对于您网站的成功至关重要。
• 标题标记和标题标记之间经常被混淆的区别。
• H1标签与标题标签有何不同,为何重要。
• SEO和用户经验的标题标记的重要性。
• 使用标题标签提升搜索排名的最佳做法。
• 还有更多!

*使用HTML标题标记按等级顺序排列(从到),从逻辑上组织内容,使用户和搜索引擎更容易理解您的网页结构.

• 将H1作为您页面上的主要标题,并将H2标记作为子标题。 这些小节还可以包括H3标题. 通常,h4-h6标记的用户较少.

• 不要跳过标题级别,

• 请确保您的 H1 标签正确总结页面内容,并匹配用户搜索意图。

*保持您的H1和标题标签在服务不同目的时的不同:标题标签在SERPs中可见,因此它应该吸引点击,而H1标签则更注重组织页面内容.

什么是航向标记?

标题标记是一个HTML元素,它定义了页面主标题(

)和各个部分的子标题(

-

),以将其与其他内容和结构相区别.

从人和搜索引擎的角度来看,这些标记被用来总结文本,通过简洁的传达其主要信息,让读者和爬行者掌握内容的要点.

万维网联盟在HTML中定义了六个级别的标题,其中 " h1 " 是最重要的标题, " h6 " 是最重要的:

在SE Ranking,我们用WordPress发布我们的SEO博客和文章. 但无论您是否在 Google Docs, WordPress 或其他服务中创建内容, 标题选项总是可用 :

现在,让我们仔细看看标题在你的网页上直播时是什么样子。 您可以在下面的截图中看到两个 HTML 标题 :

当然,你可能会认为,我们只是增加字体,加强文字或改变其颜色。 虽然情况可能如此,

当我们查看页面的源代码时,我们可以看到这些H标记实际上分别用

和

标记:

在此您还可以看到 HTML 标记工作的基本规则 : 头牌是成对的,因此需要在“h”之前加一个斜线的关闭标记。

QQ HTML 语句 标题标签与 HTML 标题标签?

让我们来澄清关于何为h标签的困惑。

1. " 标题标记 " 一词是H标记最常用和最适当的用语;这是Google在其准则中使用的。
2. " 标题标记 " 一词有时被用作标题标记的同义词。 例如,Bing在准则中使用了它.

然而,后者可以创建 qonplusion ,因为它的单数形式具有另一个含义: "header " 标记。 页眉标记是指标记HTML页面上部且用户无法看见的<页眉>. 需要建立页面布局。 对于其他标记,请检查我们完整的SEO HTML标记列表.

自动调试(_HTML) 标题标记_和_HTML标题标记_在HTML结构中服务不同的目的,并在SEO中扮演不同的角色. ** 标题标记界定网页正文内内容的等级结构,而标题标记则用作介绍内容或导航的容器。 ** 标题可以用于组合元素,如标志,导航菜单,搜索表,或者任何其他通常出现在网页或部分顶端的内容.

只要比较这两个例子就能看出区别.

以下是标题标签的长相:

主控标题标记:终极指南

了解标题标记

标题标记用法 : 最佳做法

以下为页眉标签的样子:

< 标题 >
[img src="logo.png" alt="Site Logo"] (中文(简体) ).
导航
<! -- -- 导航链接 >

(中文(简体) ).
</标题 >

什么是H1标签

H1是主要标题,将内容的本质概括为一个短语. 例如,此文章的 H1 标记是 _ Mastering HTML H1 和其他标题标记,以更好地搜索排名. _ 以及研究这个话题的好处。 本文章的另一个很好的H1标签示例可以是_HTML标题标签解释:组织你的网页内容像Pro._

这两个例子都解释了该文章关于该页主要内容的主要专题,并与该页的主要内容有关。 这一点很重要,因为当搜索引擎爬行页面时,它们会使用h1作为一个页面的强烈指标. 上面的例子也符合搜索的意图,这就是为什么搜索者来到你的页面,以及他们想在那里找到什么信息。 就我们而言,读者想要了解H1和其他标题标签是什么以及如何正确使用.

H1对H2

H1标记是页面上最重要和突出的标题. H2标记是H1的次要标记,用于将内容分解成逻辑块. H2标题的尺寸一般小于H1,但仍显眼以引导读者.

整个页面可以(并且应该)使用多个H2标记来创建层次结构. 它们有助于指导用户和搜索引擎通过H1标题涵盖的更广泛的主题范围内的主要主题.

XQH1 对标题标签

H1标记是网页正文中一级标题的HTML元素. 不仅需要提供网页内容资讯, 还需要提供网页结构,

标题标记也是一个在页面本身上不可见的HTML元素(但如果检查HTML代码或者在页面标签上徘徊,则可见). 在SERP上显示, 此块HTML主要用于搜索引擎.

以下是创建这些标记的拇指规则: ** 使用不同变式的焦点关键词,恰当描述文章的中心话题或页面内容。 页:1

让我们举个例子:

_H1:谷歌的特色片段: 最大的一块SERP派?

Title: 特色片段:类型、惠益和优化这些片段的方法

为了方便这项工作,你可以使用我们的关键字生成器。 转到关键字研究模块,输入种子关键词(最一般和最短的短语,恰当描述您的页面),并选择您感兴趣的国家.

转到关键字建议报告和_类似_和_关联_标签中找到搜索量最高的两个最相关的关键词(在搜索量高的关键词中选择难度较低的关键词)。 但不要使用单词搜索术语,因为它们通常具有模糊的搜索意图.

以下截图中的两个关键词,

同时,在这个模块中,您也可以检查这些搜索查询的顶级-10有机结果,以了解他们拥有的H1 HTML标签. 提示 : 先看看他们的头衔

如果您需要帮助创建 h1 或标题标签,您也可以使用 SE Ranking 的 AI Writer 。 除了帮助您建立 SEO 简报和生成高质量的文本之外,它还允许您根据您的目标关键词在几下点击中生成 H1 标题,子标题和标题标记.

** 为什么你需要使用标题? 页:1 页:1

标题标记为网页提供了两个巨大的好处:可读性和等级. 他们执行两项主要任务,即在访问网页时确保积极的用户经验,并帮助搜索对象更好地了解你的内容。

让我们仔细看看这些任务。

** 标题标签增强用户经验* 页:1

标题标签可提高内容的可读性,并使人们更容易消化。 43%的民众表示, 因此,合适的标题可以让人们快速浏览内容,了解是否是他们需要找到的东西。

或者,标题可以帮助读者跟踪其位置,以防其中断。 这会导致人们在你的页面上停留更长的时间.

最后,HTML标题的结构对于帮助视障者阅读数字内容也是至关重要的. 现在,由于H标记用HTML写出,屏幕阅读器辅助技术可以解释任何网页的结构,向被禁用的用户大声宣读. 此外,屏幕阅读器提供快捷键,让用户在标题之间轻松移动,便于导航.

h1,h2,h3和其他标题帮助搜索引擎理解您的页面* 页:1

写得好的标题标记使得搜索引擎更容易理解一个页面的主要话题和结构. Bing证实了这一点,在Google Webmaster Hangout的一次会议上,John Mueller表示Google确实使用H标记来更好地理解页面上文本的结构,它也是Google使用的排名因素之一.

H标签帮助爬行者了解页面适合的类别,以及它可能能够回答的查询. 也就是说,有一个清晰和适当的页面结构可以帮助 Google了解, 与响应搜索者的询问显示页面相关,

Google 在为 Featured 片段提取内容时也可能使用您的 HTML 标题 。

例如,“mac 2024的最佳屏幕录制软件”是最好放在列表式博客文章中的问题。 这类页面的结构通常有一个

标记,然后是用

标记包裹的物品清单。 或者您可以有一个

标记跟随

标记,只有这样,才能有一个带有

标记的项目列表.

在页面本身也可以看到,标题“2024年Mac用户十大最佳屏幕记录器”被包裹在

中,屏幕记录软件解决方案列表是

。

因此,不仅标题标记会影响SEO,使用HTML H标记也会帮助产生质量内容,具有良好的可读性.

** 使用标题标签的最佳做法* 页:1

为了有机会获得高SEO的排名,

以下是在您的内容中创建有效的 HTML 标题的一些 SEO 最佳做法 。

** 在

标签上聚焦**

尽管你可以在不使用H标记的情况下进行有机排列,但这样做是一个巨大的浪费机会,将导致你有一个不完整的SIO配置.

现在,由于 " h1 " 标记旨在明确描述页面上的内容,它必须:

• 专注于与主要内容相同的用户意图
• 自然和有机地写作
• 置于页首
• 不同于元标题标签, 并在整个网站独有
• 包括重点关键词
• 不使用内线样式
• 每页使用一次

请检查Google关于标题的建议,

现在你可能想知道: 能给我两个或更多的H1标记吗?

在HTML5的单个网页上设置多个

标记在技术上是可以接受的. 使用多个“h1”标签是可以接受的,

约翰·穆勒

谷歌高级搜索分析员/搜索关系小组组长

您可以在页面上经常使用h1标签. 没有限制。 上下两边都没有 你的网站没有H1标记或者有5个H1标记就可以完美无缺.

虽然拥有多于一个

标记在形式上不是一个问题,但有两种方法 Google可以考虑这个情况。 搜索巨头会给出:

• 第一个 " h1 " 标签的重量增加(Bing确认确实如此);
• 与页面上每个
  

  标记的重量相等,导致其总价值下降。

这在单页网站很常见, 尽管如此,对于多页网站,一些SEO在页面上粘贴一个单一的"h1"标签,以明确定义主要话题,避免混淆.

有时内容创建者只是重复"h1"标签应该所在的标题标签,这是一个浪费了巨大的机会. 所以,确保你们两个都到位,而且他们都不同。

** 正确使用

-

标签* 页:1

您的h2- h6 标题需要作为网页的大纲。 类似于为纸张编写大纲,将您的主要点放入h2标记,内容的子点放入h3标记等等. 如果某一页有目录, 则应该由该页的标题组成(从H2开始),

通常使用

和

标记,而

很少使用,更不用提

和

标记.

正确使用

-

标题标签的最佳做法如下:

• 使用所需的许多
  

  标记来标记页面的不同内容部分。 通常每200-500字就有一个

  标记,

• 保持它们与本专题的相关性,并确保它们听起来自然。
  但用这些豆子来引起读者的兴趣,
• 保持标题层次, 不要跳过级别 。
• 优化所有显示片段的HTML标题,仿佛它们都是FAQ的集合。

-

标签对于帮助组织长式内容,如案例研究或“如何操作”来说是巨大的。 为了让网页主题对人们和搜索引擎都更加清晰,请在标题中使用搜索词来增加你前来搜索的机会. 但其中包含关键词并非绝对必要, 因为爬行者可以掌握同义词和背景定义来理解内容。

### 不要用关键字过度显示标题标签

如果您仍然决定在标题中使用关键字, 请避免关键字填充 。 这包括在你的H标记中经常重复相同的单词或短语,以致于读者听起来不自然. 搜索引擎在侦测关键词填充方面相当精密,认为这种操纵战术排名较高.

让我们看看HTML h1标签的一些例子。

购买廉价跑鞋、折扣跑鞋、跑鞋销售

H1标题不自然地重复了关键词“跑鞋”。 “

\\ h1 > 每名运动员的跑鞋交易

这个标题是自然的。 包括相关关键词,

** 核实标题**

有几个选项,包括通过浏览器检查功能,源代码,WordPress进行人工检查,以及在SE Ranking等平台的帮助下进行自动化审计. 包括以下所有选项。

### ** 使用 SE Ranking 的自动解决方案检查您的 H1 和其他 HTML 标题* 页:1

在SE Ranking,我们开发了两种工具,可以自动扫描你的整个网站,以及特定的网页. 让我们看看他们各自能做什么,

#### ** 网上审计**

为了获得综合网站审计报告并快速检查标题,使用SE Ranking的网站审计工具. 该工具会提供您的页面列表及其h1和h2标签,并将自动指出您 HTML 标题的问题。 你也会得到如何修复它们的指示。 顺便说一句,欢迎你们利用自由试验来尝试它的所有特征。

虽然为 < h1> 和 < h2> 标记长度设定的默认限制是100个字符,但该工具允许定制,以便您在标题较长或较短的情况下获得良好结果时可以轻松更改。 如果你的标记超过或低于百人限制,

学习如何在我们的新指南中适当审计一个网站,并获得一个核对表,是所有的基本步骤。

#### ** SPO检查器* 页:1

另一种办法是在网页上检查某一网页,并对网页的所有标题进行有意义的分析。 您可以使用 SE Ranking 本身的 On-Page SIO 工具做到这一点。 它可以对照目标搜索查询来审计一个特定的网页,并通过全面的SRP分析提供深刻的见解. 还有 这个工具还检查了你页面上的每个H标记

在On-Page SEO之下 审核标签,您可以看到一个单独的带标签的文本内容,用于分析文本内容,包括HTML标题标签.

除此之外,去竞争比较 并在那里找到内容标签。 在这里,你可以检查所有的标题 您的主要 SERP 竞争者。

运行在现场检查

获得SERP支持给竞争对手的提示

除此之外,该工具还评估了网页上的一些其他要素,包括描述、URL、内容、图像、互联、页面体验等等,这些要素可以极大地帮助加强您的网页上空间环境工作。

### ** 检查 HTML 元素**

在使用Google Chrome等浏览器时,右键点击一个元素,并选择“检查”。 “

这将打开一个面板, 您可以查看 HTML 和 CSS 中选定元素的信息 。 看看周围有没有"hQ"标签

如果使用 Safari 浏览器, 您可以遵循相同的步骤, 除非在 Safari 中, 此特性被称为 “ 检查元素 ” 。

点击时, 您可以看到一个类似的控制台窗口, 您可以检查突出显示的元素 。

### ** 分析源代码**

使用 Google Chrome 时, 右键单击 HTML 页面并选择“ View Page Source ”。 “

在打开的窗口或面板中,使用 CTRL+F 和 QQ Cmd+ 输入您想要的 H 标签 。 如果它不在那里,你就会知道钻头:回到画板上。

对 Safari 浏览器来说, 过程是一样的, 但右键点击 HTML 页面时, 您需要选择“ 显示页面源” , 然后搜索您的标题 。

** 最终想法* 页:1

使用 HTML 标题标记来构建内容,并在您的网页上分拆章节。 这可以增强读者的经验,提高内容的可读性和可读性。 使用SE Ranking工具验证您的标题。

继续关注我们的博客,

安德鲁是SEO和内容营销专家,编辑,以及SE Ranking的Webinar Host,另外还有来自各种营销媒体的客座贡献者. 安德鲁热衷于内容,营销,社交媒体,以及SEO最佳做法,并利用他的经验帮助公司更有效地接触全球受众. 当他不写SEO和市场营销时,