Introduction to meta tags in HTML

Q. What <meta> tags actually are?

Different attributes in <meta> tag.

let’s take an example:

  • This is very much important and it is responsible for the Responsive design which is mainly done by attribute name and property called viewport. The viewport is responsible for making your website responsive or user interface responsive to different screen sizes.
  • So now you want your website to look good on Laptop, Desktop, Mobile, etc, there are different strategies available we mostly do it with the CSS on making the site look good on these devices. But on the things, you have to do that you have to add the viewport and you have to set the content value, note you have to set a couple of things in content, and one of those is width=device-width and its scale should be set to 1.0

Q. How <meta> tags help in search engines?

The very important is tag <title> helps to really describe what the webpage about is. You can also put keywords that you want to rank for well in the search engines. Note the title of the page is in the tab of the browser.

E.g Search Result by Google



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Sagar Kudu

Sagar Kudu

I am Full Stack Java Developer @ Tata Strive | Get blogs and tutorials related to the (React | Kafka | DevOps) | Follow me on LinkedIn