Semantic HTML refers to the use of HTML tags that convey the meaning—or semantics—of the content contained within them.

Semrush contributor Vlado Pavlik has published a detailed article on semantic HTML and how to use it correctly.

He says, “Besides the obvious reason that semantic HTML tags are easier to read and understand—for example, by web developers reviewing the code—there are two more specific reasons why you should always use semantic tags.

Accessibility

For sighted users, it’s easy to identify the various parts of a webpage. Headers, footers, and the main content are all immediately visually apparent.

However, it is not that easy for users who are blind or visually impaired and rely on screen readers.

The proper use of HTML semantic tags will allow these readers to understand your content better because their screen readers will communicate your content more accurately.

SEO

Semantic HTML tags are important for SEO (search engine optimization) because they indicate the role of the content within the tags.”

Semantic HTML: What It Is and How to Use It Correctly

Semrush

Sharing is caring