Question

下面的结构是否正确或者不需要部分标签？

对于搜索引擎优化，假设相关的关键字是页面标题而不是网站标题，那么结构是否是最佳的优化结构？谢谢

    <header>
        <h1>Site Title</h1>
    </header>

    <section>
        <h1>Page Title</h1>
        <p>Page Content Here</p>
    </section>

Answer 1

我就是这样做的。 <article>标记将相关内容链接在一起，您还可以在一个页面上放置多篇文章等

<header>Site Title</header>

<article>
    <header>Page Title</header>
    <p>Page Content Here</p>
    <footer>Page Footer</footer>
</article> 

<footer>Site Footer</footer>

Answer 2

真正取决于您计划如何或是否计划对您的内容进行组件化和/或联合组合，然而它最适合您。除了您只想为每个文档使用一个“H1”之外，现在没有“问题”。另一方面 - “H2”，“H3”等可以多次使用，没有负面的SEO。

有关共享部分的html5doctor链接是一个很好的资源，但也考虑这些：

http://html5doctor.com/the-article-element/

http://www.impressivewebs.com/html5-section/

http://webdesign.about.com/od/html5tags/a/when-to-use-section-element.htm

Answer 3

不要滥用section和article标签的用法来使用它们来代替结构，而是继续使用div。

在html5中，使用标题和部分时，必须检查每个部分是否有自己的标题。你可以使用大纲来看看结构如何 http://gsnedders.html5.org/outliner/

根据您的情况，您会注意到网站标题的相关性仍然高于页面标题。没关系。但最好使用div来将标题与内容分开。

//回复12/03/01

您可以尝试使用绝对奇怪的位置来实现您的目标：首先，该部分必须有一个标题，否则它将为空。

<header>
   <h1 id="position-me-in-section">Page Title h1</h1>
</header>

<div id="content">
    <section>
        <h6 id="position-me-in-header">Site Title h6</h6>
        <p>Page Content Here</p>
    </section> 
</div>

HTML5网站标题和页面标题的结构

3 个答案: