All geek questions in one place

HTML5 header structure and page title

Is the structure below correct or is the section tag not needed?

For SEO, considering that the relevant keywords are the name of the page, not the name of the site, is the structure the best wholesale? thanks

<header> <h1>Site Title</h1> </header> <section> <h1>Page Title</h1> <p>Page Content Here</p> </section>
+6
source share
3 answers

Do not abuse the use of section tags and article tags, using them for structure, continue to use the div instead.

In html5, when using headers and sections, you should verify that each section has its own title. You can use the outliner to see what the structure looks like.
http://gsnedders.html5.org/outliner/

According to your case, you will notice that the name of the site is even more relevant than the name of the page. Everything is good. But it is better to use a div to separate the header from the content.

// Answer 12/03/01

You can try to use some strange position to achieve your goal: First of all, the section should have a title if it is not equal to zero.

 <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>
0
source

This is how I do it. The <article> links related content together, you can also have several articles on one page, etc.

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

It really depends on how and whether you plan to compile and / or syndicate your content, and then, nevertheless, it is best for you. There is no problem with how you have it now, except that you want to use only one “H1” for each document. On the other hand - "H2", "H3", etc. They can be used several times without negative SEO.

The html5doctor link for a shared partition is a good resource, but also consider the following:

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

0
source

Source: https://habr.com/ru/post/909659/

More articles:


All Articles