标题标签:用于 SEO 的 H1、H2 和 H3 HTML 标题标签的简单(但完整)指南

已发表: 2020-08-25
标题标签指南

这是 2021 年标题标签的完整指南。

在这个新指南中,您将确切地了解如何使用 H1 到 H6 标签来提高搜索引擎排名,即使您是 SEO 标题标签的新手,或者被(被 Google)欺骗认为标题标签不会工作。

您将学习所有您需要了解的关于 HTML 标题元素的知识,从它们的本质(简单地说)到已证明可以增加内容的覆盖面和参与度的高级标题策略。

以下是所涵盖内容的快速概述:

  • 什么是标题标签以及如何使用它们
  • H1、H2和H3标签之间的区别以及何时使用每种类型是正确的
  • 标题标签现在必不可少的五个原因
  • 完美结构化标题标签层次结构的剖析
  • 如何创建提供更高排名(和销售额)的 H1 到 H6 标签
  • 还有更多

让我们开始吧。

下载:一个免费的清单,它将准确地向您展示如何实施本文中包含的标题标签优化技巧。

什么是标题标签? 行话自由定义

简单来说:

标题标签是用于定义页面标题的 HTML 元素。

它们将标题 <h1> 和子标题 <h2> 到 <h6> 与其余内容区分开来。

从 1 到 6 的数字决定了标题在标题结构的整体层次结构中的重要性和位置。

H1, H2, H3 Header Tags

与大多数 SEO 术语一样,有各种各样的同义词可以互换使用来描述标题:

标题标签、HTML 标题和 H 标签是描述同一事物的其他一些方式。

因此,如果您以前听过这些 SEO 术语,现在您就知道它们的含义了。

它们都只是标题标签,名称不同。

另一方面,“ HTML 标头”是网页上<header>元素之间的代码部分。

它是介绍性内容的容器,例如导航、徽标、作者信息和标题详细信息。

换句话说,它是一个可以包含您的标题标签(以及其他内容)的容器。

Headers Tags Vs Header HTML

您也不应该将标题标签与 HTML 代码的 < head > 元素混淆。

< head > 是元数据(关于数据的数据)的容器,位于网页中的 < html >标记<body> 标记之间。 它的内容不会呈现在页面上,但对 SEO 至关重要。

它是代码中存放页面标题、元描述和 Google Analytics 等脚本的地方。

Head Tags Vs Head Element

还在我这儿?

太好了,让我们继续。

什么是 H1 标签?

假设您对 H1s 一无所知。

我将与您分享一个非常简单的定义:

H1 是一个 HTML 标记,用于指示网页上的主要标题。

让我们打开它。

  • 它是一个 HTML 元素,这意味着 H1 标记位于您网站的代码中。
  • 它用于标记主标题,通常是页面上的第一个可见标题。

为了使文本脱颖而出,H1 标签通常比页面或帖子上的其余文本更大、更显眼。

H1 Header Tag Blog

了解如何使用 Heading 1 标签的最简单方法是想象您正在编写文档的大纲。

您的文档的主标题应该是您的 <h1>。

它应该代表文档的整体主题,并在开头以大字体显示。

SPI H1 Heading

H1 标签示例:

使用上面来自 Smart Passive Income 的示例,H1 标签具有“学习道德联盟营销”的价值。

在 HTML 中查看时,H1 标记如下所示:

 <h1>Learn Ethical Affiliate Marketing</h1>

当然,您网站的页面可能需要多个标题。

这是其他标题标签的用武之地。

什么是 H2 标签?

而您的H1 标签用于文档的主标题

您的主要观点包含在称为 H2s 的子标题中。

换一种说法:

<h2> 标签定义网页中的二级标题。

但是,标题标签不会停留在 H2s。

<h2> 标签下方的子点使用 <h3> 标题标签:

H1, H2, H3 Heading Structure

<h3> 标签下面的子点使用 <h4> 标题标签。

H1 to H6 Heading Structure

这个序列可以一直延续到 <h6> 标记,这些标记在标头标记层次结构中最不重要。

然而:

您很少会编写足够深的内容以需要 H4、H5 和 H6 标签。

(除非您的内容很长且技术性很强)。

就像图片 SEO 上的这篇文章一样,我的大多数博客文章的长度都超过 5,000 字。

博客文章字数

即便如此,我的副标题仅由 H2 和 H3 组成:

H2, H3 Tag Structure

所以让我们总结一下 H2 标签:

H2 副标题标签用于分解内容并使其可扫描且易于阅读。

H2标签

H2 用于突出显示页面上的重要信息和标题小节。

如有必要,您可以使用 H3 标签作为 H2 下方子点的标题。

使用上面的示例,这是 H2 标签在 HTML 代码中的样子:

 <h2>How To Claim Your Business On Google</h2>

知道了? 好的。

接下来,我们将深入研究标题标签以及如何在 HTML 中对它们进行编码。

HTML 中的标题标签:以及 H1 的重要性

标题标签,特别是 H1 标签,在 HTML 结构中具有基本功能。

让我解释:

HTML 文件可以定义为节点的组合,其中标题标签是其他节点分支的起点。

因此,一个 HTML 文件(理论上)应该只有一个 H1 标题。

为什么? 因为 H1 标签是所有其他节点开始的根。

相反,可以根据需要尽可能频繁地使用顺序较低的标题(H2 到 H6)。

但是,它们应该保持逻辑层次结构——稍后会详细介绍。

从代码的角度来看,标题标签仅用于显示文本。

因此,标题的格式应在 CSS 文件中指定,以分隔格式和内容。

标题标签的示例以及如何在 HTML 中对其进行编码

使标题标记成为网站代码中的标题的是两个简单的 HTML 标记:

一个开始 <h> 和一个结束 </h> 标记。

这两个标签内是您要显示的标题文本:

H1 Tag Exampe

带有两个子标题的标题的代码行如下所示:

 <h1>This is a heading</h2> <h2>This is a sub-heading</h2> <h3>This is a third sub-heading</h3>

当然,您的网站代码不仅会显示标题。

它也将包含正文和其他元素。

这是包含一系列标题和正文的 HTML 代码的样子:

 <h1>This is a heading</h1> <h2>Summary</h2> <p>Some text here...</p> <h2>Examples</h2> <h3>Example 1</h3> <p>Some text here...</p> <h3>Example 2</h3> <p>Some text here...</p> <h2>See also</h2> <p>Some text here...</p>

代码元素仅此而已。

只要记住:

每个标题标记都以开始 <h> 标记开始,并且必须以结束 </h> 标记结束。

标签层次结构 (1-6) 在“h”之后立即指定,并且应该在开始和结束标签中定义。

您的文本内容写在两个标签元素之间。

说了这么多:

除非您对网页进行自定义编码(我通常不建议这样做),否则您的标题标签的 HTML 代码将由您的内容管理系统处理。

如何在 WordPress 中添加 H1 到 H6 标签

WordPress 是网络上最受欢迎的内容管理系统。

根据 WordCamp,目前有超过 7500 万个网站使用 WordPress

这约占万维网上所有网站的 30%。

使 WordPress 如此受欢迎的原因在于它的搜索引擎友好性和易用性。

添加自定义页面标题和永久链接、超链接和优化图像等 SEO 功能在 WordPress 中轻而易举。

将标题标签添加到页面或帖子也是如此。

在 WordPress 中添加标题标签有两种主要方法; 我会告诉你两个:

(一种)。 通过编辑器在 WordPress 中添加 H1 标签

添加标题的最简单方法是通过编辑器。 如果您已经在使用 Gutenberg 块编辑器,请单击“+”按钮并选择“标题”;

Adding Header Tags WordPress Block Editor

从那里,您可以选择要添加的标题。

Heading Tag Selector WordPress

如果您仍在使用经典编辑器,它也很简单。

只需确保您位于编辑器的可视选项卡上并导航到文本样式下拉菜单即可。

然后只需从下拉菜单中选择“标题 1”或“标题 2”……或您想要的任何其他标题。

H1 Tags WordPress

容易吧?

在 WordPress 中添加 H1 到 H6 标签的下一个选项是使用 HTML。

(b)。 通过编辑器在 WordPress 中添加 H1 标签

如果您愿意,也可以使用 HTML 在 WordPress 中添加标题。

我确定您一直在关注,所以您已经知道 <h1>、<h2>、<h3> 等的 HTML 代码。

