About meta tag importance

What is the importance of the meta tag in html

Meta tags are an important part of HTML that provide information about the web page to search engines, browsers, and other web services. They do not affect the appearance or functionality of the web page, but rather provide additional information that helps these services understand what the web page is about and how it should be treated.

Here are a few important meta tags and their uses:

  1. Meta Description: This meta tag provides a short summary of the web page’s content. Search engines may use this description in search results, so it’s important to create a unique, compelling description that accurately reflects the content of the page.
  2. Meta Keywords: This tag is used to list keywords that are relevant to the content of the page. However, many search engines no longer use this tag because of keyword stuffing abuse, so it’s not as important as it used to be.
  3. Meta Robots: This tag tells search engines how to index the page. For example, you can use this tag to prevent search engines from indexing the page, or to prevent them from following links on the page.
  4. Meta Author:This tag is used to identify the author of the content on the page.
  5. Meta Viewport: This tag provides information about how the web page should be displayed on different devices, such as mobile devices. This is important for creating responsive web pages that look good on all devices.

The < meta > tag defines metadata about an HTML document. Metadata is data (information) about data.

< meta > tags always go inside the < head > element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings.

Metadata will not be displayed on the page, but is machine parsable.

Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.

There is a method to let web designers take control over the viewport (the user’s visible area of a web page), through the < meta > tag


Describe metadata within an HTML document:
< head >

< meta charset=“UTF-8” >
< meta name=“description” content=“Free Web tutorials” >
< meta name=“keywords” content=“HTML, CSS, JavaScript” >
< meta name=“author” content=“John Doe” >
< meta name=“viewport” content=“width=device-width, initial-scale=1.0” >

< /head >