H1 标签是一个 HTML 标题标签，可用于创建主标题或突出显示网页的主要主题。它包括一个开始的 h1 标签、标题文本和一个结束的 /h1 标签。下面我们以一篇博客文章的 HTML 代码中的 H1 标签示例，以及它在实时页面上的 ...
|
H1 标签是一个 HTML 标题标签，可用于创建主标题或突出显示网页的主要主题。 它包括一个开始的 <h1> 标签、标题文本和一个结束的 </h1> 标签。 下面我们以一篇博客文章的 HTML 代码中的 H1 标签示例，以及它在实时页面上的外观。
H1 标签是其他标头 （H1-H6） 中最重要的标头标签。 它纯粹是一个 HTML 元素;但是，您可以使用级联样式表 （CSS） 对其进行样式设置，以改善其在网页上的视觉呈现。 因此，您可能会在 H1 标记中看到其他 HTML 元素。 例如： <h1>7 Link Building Services That Actually Work</h1> 如前所述，H1 标签用于创建主标题或突出显示网页的主要主题。 然而，它的目的远不止于此。 使用 H1 标签以及其他 HTML 标签，可以为您提供一种清晰且结构化的方式来组织网页上的内容。帮助搜索引擎爬虫和您的读者了解页面的结构和流程。 让我们更好地理解为什么 H1 标签对搜索引擎优化 （SEO） 很重要。 为什么 H1 标签对 SEO 很重要？ 向网页添加 H1 标签不是确认的排名因素。 但是，Google 建议使用 H1 标签以及其他 HTML 标签作为 SEO 最佳实践。 以下是一些原因： 1. 帮助搜索引擎了解网页的主要主题 想象一下，在没有任何结构的情况下阅读整篇文章。 喜欢这个：
在上面的例子中，甚至不清楚网页的主要主题是什么。如果没有标题结构，读者就很难浏览网页上的内容流。 这同样适用于搜索引擎。 像您的读者一样，搜索引擎使用 H1 来理解网页的主要主题。 使用 H1 标签是你说“这就是我的页面”的方式。 如果未能向网页添加 H1 标签，则搜索引擎难以确定主要主题。 2. 改善用户体验 谷歌已明确强调，它会奖励能提供良好页面体验的内容。
为网站页面添加 H1 标签是创造良好页面体验的一个方面。 如何？ H1 标记将网页的主要主题显示为页面上最大的文本。 这可以帮助您的读者在继续阅读其余内容之前了解网页的内容。 此外，值得一提的是，当与其他 HTML 标签一起使用时，H1 标签可以让您的读者了解页面上内容的结构和层次结构。
因此，无论他们想导航到特定部分还是只是浏览文章，HTML 标签都能有效地指导他们。进一步改善整体页面体验。 3. 提高可访问性 全世界有数以百万计的视障人士使用屏幕阅读器来理解网页的内容。屏幕阅读器将文本和图像内容转换为语音或盲文输出。 如果未能将 HTML 标签添加到您的网站页面，您就错过了让这些人访问您的内容的机会。 如何？ 在 WebAIM 进行的一项研究中，67.5% 的屏幕阅读器用户报告说他们浏览了网页上的标题。
喜欢这个：
使用 H1 标记和其他 HTML 标题构建网页可以创建清晰的层次结构，屏幕阅读器可以轻松解释该结构。并提供良好的用户体验。 如何将 H1 标签添加到网站页面 以下是跨不同内容管理系统 （CMS） 向网站页面添加 H1 标签的方法。 如何在 WordPress 中添加 H1 标签 大多数 WordPress 主题会自动将 H1 分配给博客文章和其他网站页面的页面标题。 例如，我们博客文章的页面标题之一是“获得更多 YouTube 订阅者的 17 种方法”。 WordPress 已自动为此标题分配了 H1 标签。 <h1>17 Ways to Get More YouTube Subscribers</h1> 同样，WordPress 已自动将 H1 标签分配给我们的主页标题，“SEO 最佳实践与现实世界结果相遇的地方”。 <h1>Where SEO best practices meet real-world results</h1> 您仍然可以直接从 WordPress 编辑器添加/修改标题标签，包括 H1 标签。
如何在 Wix 中添加 H1 标签 Wix 会自动为您的页面标题分配博客文章的 H1 标签。 并且不允许您直接添加更多 H1 标签。但是，您可以通过自定义编码在博客文章中添加多个 H1 标签（即使不建议这样做）。 要将 H1 标签添加到其他网站页面，请单击要分配 H1 的文本。 选择“Edit Text”。
单击“样式”下的下拉菜单图标，然后选择标题为“Heading 1”。
如何在 Squarespace 中添加 H1 标签 Squarespace 自动为博客文章标题分配 H1 标签。 对于其他网站页面，请选择要分配 H1 的文本。 然后，您将看到一个包含多个格式选项的工具栏。
单击工具栏最左侧的下拉菜单部分。 从下拉菜单中，选择“Heading 1”。
大功告成。 如何在 HTML 中添加 H1 标签 要将基本 H1 代码直接添加到页面的源代码中，请执行以下操作： 使用开始 <h1> 标签，输入页面标题，然后添加结束 </h1> 标签。 喜欢这个： <h1>Where SEO best practices meet real-world results</h1> H1标签 最佳实践 以下是 Backlinko 团队在 99% 的时间内亲自遵守的四个 H1 标签最佳实践： 1. 每页仅使用一个 H1 标签 谷歌的官方文档说，你应该在每个网站页面只使用一次H1标签。
将其保留为网页的主要主题或主要主题。 这样做可以帮助读者和搜索引擎了解网页的内容。 使用其他 HTML 标签进一步构建您的内容可以帮助您创建层次结构，并使读者和搜索引擎轻松浏览。 但是，这并不意味着 Google 会因您在网页上使用多个 H1 标签而惩罚您。 事实上，谷歌的官方发言人约翰·穆勒（John Mueller）在谷歌搜索中心YouTube频道上的一个办公时间视频中明确提到，谷歌不会惩罚带有多个H1标签的网站页面。
他的话： 在某些情况下，在网页上使用多个 H1 标签是有意义的。 就像一个有多个部分的网页。 尽管如此，我们建议每页只使用一个 H1 标签，以使您的内容专注于单个主题，即使它很广泛。 2. 在每个重要的网站页面上使用 H1 标签 H1 标签是最重要的标头标签。并且通常专注于网页的主要主题。 未能在每个重要的网站页面上都包含 H1 标签意味着错过了向读者和搜索引擎清楚地传达网页主题的机会。 使用 Semrush 的 Site Audit 工具是识别缺少或空 H1 标签的网站页面的好方法。 要执行 SEO 网站审核，请启动该工具。 选择“+ Create Project”以创建新项目。
输入您的网站域名。此外，输入项目名称（可选）。 单击“Create Project”。
按照屏幕上的说明配置您的项目。 完成后，单击“Start Site Audit”。
要发现缺少 H1 标签的页面，请转到“Issues”选项卡。
在搜索栏中，type “h1” ，您将获得 H1 标签有问题的页面列表。
3. 使你的 H1 标签类似于你的标题标签 人们经常混淆标题标签和 H1 标签。 因为两者都专注于网页的主要主题。 让我们清除混乱。 标题标签 （<title tag>） 显示在搜索引擎和浏览器选项卡的顶部。 标题标签示例：
而 H1 标签出现在网页本身上：
谷歌表示，最好将网页的标题标签与 H1 标签相匹配。
它们不需要逐字完全相同。但要确保它们传达相同的主题/主题。 否则，它可能会给读者和搜索引擎带来混淆。 当用户从搜索结果中单击标题标签时，他们希望找到与标题标签中承诺的内容相匹配的内容。 如果您的 H1 标签明显不同，并且完全谈论其他内容，则可能会造成混淆并导致糟糕的用户体验。 另一个原因是，除非提供单独的标题标签，否则许多 CMS 将网页的 H1 标签设置为标题标签。 因此，如果您的 H1 标签很长，并且您没有为网页提供单独的标题标签，它可能会在搜索结果中被截断或被搜索引擎重写以更好地适应其显示参数。 为避免这种情况，请以 50-60 个字符的长度为目标。 4. 将您的关键字合并到 H1 标签中 根据一项相关性研究，Google 使用 H1 标签作为次要相关性信号。在标题标签旁边。
此外，在 2020 年，谷歌的约翰·穆勒 （John Mueller） 证实，搜索引擎将标题视为确定页面内容的一种方式。 而且由于 H1 标题是最重要的标题标签，并且专注于网页的主要主题，因此可以说 Google 在理解网页上下文方面给予了它很大的权重。 这意味着最好将您的主要关键字合并到 H1 标签中。 H1 标签示例的灵感 Backlinko团队已经将H1标签添加到我们所有的网站页面中--从主页到博客文章再到指南。 以下是一些示例： 1. 主页 源代码： <h1>Where SEO best practices meet real-world results</h1> 它在网页上的显示方式：
2. 关于页面 源代码： <h1>Want higher rankings and more traffic?</h1> 它在网页上的显示方式：
3. 终极指南 源代码： <h1><strong>On-Page SEO:</strong> The Definitive Guide</h1> 它在网页上的显示方式：
4. 博客文章 源代码： <h1>7 Link Building Services That Actually Work</h1> 它在网页上的显示方式：
养成使用 H1 标签的习惯 在网页中使用 H1 标签并不能保证更好的搜索排名。 事实上，这甚至不是一个确定的排名因素。 但这是谷歌和其他搜索引擎推荐的好做法。 使其成为最佳的 SEO 实践以及其他页面 SEO 实践，例如在图像中添加替代文本，包括元描述中的目标关键字、内部链接等。 |
注册
SEO优化
2024-5-20 09:48
82浏览
微信公众号
原作者:SEO技术研究社
皖ICP备2021010202号
赣公网安备36112102000145号