它以开始 <h> 开始,以结束 </h> 标记结束,标题文本夹在中间:

要使用经典编辑器在 WordPress 中将 <h1> 添加到 <h6> 标签,您需要在文本选项卡上:

Adding H1 Tags WordPress HTML Block

在块编辑器中,您必须切换到以 HTML 格式编辑。

为此,请单击块工具栏中的三个垂直点。 然后,选择编辑为 HTML 选项。

像这样:

H1 Tags WordPress HTML Classic

在任一编辑器中,只需从以下内容复制/粘贴您要使用的标题标签,更新您的标题文本,您就可以开始了。

 <h1>This is an H1 heading</h1> <h2>This is an H2 sub-heading</h2> <h3>This is an H3 sub-heading</h3> <h4>This is an H4 sub-heading</h4> <h5>This is an H5 sub-heading</h5> <h6>This is an H6 sub-heading</h6>

接下来让我们将注意力转向 Shopify。

如何在 Shopify 中添加(或更改)H1 到 H6 标签

自出现以来,Shopify 迅速成为首选的电子商务平台。

据托管法庭称,近 50 万个网站正在使用 Shopify。

与 WordPress 一样,Shopify 最吸引人的地方在于它以用户为中心。

管理产品、添加和删除页面以及帖子都非常简单。

将 <H2> 添加到 <H6> 标题标签也是如此。

在页面或帖子编辑器中,只需单击格式选项卡:

Adding Heading Tags Shopify

然后选择您想要的标题标签:

Shopify Heading Tags Formatting

与 WordPress 和其他内容管理系统一样,Shopify 也提供了代码编辑器。

要使用代码编辑器向 Shopify 添加标题,请单击编辑器窗口的 <> 按钮并添加您的标题代码:

Shopify Text Editor

很简单!

另一方面,如果您希望在 Shopify 商店的其他页面(如主页或产品页面)上添加和优化 <H1> 和 <H2> 标签...

您需要编辑 Shopify 主题文件。

幸运的是,Plugin Useful 的 Daniel Sim 在这里整理了一份方便的指南。

为什么使用标题?

所以我们已经介绍了“如何”添加标题标签。

但是,您仍然可能想知道“为什么”首先使用标题?

尤其是当谷歌将 SEO 标题的使用描述为高估时:

John Mueller Heading Tags Quote

不管谷歌怎么说,有(事实上)你应该使用标题标签的几个重要原因

1.标题标签提高了可访问性——这让你的内容更广泛

如果您希望所有人(包括视障读者)都能访问您的内容,那么标题标签非常有用。

屏幕阅读技术使用 H1 和其他标题标签来帮助用户导航内容、扫描和搜索页面。

图片来源:杰基·蒂德威尔

正如您已经了解到的,标题嵌入在 HTML 中,这意味着:

屏幕阅读器可以使用 HTML 来识别内容结构并大声朗读标题。

反过来,这有助于视障和盲人用户了解文章的内容(无需逐字听)。

然后他们可以决定是否完整阅读这篇文章。

更重要的是:

屏幕阅读器将提供从一个标题跳转到下一个标题的快捷方式。

换句话说,标题标签也被视障人士用于导航

2. 谷歌使用 H1 代替标题标签(如果相关)

在某些(并非如此)罕见的情况下;

例如当 Google 无法找到或处理您的标题标签时。

Google 可能会选择从您网页的下一个最相关部分中提取标题。

在更多情况下,这将是 Heading 1 标记,因为它是可用的最突出的文本元素。

标题标签与标题标签

在某些方面,页面的 H1 标签与其标题标签的用途相似。

它应该满足搜索意图,告诉读者他们对页面的期望,并让用户兴奋地阅读更多内容。

现在您知道 Google 可以选择在 SERP 中显示您的 H1; 确保制作一个引人注目的值得点击的标题。

稍后我将分享有关如何执行此操作的提示。

3. 标题用于精选片段

检查此精选片段。

Featured Snippet List Snippet

这是一个列表片段,其中包含 2020 年的顶级社交媒体博客。

而且,你认为这段文字是从哪里拉出来的?

你猜对了。 排名页面的标题:

Header Tags Top Social Media Sites

