Utilizing Semantic HTML for developing SEO friendly Web Applications

<div> and <span> are not semantic HTML tags!

In as much as we prioritize building creative and visual appealing web applications, It is also important we understand the concepts of semantic HTML for our web applications to be accessible by people through search engines.

Here are 5 Basic Semantic HTML tags to optimize your webpage to be accessible by people through Search Engines

Headers

<header> tag should be used to mark the top section of your webpage i.e your Header should contain things like Logo or Brand Name. Navigation links and so on

Navigation

<nav> is basically used to mark sections of your webpage that contains navigation links ( Home, About, Contact e.t.c). It should be in your header tag. It is a pointer to search engines that section of your website is for Navigations.

Main

<main> tag should be used mark up the main content of your web page. By using the <main> tag, you can make it clear to search engines and user trying to access it which part of your webpage contains the main content

Article

<article> tag should be used to mark informative content of your website such as blog post, news, product review e.t.c

Footer

<footer> tag is used to mark the bottom section of your webpage which includes contact details, links to social media profiles, copyright infringement e.t.c

This would be all for today, Note there are many other semantic HTML tags I didn't mention here.. make research and implement, By doing so you are optimizing your web applications to be more accessible on the internet.

Do well to like, share and comment, if you find this piece of information valuable 👍👍

Connect with on my various socials on my bio