Learn Everything about Meta Tags, Metadata and How it Works on your Website?




Meta Tags are the HTML tag used in the head section of your web page to provide structured metadata about your website. It is used to improve your website’s SEO by providing information about your website to search engines. The title tag, meta description, and meta keywords are the most important Meta Tags.

The title tag is the most important Meta Tag because it tells search engines what your web page is about. The meta description is a brief description of your web page that appears in the search engine results pages. The meta keywords are the keywords that you want people to search for to find your web page.

You can add Meta Tags to your website by editing the HTML code of your web page or by using a Meta Tag Generator.

As a content developer, we ignore the importance of Meta Tag in post. Meta Tags are important SEO ranking factor in search engines. But how to add Meta Tag in Website? In this post, I will share a few simple steps to create Meta Tag in Website.

We previously covered what are Meta tags and there benefits. In this post, we will discuss different ways to add Meta tags in a web page. Every content writer put extreme effort, research, and time to rank a page for top search results. Some efforts like keyword research, backlink, SEO optimization take days or even weeks.

SEO is essential to increase organic traffic. SEO friendly post is crucial for bloggers so does Meta Tags Code.

What is Meta Tags?

Meta tags are small pieces of code that provide information about a web page. They are used by search engines to help index and categorize web pages, and they can also be used by web browsers to provide additional information about a page. Meta tags generally consist of a name and a value, separated by an equals sign. The name is used to identify the type of information that is contained in the value.

For instance, the name “keywords” is used to indicate that the value contains a list of keywords that describe the content of the web page. Meta tags can be included in the head section of an HTML document, or they can be added to HTTP headers. While most meta tags are not required, they can be very useful in helping search engines and web browsers to understand the content of a web page.

Meta tags are little snippets of HTML code. A Meta tag describes the web page content to search engine. Tags have a large impact on SEO for any website. Thus, adding Meta Tags to blog benefit to contemplate webmasters to provide search engines with information about sites.

meta tags definition

How Meta Tags Works?

Meta tag segment into four sub-niches. Every four type of Meta tag is important to differentiate. We all talk all four of them here in the post. There are several debates going on the importance of different types of Meta Tags. Honestly, there are few Meta tags worth using regularly, while others help to improve ranking.  Let’s discuss four types of Meta tags:

Meta Keywords Attribute

When it comes to SEO, the meta keywords attribute is often misunderstood. Some people believe that it’s a powerful ranking factor, while others think it’s completely useless. The truth is somewhere in between. While the meta keywords attribute doesn’t have the same weight as it once did, it can still be beneficial to your SEO efforts. Here’s what you need to know about the meta keywords attribute and how to use it effectively.

The meta keywords attribute is a tag that you can add to your HTML code. It looks like this:

<meta name="keywords" content="your keywords here">

Meta keywords attribute is a text display on the top of the web browser. It is a specific type of HTML code of a web page. A Meta keyword helps search engine to understand the contextual of the page.

You can add up to 10 keywords or key phrases to the content attribute, separated by commas. The meta keywords attribute tells search engines what your page is about. When used correctly, it can help your page rank for those keywords. However, there are a few things you need to keep in mind when using the meta keywords attribute.

First of all, don’t stuff your keywords. That just looks spammy and will hurt your chances of ranking. Second, choose your keywords carefully. Make sure they’re relevant to your content and that people are actually searching for them. Finally, don’t rely on the meta keywords attribute alone for your SEO efforts. It’s just one small part of a larger strategy. If you want to rank well in search engines, you need to focus on creating high-quality content, building links, and optimizing your website for users.

The keyword tag is where you put all of the keywords to use on the website. This is basically where you put words of the SERPs page the user should be able to know what your site is all about when they read keywords.

Meta Title Tag

What is the title tag? How to write a title tag? Does meta title tag help improve SEO?

A website title tag is one of the most important pieces of metadata on your site. Located in the head section of your web page, the title tag tells search engines what your page is about. In addition, it’s also responsible for providing a first impression to visitors who see your listing in the search results. Given its importance, it’s essential to write effective title tags that are both informative and engaging. Here are a few tips to help you get started:

  1. Keep it short and sweet: A title tag should be no more than 60 characters long, including spaces. Otherwise, it risk getting cut off in the search results.
  2. Use keywords wisely: Include relevant keywords in your title tag, but don’t stuff them in. Not only will this help improve your search engine ranking, but it will also help people quickly identify whether your page is relevant to their needs.
  3. Make it unique: With millions of websites competing for attention online, it’s important to make yours stand out from the pack. A unique and compelling title tag can go a long way towards helping you achieve this goal.
<meta name="title" content="Your Page Title">

