All HTML Meta Tags That All Senior Developers Should Know

Andreas Sujono
Frontend Weekly
Published in
6 min readDec 24, 2022

--

What is an HTML meta tag and what is its purpose? Turns out, it’s more important and can do more than what you think!

When you study HTML for the first time, you most likely will be given this template

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Our HTML Page</title>
<meta name="description" content="Our first page" />
</head>
<body>
Content goes here.
</body>
</html>

You might think that a meta tag is unimportant and has nothing to do with what to display on the screen. Or if you are already familiar with HTML before, you might think that it is just a way for a search engine to crawl or index our site. It’s all correct, but the meta tag is so much more than that. Here, I divided the usage of meta tags into 3 sections:

Search Engine Optimization

A meta tag is mainly used by the search engine to crawl or index our site. When you search for something in a search engine such as google.com, the data that you see is retrieved from…

--

--

Andreas Sujono
Frontend Weekly

A Full Stack Developer with 5 years of working experience, Web2 and Web3 Enthusiast, twitter: @AndreasSujono2