如果您想出现在越来越多的精选片段中,那么将标题合并到您的页面中至关重要。

这让我想到了下一个原因:

4. 谷歌使用标题来解释你的内容(并给它一个排名提升)。

我将通过 Google 的两个声明来说明这一点。

首先,来自 Google 的高级网站管理员趋势分析师 John Mueller,他说:

“我们确实使用 H 标签来更好地理解页面上的文本结构。”

其次,来自 Google 搜索质量团队的前成员 Matt Cutts。

“谷歌着眼于很多不同的东西。 我们查看了 200 多件事情,PageRank 只是其中之一。 每当我们对事物进行排名时,我们都会在标题中使用事物,在 URL 中,甚至您也知道突出显示的事物,例如 h1 标签之类的东西。”

马特·卡茨,谷歌

要进一步扩展:

Google 使用页面的标题来(更好地)解释内容的内容。

由于标题通常应该在内容块之前:

Google 将查看标题以了解以下内容:文本、图像或视频。

如果您的标题和正文对齐,Google 可以更有信心您的内容将为查询(与内容相关)提供相关答案。

反过来,您将获得轻微的排名提升。

John Mueller Header Tags Quote

有了这个,我使用标题的第五个原因。

5. 标题使用与更高的排名相关

见过的几乎所有 SEO 相关性研究都表明,较高的排名和页面标题之间存在小而正的相关性。

从 SEM Rush 拿这个:

SEMrush Header Tag Study

它发现拥有结构良好的文章(使用 H2 和 H3 标签)更有可能表现出色。

而这个来自 Moz:

Header Tags in Moz Ranking Factors Study

Moz 排名因素研究发现,在 H1 标题标签中包含关键字的页面更有可能排名更高。

虽然这些研究给予标题标签的权重适中,并且;

一些 SEO 会(正确地)争辩说标题标签与更高排名的相关性并不能证明它们会导致更高的排名,我相信你会同意我的观点:

使用经过优化的标题标签是值得的。

或者是吗?

H1 标签真的有效吗(一个 SEO 实验)?

那里的每个 SEO 指南都提供相同的建议:

H1 标签建议
资料来源:Backlinko

但是,并非所有博客都遵循这些所谓的 SEO 最佳实践,Moz 就是其中之一。

Moz.com 是关于 SEO 主题的最受信任(且访问量最大)的网站之一,但是:

Moz 的博客没有 H1 标签,而是使用 H2 标签作为主标题。

在注意到 Moz 博客使用 H2 标签作为标题(而不是 H1)后,Distilled 的 Craig Bradford 联系了 Moz 的 Cyrus Shepard。

克雷格和赛勒斯一起决定进行一项实验,希望能一劳永逸地确定H1 标签是否会影响搜索引擎排名。

为此,他们使用 SearchPilot 设计了 ​​Moz 博客标题的 50/50 拆分测试; 一个 SEO A/B 拆分测试工具。

Moz H2 Tags

在实验中,Moz 的标题一半改为 H1,另一半保持为 H2。

然后,他们测量了两组之间自然流量的任何差异。

当主要标题从错误的标题标签 (H2) 更改为正确的标题 (H1) 时,您认为会发生什么?

答案:

一点也不多!

经过八周的数据收集后,他们确定:

将博客文章标题从 H2s 更改为 H1s 在统计上没有显着差异。

我们可以从中推断出什么?

如果您的主标题包含在 H1 或 H2 中,Google 也同样能够确定页面的上下文。

这是否意味着您应该放弃最佳实践并取消 H1?

一点也不。

标题结构:结构完美的标题标签层次结构剖析

正如我已经指出的那样:

标题传达页面上内容的组织。

并且,让您的内容更容易被读者消费。

因此,即使谷歌已经声明即使没有“标题标签”,他们也可以确定页面上值得注意的内容......

使用标题标签并正确构建它们的 SEO 好处使得所需的任何额外努力都超过了根本不使用它们......

那么问题就变成了:

如何构建标题标签:网页的简单(逻辑)层次结构

在构建标题时,需要遵循一些简单的规则:

  • 按等级(或级别)嵌套标题
  • 最关键的标题排名靠前 (<h1>)
  • 最不重要的标题排名最低 (<h6>)
  • 具有相同或更高级别的标题开始一个新部分
  • 具有较低等级的标题开始新的小节,这些小节属于较高等级的部分