By following these tips, you can write title tags that are both effective and engaging. So don’t underestimate the power of a good title tag – it could be the key to driving more traffic to your site.

Meta Description Tag

The meta description tag is one of the most important elements of SEO. It is an HTML attribute that provides a brief description of your web page. The meta description appears in the search engine results pages (SERPs) under the title of your page. It should be a concise and accurate summary of your page’s content. The meta description is also used by social media sites when your page is shared.

An effective meta description should be:

  • Descriptive: It should accurately describe the contents of your page.
  • Relevant: It should be relevant to the user’s query.
  • Short: It should be no longer than 155 characters.

The meta description is an important factor in on-page SEO. It helps users to know what your page is about before they click on the link, and it also helps search engines to understand your page’s content. A well-written meta description can improve your click-through rate, which can lead to higher rankings in the SERPs.

<meta name="description" content="Your page description">

Meta description tag is where you add website summary. The summary includes an overview of site products and services. If should not be too long because the search engines only read up to certain number of words.

Robots meta tag

Robots meta tags are a type of HTML tag that help to control how search engine bots index and crawl a website. The tags can be used to tell bots to index all the pages on a site, or just a few specific pages. They can also be used to tell bots not to index certain pages, or follow certain links.

In addition, robots meta tags can be used to tell bots when a page was last updated, and how often it should be crawled. Ultimately, these tags give website owners a high degree of control over how their site is indexed and crawled by search engines. This can be extremely helpful in ensuring that only relevant and up-to-date information is included in search results.

To know more about robots.txt plese visit officeal website of robotstxt

Viewport meta tag or responsive meta tag

The viewport meta tag is an HTML element that tells the browser how to adjust the page’s width and height to fit the device’s screen size. In other words, it sets the “viewport” of the page. Without this tag, mobile devices would render pages at desktop screen sizes, making them difficult to read. The viewport meta tag must be placed inside the head element of the HTML document. It looks like this:

<meta name="viewport" content="width=device-width, initial-scale=1">
Viewport or Responsive Meta

The viewport meta tag has two main attributes: width and initial-scale. The width attribute sets the width of the viewport to the device’s width. The initial-scale attribute controls the zoom level when the page is first loaded. By setting both of these attributes, we can ensure that mobile devices will render our pages correctly.

Meta tag cache control

When a website is designed, the developers include code that tells the server how long to keep different types of information in its cache. This is done using something called “meta tags.” Meta tags are a type of HTML code that contains information about the page, but which is not displayed to visitors. One of the most important types of meta tags is the “cache control” tag.

Cache control tags tell the server how long to keep various types of information in its cache. For example, it may instruct the server to keep images in the cache for 30 days, but to only keep HTML files for 15 minutes. This ensures that when a visitor comes to your website, they will see the most up-to-date version of the pages. However, it also means that your server will use more resources because it will have to retrieve updated versions of the pages more frequently.

Meta tags are an important part of website design and development, and cache control tags are one of the most important types of meta tags. By carefully setting cache control tags, you can ensure that your website visitors see the most up-to-date version of your pages while also minimizing the amount of resources your server uses.

Meta tag content attribute

The content attribute is used to specify the value of the meta tag. The value of the content attribute can be either an empty string, or a space-separated list of name-value pairs. If the value is an empty string, then the meta tag will not be rendered. If the value is a space-separated list of name-value pairs, then each name-value pair will be rendered as a separate meta tag. The name attribute specifies the name of the metadata, and the value attribute specifies the value of the metadata. The content attribute is required if the value is not an empty string.

Canonical meta tag

Search engines use the canonical meta tag to identify the “canonical” or most important page out of a group of duplicates. A common example is when your website has both a www and non-www version, such as www.example.com and example.com.

The canonical meta tag can be used to indicate to search engines which of these duplicate pages is the most important, so that only the preferred version appears in search engine results pages (SERPs). It’s important to note that although the canonical meta tag is supported by all major search engines, it’s not a guarantee that your preferred page will be the one that appears in SERPs.

In some cases, other factors may come into play, such as individual user preferences or which page has the most relevant content for a particular query. However, using the canonical meta tag is still the best way to indicate to search engines which version of a duplicate page should be given priority. For more information on how to use this tag, consult your site’s documentation or speak to your web developer.

Charset meta tag

The charset meta tag is an important part of HTML code that helps ensure the rendering of text on web pages is consistent across different browsers and devices. By specifying the character set for a document, web developers can ensure that all visitors will see the same content regardless of their technical setup. The most popular character sets nowadays are UTF-8 and ISO-8859-1, but there are many others in use as well. including ASCII, GB2312, and Shift_JIS.

Including the charset meta tag in your HTML code is simple – just add the following line to the head section of your document:

<meta charset="utf-8">

Be sure to replace “utf-8” with the desired character set if you’re using something other than UTF-8.

That’s all there is to it! By properly setting the charset meta tag, you can rest assured that all of your visitors will see the same content on your site regardless of their browser or device.

Meta tag CSRF token

A CSRF token is a random, unique string of characters that is generated by the server and stored in the user’s session. When a form is submitted, the token is sent to the server along with the other form data. The server then verifies that the token matches the one that was generated when the session was started. If the tokens don’t match, then it’s likely that the form submission was created by a third-party site and is not legitimate.

Adding a CSRF token to your forms helps to protect against cross-site request forgery attacks. These attacks exploit vulnerabilities in web applications that allow an attacker to submit a form on behalf of another user. By including a CSRF token in your forms, you can be sure that any submissions are coming from your own site and not from a malicious third-party.

How to Add Meta Tags in Header?

Adding meta tags to your website’s header is a quick and easy way to improve your SEO. Meta tags provide information about your page that helps search engines index your site and display your results in search listings. including the title, description, and keywords tags, can help ensure that your site appears in the right search results for the right keywords. Here’s how to add meta tags to your header:

  1. Log in to your site’s administrator panel.
  2. Go to the “Appearance” section and select “Editor.”
  3. Find the header file (usually called “header.php”) and open it in the editor.
  4. Scroll down to the section where you want to add the meta tags.
  5. Add the following code:
  6. Repeat for each meta tag you want to add.
  7. Save the file and upload it to your server.
  8. That’s it! You’ve successfully added meta tags to your website’s header.

A meta tag goes in the header area of the webpage. Typically, it looks like

<meta name="title" content="Your Page Title">
<meta name="description" content="Your page description">
<meta name="keywords" content="your,keywords,here">

Be sure to replace “Your Page Title” with the actual title of your page, and “Your page description” with a brief description of your page’s content. Likewise, you’ll need to substitutewith a list of relevant keywords for your page. Once you’ve added this code to your header, save your changes and upload the updated file to your server. That’s it! You’ve successfully added meta tags to your website’s header.

Meta tag is different for all pages. It depends on the focus keyword you plan to rank a specific webpage.


<title>Welcome To Digital Shiksha</title>

<meta name=”description” content=”Best Digital Marketing Blog” />

<meta name=”robots” content=”noodp” />

<meta name=”keywords” content=”digitial marketing, SEO, SMO” />


Meta tag is different for all pages. It depends on the focus keyword you plan to rank a specific webpage.

Difference between meta tag and meta description

Even though meta tags and meta descriptions are both HTML elements that provide information about a web page, they serve different purposes. A meta tag is used to specify various types of information about a web page, such as its author, keywords, and description.

Meta tags are not visible to users and are only read by search engines. In contrast, a meta description is a short summary of a web page that appears in the search engine results pages (SERPs). This allows users to get an idea of what the page is about before they click on the link. Meta descriptions can be up to 155 characters long, and they should be carefully crafted to persuade users to click on your link.

Ultimately, both meta tags and meta descriptions are important for optimizing your web pages for search engines. However, meta descriptions have a direct impact on your click-through rate, so you should put more effort into creating compelling meta descriptions that accurately reflect the content of your web page.

Meta tag best practices

Meta tags are one of the most important elements of SEO. They help search engines understand what your website is about and determine whether it is relevant to a user’s search query. There are a few key things to keep in mind when crafting your meta tags:

meta tag important elements
  1. Keep it relevant. Make sure your meta tags accurately reflect the content on your website. This way, you’ll be more likely to show up in relevant search results.
  2. Use keyword-rich phrases. Include keywords and phrases that users are likely to search for when looking for a website like yours.
  3. Keep it short and sweet. Meta tags should be concise, so stick to the essentials. too much text will only serve to clutter up your code and discourage users from clicking through to your site.

By following these best practices, you can ensure that your meta tags are optimised for maximum impact. So don’t overlook this important element of SEO – make sure your meta tags are working hard for you!

Meta tag browser compatibility

When it comes to designing websites, one of the most important considerations is browser compatibility. Different browsers interpret code differently, and as a result, a website that looks great in one browser may not look so good in another.

This can be a major problem for web developers, as it can be difficult to ensure that a site looks consistent across all browsers. One way to solve this problem is to use meta tags. Meta tags are special code that can be added to a website to tell browsers how to interpret the code.

By using meta tags, developers can ensure that their website will look the same regardless of which browser is being used. As a result, meta tags can be a valuable tool for ensuring browser compatibility.

Facebook meta tag

Before you can start using Facebook for your business, you’ll need to complete a few key steps to set up your account. One of the most important is verification.Verifying your domain allows you to add a badge to your Facebook Page that shows people your Page is authentic and official. This badge helps people trust that they’re connecting with the right page when they see it in search results or other places on Facebook.

