Question

假设有一个主标题，它有几个子标题，可以通过给它们单独的标题进行分类，但是它们在视觉上的通信方式与给它们单独的标题不同。

即：

在这种情况下，我们应该如何使用标题标记？

我认为正确的做法（但不确定）是为两个类别添加单独的$ file hermes hermes: ELF 32-bit LSB executable, ARM, EABI5 version 1 (SYSV), statically linked, not stripped元素。

像这样：

有什么建议吗？

Answer 1

从纯粹的技术SEO角度来看，如果两个部分都有自己的标题会更好，并且这些部分的内容都有它们的副标题，所以你会寻找这样的东西：

<main>
    <h1>Your Company Name</h1>
    <section>
            <header>
                    <h2>About Us</h2>
                    <h3><a href="#what_we_do">What we do</a></h3>
                    <h3><a href="#where_we_are">Where we are</a></h3>
                    <h3><a href="#where_we_do">Where we do</a></h3>
            </header>
            <section id="what_we_do"><p>Lorem Ipsum Dolor Sit Amet...</section>
            <section id="where_we_are"><p>Lorem Ipsum Dolor Sit Amet...</section>
            <section id="where_we_do"><p>Lorem Ipsum Dolor Sit Amet...</section>
    </section>
    <section>
            <header>
                    <h2>About Us</h2>
                    <h3><a href="#what_we_do">What we do</a></h3>
                    <h3><a href="#where_we_are">Where we are</a></h3>
                    <h3><a href="#where_we_do">Where we do</a></h3>
            </header>
            <section id="what_we_do"><p>Lorem Ipsum Dolor Sit Amet...</section>
            <section id="where_we_are"><p>Lorem Ipsum Dolor Sit Amet...</section>
            <section id="where_we_do"><p>Lorem Ipsum Dolor Sit Amet Dolor...</section>
    </section>
</main>

通常我喜欢看的是没有任何CSS / JavaScript的页面，看看它的外观。如果您拥有相同的流程，并且默认情况下它们应该显示，那么您就是在正确的轨道上。搜索引擎足够聪明，可以理解你的意思，即使你将div用于所有内容，但是在语义上正确可以增加他们对你干净和有组织的代码的相似性。

为两者添加部分可能会有所帮助，但更有用的是，此页面讨论的是特定主题，而不是多个。因此，我建议您为每个关于我们和属性创建一个页面。如果它看起来有点过分，你可以只用一页;这是正确的，但在搜索引擎眼中并不是最佳的 - 他们真的很喜欢每个主题都有一个页面，并且它们在域内是唯一的。

Answer 2

请注意，section元素是分区内容元素。这意味着它在文档大纲中创建了一个条目。如果您想根据大纲中的相应排名使用h1 - h6，则h2标题应成为h3标题。

另请注意，建议在适当的位置明确使用切片内容元素（例如，至少在您使用标题元素的任何位置），因此您可能也想使用section作为“我们做什么”等。

因此，与轮廓相关的结构可能如下所示：

<body>
  <h1>Xyz Company</h1>

  <section>
    <h2>About us</h2>

    <section>
      <h3>What we do</h3>
    </section>

    <section>
      <h3>Where we are?</h3>
    </section>

    <section>
      <h3>Where we do?</h3>
    </section>

  </section>

  <section>
    <h2>Attributes</h2>

    <section>
      <h3>Respect</h3>
    </section>

    <section>
      <h3>Responsibility</h3>
    </section>

    <section>
      <h3>Growth</h3>
    </section>

  </section>

</body>

每个分区内容元素（以及每个分区根元素，在本例中为body）都有自己的标题，没有明确的分节标题。

即使您不想提供“关于我们”和“属性”标题，您仍然可以保留两个section元素。不理想，但比没有这些更好，因为它们使预期的文件大纲清晰。（妥协可能是用CSS在视觉上隐藏这两个标题。）

相同级别标题但不同类别

2 个答案: