Adding the <main> tag to your website helps define the primary content of each page for browsers, search engines, and accessibility tools.

It improves website structure, makes pages easier for screen readers to navigate, and helps separate the main content from headers, footers, menus, and sidebars.

Using semantic HTML like <main> also supports better SEO and cleaner, more maintainable code.

To add the <main> tags

Step 1:

Step 2

{{output}} = main content

Add the <main> before the <div> the has the {{output}} and add the </main> after the closing </div> as shown below.

Once done click on SAVE button.

That is it.