应用这些规则时,请牢记用户。

首先,将扫描您的页面的视觉用户;

您的标签层次结构是否使页面结构更加突出且更易于扫描?

二是视障用户;

您的标签层次结构是否描述了每个部分(以及整个页面),允许盲人用户直接进入他们最感兴趣的部分?

如果您要大声朗读标题标签,用户是否会(准确地)了解您的页面包含哪些信息以及它是如何组织的?

如果您对这些问题中的任何一个回答“否”,您的结构就需要重新考虑。

让我们举个例子:

 <h3>Quick Links</h3> <h3>Photography Tutorials</h3> <h1>Setting the Exposure Manually on a Camera</h1> <h3>Set the ISO</h3> <h4>The effect of ISO on image quality</h4> <h4>High ISO cameras</h4> <h3>Choose an aperture</h3> <h4>The effect of aperture on depth of focus</h4> <h4>Vignetting</h4> <h4>Diffraction</h4> <h3>Choose a shutter speed</h3> <h4>Shutter speed limitations for hand-holding a camera</h4> <h4>Long exposures</h4>

在上面的结构中:

大纲以两个 <h3> 标题而不是 <h1> 开头,并且这些标题都不是网页的主标题。

相反,它们是模板中标题周围导航结构的一部分。

更重要的是,一旦内容开始,大纲从第 1 级跳到第 3 级,中间没有第 2 级标题。

你可以想象;

扫描这些标题(例如屏幕阅读设备上的标题)的用户会有些困惑。

假设内容不是他们想要的;

单击后退按钮并转到其他地方。

访客丢失!

我相信你现在明白为什么正确的标题结构是必不可少的了?

坚持同样的例子……

以下是按适当顺序排列的标题结构:

 <h1>Setting the Exposure Manually on a Camera</h1> <h2>Set the ISO</h2> <h3>The effect of ISO on image quality</h3> <h3>High ISO cameras</h3> <h2>Choose an aperture</h2> <h3>The effect of aperture on depth of focus</h3> <h3>Vignetting</h3> <h3>Diffraction</h3> <h2>Choose a shutter speed</h2> <h3>Shutter speed limitations for hand-holding a camera</h3> <h3>Long exposures</h3>

每一级标题,<h1> 到 <h3>,表示内容的一个部分与其他部分的关系。

标题下的内容在逻辑上与其上方的标题相关。

类似地,<h2> 内容块中的内容在逻辑上位于它之前的 <h1> 之下。

这样,标题结构将文档的内容分层组织。

而且,很清楚什么是重要的。

答对了!

H1 标签检查:如何进行标题审计

所以您现在知道如何在您的网站上构建新页面了,对吧!

但是,您现有的页面呢?

您如何检查他们是否使用了正确的标题标签?

嗯,有两种方法:

首先,您可以检查您网站的源代码

为此,请使用 Google Chrome 浏览到要检查的网页。

接下来,单击“查看”,然后单击“开发人员”,然后单击“查看源代码”。

H1标签审计查看源码

然后'Control F'启动页内搜索功能,然后'<h1'找到开始的H1 HTML标签:

可以使用搜索“<h2”等对 H2 重复此过程。

H2 标签查看源代码查找

您还可以使用 SEO Quake 等浏览器扩展程序查看您的标题标签。

SEO Quake

安装 SEO Quake 后,打开您要检查的页面,导航到 SEO Quake 内的“诊断”选项卡,然后向下滚动到“标题”部分。

它将显示每个级别的标题标签总数,然后在显示的层次结构中列出标题标签。

SEO地震标题标签

对上述页面的快速回顾表明它使用 H1、H2 和 H3 标记,并且标记按逻辑层次结构构建。

但可能有问题。

该页面包含两个 H1 标题。

H1标签:单页推荐多少H1元素

正如我之前指出的,一个页面应该只有一个 H1 标签

这是因为 H1 标签是所有其他标题的根节点。

而且,通过只有一个 H1 标签,您的 SEO 工作集中在一个主要主题上——在使用 H2 和 H3 的标题下有多个(综合)子主题。

这是当今排名的理想结构。

