Semantic HTML - Why we only use semantic HTML

Every web page we make is hand-coded Semantic HTML

1. Why should I use Semantic HTML?

   Semantic HTML makes code easier to edit in the future. However, more importantly, it helps search engines and screen readers to understand the content of the page, raising your search engine rankings!

2. How can Semantic HTML raise my search engine rankings?

   Google has been called the "largest blind user on the Internet." Search engines that look at your web page do not understand the layout of the web page. For search engines like Google and Bing to correctly give emphasis to the important terms on your web page, Semantic HTML is a must.

3. H1 to H6, P, EM, STRONG, DT, etc

   Semantic HTML should correctly cycle from H1 to H6 for all the headings, use P for paragraphs, EM for content that requires emphasis, etc. on a web page.
   Example:
   

   Semantic HTML:

   <h1>This is a heading</h1>

   Non-Semantic HTML:

   <font size="6"><b>This is a heading</b></font> Both examples will look the same to the naked eye. However, the Semantic HTML is not only cleaner, shorter code, but it also will correctly let the search engines know that the above line is a summary header for the web page.

4. What are some other advantages to Semantic HTML

   • The code is shorter and often downloads faster.
   • The code is easier to understand and update in the future.
   • Using Semantic HTML allows you to easily change the design of your site in the future by only changing the CSS file.