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
headertag 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 me on my various socials in my bio
Top comments (0)