但是你的页面有多个 H1 的情况呢?

甚至根本没有H1?

根据 SEMRush 所做的一项研究,很大一部分网站包含 H1 标签问题:

SEMrush 标头标签研究

但是,根据谷歌的说法,这不必担心:

特别是,因为 HTML5 可以使用 H1 来引导同一页面中的多个部分。

那么我推荐什么?

如果您已经在使用 HTML5,它可以在同一页面中有不同的部分,那么为每个部分使用 H1 标记是非常好的。

但是,如果您使用的是 HTML5 之前的代码,其中一页通常意味着一个核心主题——那么请坚持一个 h1/一页规则!

如何创建杀手 H1 到 H6 标签。 五个标题写作技巧

接下来,我将准确分享如何编写一个标题,以降低跳出率,增加页面停留时间,并最终为您的网站带来更高的搜索引擎排名和转化率。

让我们跳进去:

1. 给他们他们想要的——用 H1 掌握搜索意图

谷歌表示在标题中使用关键字不会帮助您获得更好的排名。

他们错了!

我同意标题内的关键字可能不是直接的排名因素,但它们仍然可以帮助您随着时间的推移获得更高的排名。

怎么会?

两个小字; 搜索意图。

想象一下,您在 Google 上搜索了一些东西,点击了相关结果,然后在着陆页上完成了操作。

在场景 A 中,您点击的页面有一个清晰的标题,与您的搜索词完全匹配。

良好的搜索意图

在场景 B 中,页面的标题与您的搜索词完全不匹配。

错误的搜索意图

你停留在哪一页?

A页,当然。

Google 的机器学习算法 RankBrain 使用这个概念作为排名因素,通过测量用户的停留时间。

长停留时间(AKA 页面停留时间)是衡量搜索者满意度的指标。

如果用户在网页上花费了很长时间——而不是立即返回搜索结果——谷歌将假定用户找到了他们正在寻找的东西。

并且,反过来,给页面一个排名提升。

简单地说:

如今,最大化停留时间和最小化 pogo-sticking 对于更高的排名至关重要。

影响停留时间的最重要因素之一是用户第一次登陆页面时看到的内容。 换句话说,标题。

由于所有付费搜索专家都会告诉您,如果您的目标是关键字“曲棍球棒”,您的目标网页应该在标题中包含该词(或非常接近的变体)。 自然搜索也是如此。

这里的关键是; 目标关键字或紧密变体

当然,您可以根据需要包含确切的关键字,但这不是必需的。

最主要的是匹配用户搜索背后的意图,这允许您使用变体和同义词使您的标题更加自然和吸引人。

无论哪种方式,在标题中反映搜索词都会对用户说,“你找到了你要找的东西”,这增加了他们留下来的机会。

让我们用一个例子来说明这一点:

Detailed.com 的 Glen Allsopp 写了这篇关于链接构建的保险杠帖子。

它针对关键字“高级链接构建”。

高级链接建设

为了帮助帖子满足搜索意图,Glen 在帖子页面标题中包含了他的关键字:

标题标签中的关键字

再次在页面的标题中。

标题中的关键字

任何搜索“高级链接构建”的人都清楚,Glen 的帖子将有他们正在寻找的内容。

这只能帮助改善 Glen 的帖子的停留时间,安抚 Google 的 RankBrain 算法。

2. 使用“那又怎样”的技巧,把你无聊的以功能为中心的标题变成利益驱动的钩子

而不是只写简短的、以功能为中心的副标题。

我将福利纳入至少 50% 的 H2:

利益驱动的子标题

我为什么要这样做?

通过使用好处,我暗示我的信息将如何帮助我的读者扮演 SEO 的角色。

例如:

在这篇关于 SEO 实验的文章中,我本可以将“使用出站链接”写为 H2。

但相反,我包含了一个有影响力的好处,显示了信息将解决的问题。

在 H2 标签中使用好处

如果您是 SEO 并且遇到同样的问题,那么您几乎可以肯定会继续阅读。

那么,您如何制定以利益为导向的标题呢?

问:“那又怎样?” 多次。

让我向您展示我从 Enchanting Marketing 中收集到的一个示例:

特点:烤箱预热快。

所以呢?

很快就可以开始烹饪烤宽面条了。

