Semantic HTML is really just for machines. They aren't as smart as you and I, so we need to help them out. With a little bit of effort, we can make our markup more meaningful for them.
Do you care about Search Engine Ranking? An example of benefit from semantic HTML is to improve your Search Engine Ranking. When search engines index your site, they interpret the content based on your markup.
This is what Google says about using semantic HTML:Google (and other search engines) can use that data to index your content better, present it more prominently in search results, and surface it in new experiences like voice answers, maps, and Google Now.
Promote Your Content with Structured Data Markup
Social media web services like Facebook, Pinterest, and Twitter love semantic markup. Especially when our users share our content on them. These web services take parts of our articles to display on their platform. If we use semantic HTML, they’ll be able to do a better job.
Semantic HTML also enhances web accessibility. Assistive technologies like screen-reading software parse and interpret our HTML. With semantic HTML, people with special needs will be able to read and navigate our articles easier.
Language-translating tools examine our markup so they can convert our articles to another language. Good HTML markup can result in more accurate translations. For example, there are subtle distinctions between American-English and British-English. People might be able to understand dialectical and idiomatic differences with ease. But machines might not.
That’s just the tip of the iceberg. There are a lot of other benefits. The age of Internet of things is coming. The Internet’s made up of a bunch of machines. They’re a big part of the Web. We should try our best to feed them more meaningful data.
OK so, by now, I’m hoping you’re on board. Now you want to use semantic HTML. Maybe on your blog. Or in a CMS development project.