html - 将标题标记顺序与视觉和概念权重分开？

Question

这 2 张图片说明了我的标记 + 明确强调页面最重要标题的视觉重量。有时大标题有一个小的pre-headline .. 或者.. subheadline 在上面？

这就是设计；我的工作是在网络浏览器中实现这一点。该网站已上线。现在来了 SEO 家伙，拍着我的脸说:

You use h3, then h1, then h3 again. That's just not right and that'll lower our Google rank.

(我高度质疑这一点，并且我的感觉有点被证实阅读这个 stack-fred:Do HTML header tags need to go in order )

但让我们暂时假设她在这一点上是完全正确的。您如何在标记和 CSS 中解决这个问题？

我在第二张图片中用橙色做的...感觉不对...

您可以在这里访问该网站:www.natursteinwerk-villmar.de/

Answer 1

从 SEO 的 Angular 来看，您提到的橙色解决方案肯定更差。设置单个 h1在实际的主要标题上很重要。如果 SEO 人员坚持，最好使用像 <span class="h3">Seit...</span> 这样的东西。而不是为此使用标题标签。

Google 本身也忽略了标题的顺序，for example here :

<div class="col-6 section-intro-content">
  <h4 class="section-sub-heading border-blue">
    Advertise
  </h4>
  <h2>
    Advertise with Google.
  </h2>
</div>

如果您不确定，请向 SEO 人员询问他/她认为的最佳做法。