Knowledge Base

Copying HTML Meta Tags into Your Site

What Is Metadata?

Metadata is essentially data about other data. In internet technology, Metadata provides information about other data found on the world wide web. Its main purpose is to supply search engines, browsers, and other web tools or services information about web pages and websites.

Metadata is actually not displayed on the web pages. It is, however, visible on search engine results. For instance, when you type in Google in search engines, one of the top results has the following Metadata:

Simply put, Metadata helps search engines check, collate, and give the most relevant results to internet users. Hence, Metadata plays an important role in Search Engine Optimisation (SEO) which functions when you put it in your site's HTML Meta Tags .

What Are HTML Meta Tags?

Hyper Text Markup Language (HTML) Meta Tags are basically HTML tags within which you can put your Metadata. These tags, along with the Metadata in them, do not display on web pages themselves, but in the codes of websites — particularly, in index.html files.

There are many kinds of Meta tags that you can put in your website. Not all of them, however, may be important or useful. If you have a website and you want search engines and web users to easily find it, here are the Meta tags you might want to have in your pages:

Title tag This is the title of your page, and is displayed at the top of web browsers. Most search engines consider this section to be very important. Putting your top keywords here is encouraged. However, make sure they are relevant to your site’s content.

It is advisable that your title tag should only have 50 to 60 characters. This is because most search engines, such as Google, only display the first 50 to 60 characters of title Metadata.
Description tag This includes some brief information on what your website is about. It should be accurate and concise. This content is usually seen under the page title in search engine result entries.

According to best SEO practices, the advisable length of a description tag should not be more than 155 characters, including spaces.
Keywords tag This tag includes important terms and phrases that are relevant to your website. When choosing keywords, it is important to consider the words or phrases you want to be associated with your site. For instance, if your website is about cats and dogs, you want it to be associated with the words "pets", "furry friends", and "pet supplies".

Take note that you should put not more than 10 keywords or phrases here.
Robots tag This is where you put specific instructions for web crawlers visiting your site. Although you can choose to not have this tag, it can help you control how robots treat your pages. With this, you can actually specify the web pages you want indexed, as well as those you don’t.

Why Do You Need HTML Meta Tags?

Essentially, HTML Meta Tags inform search engines that they have pertinent data or information about your site. When your site has Meta tags, web crawlers or net robots will be able to access your site and web pages. In turn, your site gets indexed by search engines.

Indexing by search engines is according to content relevance and keywords in your Metadata.

When a user searches for something online, they type in keywords into a search box. Search engines then scour their database using the said keywords as reference. After that, the search engine collates relevant data from indexed websites and pages, and deliver them to the user in the form of search result pages.

So when you put correct and relevant Metadata in your site and its individual pages, your site becomes more crawlable to search engines and more visible to users.

How to Put Meta Tags in Your Site

Putting Meta tags in your website will help search engines find and efficiently index it for web users. Here are some guides on how you could do that.

For Basic Sites:

  1. Open a text editing tool such as Notepad or Notepad++.
  2. Open the .html file for your web page.
  3. In the upper portion of the .html file, below the < head > tag, is where you should put your HTML Meta tags.
  4. Insert the appropriate Metadata in their respective sections, like in the example below.
            <meta charset="UTF-8">
            <title>My Website </title>
            <meta name="description" content="This is where I will post my awesome thoughts.">
            <meta name="keywords" content="journal, reflections, musings, diary">

For static websites, since each web page will be coded in its own .html file, you will need to add Meta tags in every .html file so each page can be crawlable to net bots and indexed by search engines.

For Website Builder:

If you have a registered Domain and Website Builder, and you want to add Metadata to your site, you can do it by following the steps in the guide below:

For you to be sure that your Metadata has been saved, visit your website and right-click anywhere on your home page that does not have an image. Then, click on the View page source option.

Check the upper part of the source code and see if your metadata is listed below the < head > tag.

If you want to know more on how to further optimise your site, check out our Traffic Booster here.

Did you find this article helpful?

* Your feedback is too short