所以呢?

你的食物很快就上桌了。

所以呢?

生活压力较小。 厨房里等待烤箱准备好的人少了。 而且您不必担心; 你可能会忘记预热烤箱。

您的标题以“预热功能”开头

现在可以变成:

“通过这种独特的预热功能节省时间并减轻压力”

哪个更有可能让粘在页面上?

3.用突出的字体和对比色让你的标题流行起来

您已经确定了您的副本,并且您的标题完美地满足了搜索意图,接下来呢?

为了帮助读者更好地浏览您的内容,您应该区分标题和副标题。

换句话说,您的标题应该在页面上“弹出”。

可区分性可能涉及颜色、大小、字体或效果的视觉差异。

标题区分

或所有这些的组合。

让我们看几个例子:

Ahrefs 博客在区分它们的标题方面做得很好:

Ahrefs 标头

他们使用不同的字体大小,并在向下移动标题层次结构时巧妙地从黑色变为灰色。

对于奖励积分,他们还使用专门为其品牌开发的自定义字体。

另一个很好的例子是 Eric Siu 的 Single Grain,它使用对比鲜明的橙色作为博客标题。

单粒头

您希望您的标题突出,因此它们在视觉上与页面上的其他元素不同——尤其是号召性用语

过多的视觉重叠可能会导致 CTA 上的眼球减少,从而导致转化率降低。

有了这个,我的第四个技巧

4.利用这些漂亮的文案技巧,降低跳出率并提高销售额

如果这不能让你认真对待标题写作,那么什么都不会:

布莱恩·克拉克标题引述

该声明强调了标题的重要性,以及为什么它决定了整篇文章的有效性。

简而言之,你的标题越好,你击败平均水平并获得你所写内容的几率就越大。

这不仅适用于您的主标题(H1),也适用于您的副标题(H2 到 H6)。

每次内容中断时,您的读者都有两种选择;

他们要么停下来,要么继续读下去。

这就是为什么在整个标题(H1 到 H6)中使用引人入胜的文案至关重要的原因。

我不是文案方面的专家,所以我将把它留给 Nevile Medhora KopyWriting Course 来分享一些标题写作技巧。

5. 通过将这些标题元素插入到您的内容中来阻止读者前进

使用图形非常好。

使用标题非常好。

但是当你将两者结合在一起时,真正的魔法就会发生。

正如我们已经讨论过的:

提高用户的页面停留时间可以提高您的排名结果。

长时间的停留告诉谷歌你的用户很满意——反过来,你的内容也会得到排名提升。

停留时间和RankBrain

为了提高页面停留时间,您应该首先关注一件事;

使您的内容更具可读性

除了;

  • 短段落
  • 图像和多媒体
  • 报价块
  • 要点
  • 测验

您应该在子标题旁边插入另一个中断内容元素,这肯定会阻止“内容撇渣器”进入他们的轨道:

自定义标题图形

在 SEO Sherpa 博客上查看有关本地 SEO 的综述。

除了 H2 标题标签外,我还添加了自定义图形来介绍帖子的每个子部分。

自定义标题图形

他们不仅使帖子看起来更令人印象深刻。

但是,它们有助于将页面停留时间提高到 4 分钟的平均水平:

页面停留时间

这远高于该网站的平均水平:

平均页面停留时间

创建这些图形很容易,因为我很幸运有两个全职设计师。

但是,如果您还没有准备好建立自己的设计团队,仍然有很多选择

  • Canva – 图像编辑工具(免费)
  • PicMonkey – 平面设计制作者(免费)
  • 99 Designs – 自由设计师(低成本)
  • Upwork – 自由职业平台(低成本)

无论您选择哪种路线。

下次您编写长篇 SEO 内容时,添加一些标题图形并观察您的页面停留时间(和排名)攀升。

所以你有它,你需要知道的关于标题标签的一切,以及如何使用它们来增强你的搜索引擎优化。

现在交给你了!

如何在您的网站上实践这些技术

我制作了一个免费的标题清单,它将帮助您利用这些技术来提高您网站的性能。

它逐步概述了如何使用我在帖子中谈到的策略。

一旦你在下面下载它,请在评论中告诉我你最喜欢的标题写作技巧。 我很想知道。

标题标签下载