skip to Main Content

This is a webpage example of my site:

<html>

<title> artilce header </title>

<body>
    <header> <h1> nme of website</h1></header>

    <section>
        <h2> name of section</h2>

        <article>
            <h3>article header</h3>

        </article>
    </section>
</body>
</html>

I want to know if this order is correct? Or does it maybe have a bad effect on SEO?

header is in all pages, section must have an header because of header/…

For example, do I I have to change it to something like this:

<html>

<title> artilce header </title>

<body>
    <header> <h2> nme of website</h2></header>

    <section>
        <h3> name of section</h3>

        <article>
            <h1>article header</h1>

        </article>
    </section>
</body>
</html>

2

Answers


  1. Use your Second Concept it looks simple and good as per SEO.

    Login or Signup to reply.
  2. Both variants are valid HTML5.

    The HTML5 spec says about headings and sections:

    Sections may contain headings of any rank, and authors are strongly encouraged to use headings of the appropriate rank for the section’s nesting level.

    So your first example is recommended by HTML5.

    HTML5 does not define that h1 would be more “important” than h6.
    How consumers (like search engines) interpret this is up to them and it most likely differs from consumer to consumer, so you’d have to check their documentation.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search