Keys To Organize Your Website Semantically Part Two

Foundations and Structure of the Web 

The semantic web concept is limited to content and extends to the foundations and structure of the web itself. Suppose we organized the structure through <div> identifying each part through identifiers and classes.

In that case, it is now structured through new tags introduced by HTML5, creating a standard that helps search engines easily identify each section of our website. 

The main HTML5 tags to structure the web are: 

• <header> </header> : To designate the header and where the logo design, title and contact information are normally included. 
• <nav> </nav> : Defines the main menu or browser. 
• <section> </section> : Used to represent different content blocks. 
• <article> </article> : Specific content of the web. Example: articles, posts, comments, etc. It must contain a small header or title and a footer. 
• <aside> </aside> : Used for secondary or dispensable content such as buttons, advertising, quotes, external links, etc. 
• <footer> </footer> : defines the footer. 

In this way, our content is perfectly structured semantically and by hierarchy, which will help search engines to identify the main content and other tools such as "screen readers " or screen readers for people with visual disabilities to interpret the content correctly. 

As we can see, with the new mechanisms, the contents and their structure are getting closer and closer to natural human language, allowing more and more exact and personalized searches.

For this reason, a semantically organized website will have a greater chance of appearing among the first results in search engines, and hence the importance of this cataloging.