将 H1 类用于其他 H 标签 [关闭]答案

【问题标题】：Use of H1 Class for other H tags [closed]将 H1 类用于其他 H 标签 [关闭]
【发布时间】：2014-06-17 16:52:52
【问题描述】：

如果您在给定页面上有多个 h2 标签，但您想让它看起来像您的 H1 样式，那么多个 h2 标签的 h1 类会对 SEO 产生任何影响：

<html>
<h2 class="h1">blah blah </h2>

.
.
.

<h2 class="h1">something else </h2>.
.
.

<h2 class="h1">something diferent </h2>
</html>

谢谢！

【问题讨论】：

这个问题似乎是题外话，因为它是关于 SEO。

标签： css seo

【解决方案1】：

在 SEO 方面，标题标签的主要目的是指示层次结构中最重要的内容（h1 标签指示最重要的内容）。但是，您使用的某个标题标签越多，尤其是 h1 标签，它们在 SEO 中的权重就越小。

这就是为什么如果你想要大文本，比如一个按钮，但文本与你的网站无关，最好使用或

并使用 CSS 对其进行样式设置，因为为文本添加 h1 标签将表明它与您的网站高度相关。

CSS 样式本身不会对 SEO 产生任何影响，因此要回答您的问题，否，为多个 h2 标签设置 h1 类不会对 SEO 产生任何影响，实际上是最好的move 相比使用 h1 标签而不是 h2 来获得你想要的格式。

【讨论】：

感谢您的回复。是的，多个 h2 肯定比多个 h1 标签更好。认为将样式称为“H1”（令人垂涎的 h1 标签）似乎有点奇怪，也许最好创建一个具有相同样式的“H1”的不同类以避免混淆。话虽如此，如果用“h1”指定类对 SEO 没有影响，那么这是一个有争议的问题。

【解决方案2】：

<h2 class="h1">something diferent</h2>

要使用它，您需要为 .h1 class 定义与 <h1> tag 相同的默认显示属性

.h1 {
display: block;
font-size: 2em;
margin-before: 0.67em;
margin-after: 0.67em;
margin-start: 0;
margin-end: 0;
font-weight: bold; }

所以它不会对 SEO 产生任何影响，因为我们通过分配类和定义字体样式来设置 h1、h2 等标签的样式。

我们可以通过定义不同的类并提供相同的属性（如 h1 标签）来做到这一点

<h2 class="same_style">something diferent </h2>

.same_style {
display: block;
font-size: 2em;
margin-before: 0.67em;
margin-after: 0.67em;
margin-start: 0;
margin-end: 0;
font-weight: bold; }

【讨论】：