To verify your domain, you’ll need to be an admin of a Page on Facebook. You’ll also need to be able to add a TXT record to the DNS configuration for your domain. If you’re not sure if you can do this, contact your domain host. To get started, go to facebook.com/business and clickCreate a Page in the top right-hand corner. Select the category that best describes your business, then fill out the required information about your business.

Once you’ve created your Page, click Continue and enter your business email address or personal email address to finish setting up your Page. After you’ve verified your email address, you’ll be taken to a screen where you can enter information about your website. If you don’t have a website for your business yet, don’t worry – you can still verify your domain without one.

To verify your domain, enter your domain name in the box provided and click Verify this Domain. You’ll then see instructions for how to add a TXT record to the DNS configuration for your domain.

This process is different for each domain host, so we recommend contacting them directly for help. After you’ve added the TXT record to your DNS configuration, click Verify This Domain Again.

Once we detect the TXT record, we’ll send an email notification to the address listed on your Facebook Page confirming that your domain has been verified. In some cases, it may take up to 72 hours for us to detect the TXT record.If we don’t detect the TXT record after 72 hours, please check that the TXT record was added correctly and try again.”

Meta tag for Facebook domain verification

If you’re like most people, you probably have a Facebook account. And if you have a Facebook account, you’ve probably noticed those little meta tags that show up on websites. You may have even wondered what they are and why they’re there.

Well, those meta tags are actually part of Facebook’s domain verification system. By including a meta tag on your website, you’re essentially telling Facebook that you’re the owner of that domain. This is important because it allows Facebook to verify that you are who you say you are, and it also allows Facebook to send any messages or notifications intended for your domain to the correct place.

So if you’re wondering why those meta tags are there, now you know! They may not look like much, but they play an important role in keeping Facebook users safe and accurate.

Meta tag Google site verification

Google Site Verification is a free service that enables you to add a meta tag to your website’s code in order to verified with Google. All you need to do is sign up for a free account and then follow the instructions to add the meta tag to your website. Once you’ve added the meta tag, Google will be able to verify your website and include it in their search results.

In addition, by verifying your website with Google, you’ll also be able to take advantage of other Google products and services such as Google Analytics and Google Webmaster Tools. So if you’re looking to verify your website with Google, be sure to use a meta tag.

Meta tag Generator

A meta tag generator is a tool that can be used to create and insert meta tags into a web page. Meta tags are pieces of code that provide information about the content of a web page. They are typically used by search engines to index and rank web pages. However, they can also be used to provide other information, such as the author of the page or the date on which it was last updated.

free meta tag generator source seoptimer

A meta tag generator can be a valuable tool for any website owner who wants to ensure that their site is properly indexed and ranked by search engines. It can also be used to create meta tags for other purposes, such as social media optimization.

Meta Tag Analyzer

Looking to get an edge on the competition? A meta tag analyzer can be a valuable tool. Meta tags are snippets of code that give information about your website to search engines and help your site show up in relevant searches. By analyzing your meta tags, you can optimize your site for better visibility and higher traffic.

A good meta tag analyzer will give you insights into which keywords are being used most often to find your site, as well as how well your current tags are performing. With this information, you can make changes to improve your site’s ranking in search results. You can also use the tool to compare your tags with those of your competitors to see where you may be able to gain an advantage.

Free meta tag analyzer tool source: rankwatch

Investing in a good quality meta tag analyzer can pay off in increased traffic and visibility for your website. If you’re serious about getting ahead, it’s an essential tool for success.

Meta tag content security policy

Any website that collects or transmits data needs to have a content security policy, or CSP. This is a Meta tag that tells the browser what content from other sites is allowed to be displayed on the current page. By whitelisting only trusted sources, CSP protects users from malicious third-party content, such as Javascript exploits and phishing attacks.

Source content security policy.jpg

In addition, CSP can also help to reduce the risk of data leakage by preventing sensitive data from being loaded into untrusted frames. As a result, CSP is an essential tool for protecting both users and data. When implemented correctly, CSP can significantly improve the security of any website visit to know more about content security policy.

About the author, Team Digital Shiksha

Digital Shiksha is the leading online and interactive digital marketing training institute in India. We offer professional certification courses in Digital Marketing, which will help you create effective digital marketing strategies. Our students have access to the latest tools and techniques used in online marketing, including social networking, mobile marketing, online communities, viral marketing, wikis, and blogs. With a career in online, interactive, and digital marketing, you can progress into roles such as campaign planning and brand development. At Digital Shiksha we are committed to supporting and educating our students to reach their full potential in the field of digital marketing.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

Learn more about [your subject]. Start Now!

E-book 01
E-book 02