coding question

[wb_user]

hello
I have a SEO question and I happy to share with experts of wb.
i think in normal method, people use one <H1> in page, after that <p>, after that <h2> and <p> and.....
it should like this :
<h1>title</h1>
<p>paragraph</p>
<h2>title</h2>
<p>paragraph</p>
<h2>title</h2>
<p>paragraph</p>
<h2>title</h2>
<p>paragraph</p>
.
.
.


I think with my self, how google could understand what H2 for which p?

A question that occurred to me, is below method standard work for seo?
<h1>title</h1>
<p>paragraph</p>
<section>
<h2>title</h2>
<p>paragraph</p>
</section>
<section>
<h2>title</h2>
<p>paragraph</p>
</section>
<section>
<h2>title</h2>
<p>paragraph</p>
</section>
.
.
.

[wwonderfull]

According to sources Section tag defines the section of documents such as chapters, headers, footers or any other sections. The section tag divides the content into section and subsections. The section tag is used when requirements of two headers or footers or any other section of documents needed. Section tag grouped the generic block of related contents. The main advantage of the section tag is, it is a semantic element, which describes its meaning to both browser and developer.

<section> is a new HTML 5 element that defines an important section of a document. It can be used within articles, in the header or footer, or to define navigation.

Benefits of Section Tag:
The section tag is similar to the div tag, but it is more meaningful since it wraps logical groups of related content (e.g. a chapter of an article). The section tag can be also used to wrap the article itself, but we have the article tag for that purpose.

This is the correct way for section tag:

Code: Select all

<h1>Homepage</h1>
<section>
  <h2>About Us</h2>
  <p>Lollipop123 is an independent magazine that celebrates the writing of teens. We publish original work about the exciting and sometimes unpleasant phases of childhood. Originally created in 2015, the magazine collects stories, essays, and interviews about growing up. </p>
</section>

<section>
  <h2>Contact Us</h2>
  <p>To be a contributor for future projects, please say hello@lollipop123.com.
  </p>
</section>

<section> is a generic sectioning element, and should only be used if there isn't a more specific element to represent it. As an example, a navigation menu should be wrapped in a <nav> element, but a list of search results or a map display and its controls don't have specific elements, and could be put inside a <section>.

Also consider these cases:

If the contents of the element represent a standalone, atomic unit of content that makes sense syndicated as a standalone piece (e.g. a blog post or blog comment, or a newspaper article), the <article> element would be a better choice.
If the contents represent useful tangential information that works alongside the main content, but is not directly part of it (like related links, or an author bio), use an <aside>.
If the contents represent the main content area of a document, use <main>.
If you are only using the element as a styling wrapper, use a <div>. An unwritten rule is that a <section> should logically appear in the outline of a document.
To reiterate, each <section> should be identified, typically by including a heading (<h1> - <h6> element) as a child of the <section> element, wherever possible. See below for examples of where you might see a <section> without a heading.

Examples
Simple usage example
Before

Code: Select all

<div>
  <h2>Heading</h2>
  <p>Bunch of awesome content</p>
</div>

After

Code: Select all

<section>
  <h2>Heading</h2>
  <p>Bunch of awesome content</p>
</section>

Should I use main or section?
The <main> element should contain the main content for our web page and content should be unique to the individual page, and should not appear elsewhere on the site. <section> element is used to represent a group of related content. You can use <section> inside the <main> tag.

Should I use sections HTML?
In HTML, a section is a semantic element for creating standalone sections in a web page. These sections should be made up of related content, like contact information. The section element should only be used if there isn't a more specific element to represent the related content.

Is it better to use section or div?
When an element is needed only for styling purposes or as a convenience for scripting, authors are encouraged to use the <div> element instead. A general rule is that the <section> element is appropriate only if the element's contents would be listed explicitly in the document's outline.

Note: From my personal view I have hardly seen famous websites having concern with the tags such as <section> in terms of SEO as they used div rather than section, so it may play 3% or less role for your website to be SEO optimized as search engines find other factors much important.

[wb_user]

According to sources Section tag defines the section of documents such as chapters, headers, footers or any other sections. The section tag divides the content into section and subsections. The section tag is used when requirements of two headers or footers or any other section of documents needed. Section tag grouped the generic block of related contents. The main advantage of the section tag is, it is a semantic element, which describes its meaning to both browser and developer.

<section> is a new HTML 5 element that defines an important section of a document. It can be used within articles, in the header or footer, or to define navigation.

Benefits of Section Tag:
The section tag is similar to the div tag, but it is more meaningful since it wraps logical groups of related content (e.g. a chapter of an article). The section tag can be also used to wrap the article itself, but we have the article tag for that purpose.

This is the correct way for section tag:

Code: Select all

<h1>Homepage</h1>
<section>
  <h2>About Us</h2>
  <p>Lollipop123 is an independent magazine that celebrates the writing of teens. We publish original work about the exciting and sometimes unpleasant phases of childhood. Originally created in 2015, the magazine collects stories, essays, and interviews about growing up. </p>
</section>

<section>
  <h2>Contact Us</h2>
  <p>To be a contributor for future projects, please say hello@lollipop123.com.
  </p>
</section>

<section> is a generic sectioning element, and should only be used if there isn't a more specific element to represent it. As an example, a navigation menu should be wrapped in a <nav> element, but a list of search results or a map display and its controls don't have specific elements, and could be put inside a <section>.

Also consider these cases:

If the contents of the element represent a standalone, atomic unit of content that makes sense syndicated as a standalone piece (e.g. a blog post or blog comment, or a newspaper article), the <article> element would be a better choice.
If the contents represent useful tangential information that works alongside the main content, but is not directly part of it (like related links, or an author bio), use an <aside>.
If the contents represent the main content area of a document, use <main>.
If you are only using the element as a styling wrapper, use a <div>. An unwritten rule is that a <section> should logically appear in the outline of a document.
To reiterate, each <section> should be identified, typically by including a heading (<h1> - <h6> element) as a child of the <section> element, wherever possible. See below for examples of where you might see a <section> without a heading.

Examples
Simple usage example
Before

Code: Select all

<div>
  <h2>Heading</h2>
  <p>Bunch of awesome content</p>
</div>

After

Code: Select all

<section>
  <h2>Heading</h2>
  <p>Bunch of awesome content</p>
</section>

Should I use main or section?
The <main> element should contain the main content for our web page and content should be unique to the individual page, and should not appear elsewhere on the site. <section> element is used to represent a group of related content. You can use <section> inside the <main> tag.

Should I use sections HTML?
In HTML, a section is a semantic element for creating standalone sections in a web page. These sections should be made up of related content, like contact information. The section element should only be used if there isn't a more specific element to represent the related content.

Is it better to use section or div?
When an element is needed only for styling purposes or as a convenience for scripting, authors are encouraged to use the <div> element instead. A general rule is that the <section> element is appropriate only if the element's contents would be listed explicitly in the document's outline.

Note: From my personal view I have hardly seen famous websites having concern with the tags such as <section> in terms of SEO as they used div rather than section, so it may play 3% or less role for your website to be SEO optimized as search engines find other factors much important.

thanks!