Meta tags and the head section of a website (2022)

Products mentioned

SEO Tools

Archive Product Disclaimer

This content is outdated and currently under review for accuracy. For the latest up-to-date product information please visit godaddy.com

This post was originally published on Aug. 26, 2015, and was updated on August 1, 2019 and April 5, 2021.

One key component of every web page — every well-optimized web page, that is — is the meta tags. These are the parts of the webpage that tell Google and other search engines what a site is called, what it’s about, whether search bots can index it, what the keywords are, how it should look, and even where it’s located.

Some meta tags are more important than others, and if you’re not careful, you can waste a lot of time and effort trying to fill out tags that really won’t do your website any good.

Related: Beginner’s guide to search engine optimization for small business websites

Quick-start guide to meta tags

This article, which reflects important changes in Google’s search algorithms, will tell you important things like:

  • Where can you find meta tags?
  • What do meta tags do?
  • What meta tags do you need?
    • Title tag
    • Meta description tag
    • Meta robots tag
    • Open Graph tags
    • Meta keyword tag
    • Other HTML meta tags
  • Conclusion and next steps.

Let’s get started.

Meta tags and the head section of a website (1)There are three basic parts to a website:

  1. the Head (or header)
  2. the Body
  3. the Footer

Think of your body as a website. Your head is clearly the header, the footer is your feet and your torso is, well, you get the picture.

The header and the footer of a website are pretty much the same on every single page.

Traditionally, you would put your company name and logo in the header, your operating hours, address, and phone number in the footer. The body section of each page will change depending on what you put in there, but the header and footer will always remain the same.

Editor’s note: Want to create a stunning logo for your business? Give our free logo maker a try today.

Look at the top of this page from GoDaddy. At the very top is the banner — GoDaddy, Help, How-To, etc. That’s the header. If you visit another page on the GoDaddy blog, that part will stay exactly the same.

Meta tags and the head section of a website (2)
Now scroll all the way to the bottom of that page. Did you see that blue banner down there, with all the text in it and below it? That’s the footer.

Meta tags and the head section of a website (3)

(Video) Learn HTML meta tags in 3 minutes 🏷️

If you visit another GoDaddy blog page, that banner and its information will stay exactly the same, too.

It’s the body text, the part that you’re reading, that will change with every new page you visit.

The purpose of the header and footer is to provide a template for each and every page on a website. This is so you don’t have to code a header and footer every single time you create a new page.

And since the header and footer are permanent, it makes sense that you stick important code like meta tags inside the header. You could put it in the footer, but that’s a bad idea.

That’s because the search engine bots will only crawl so much of a web page before they leave again. The only way to guarantee that the bots will see this important meta code is to put it at the very top where Google assumes it will be.

Think of a website as having a “crawl budget.” The search engine bots will crawl a portion of your website. If you have a lot of unnecessary code, or you put your important information down in the footer, your crawl budget may not cover the important stuff because the bots had to get through the unnecessary things.

(It’s like eating a salad when you’re going out for pizza. You don’t really want to waste valuable room on salad, do you? No, you want to save it all for pizza! That’s how a crawl budget works.)

So now that you know where the meta tags are kept, what do they do exactly?

Related: 10 ways to improve Google keyword ranking

Back to top

What do meta tags do?

Meta tags are a part of your search engine optimization (SEO).

SEO is where you teach the search engines what your website and all its individual pages and digital assets (e.g. images, videos, and documents) are about.

For example, Google, Bing, and Yahoo will all know that this page is about meta tags for websites and meta tags SEO, partly because of the headline and the keywords.

The job of the meta tags is to define an individual web page’s subject matter or the page’s target keyword.

Some meta tags are more important than others, but it is crucial they all align with the page’s target keyword.

For example, the meta description tag tells us what a particular page is about. It’s the brief blurb about the page’s content and what we can expect to find.

As recently as seven years ago, you could write a killer description that would persuade Google to rank your webpage higher than your competition’s. You had to do things like use your keywords in the very early part of the description — in the first four words, if you could swing it, no matter how bad it sounded to human readers — and make sure your keyword appeared in the title, URL and body text the right number of times.

If all those things matched, your web page could rank pretty high for that keyword.

Of course, we can never have nice things on the internet, and people started creating some pretty awful web pages that did what Google wanted, but people hated. It got so bad, the internet was filling up with all these terrible web pages that tricked Google, but were otherwise unreadable and unusable by humans.

So Google banned a bunch of common SEO tactics because these SEO spammers ruined it for everyone.

Today, the function of the meta description is to get people to read your page.

(Video) How to Add Meta Tags to WordPress Head

When your web page shows up in a Google search result, the thing people are going to read about your page is your meta description. If you’ve written a good one, they’re more likely to read your page. If you’ve written a poor one or you didn’t write one at all and let Google try to make its own, people are less likely to read your page in the first place.

This means your meta description is still valuable, but only because it entices people to visit your website rather than tricking Google into thinking yours is the best.

The other meta tags have different functions, telling Google how to behave, what to show and what your site is/does/has, but you only need a few of them.

Back to top

Here are the most important meta tags, and a brief description of how they work. Some of these tags help the people visiting your site, others help Google and/or the web browsers decide how to behave.

Title tag

The title tag is part of the SEO trinity. This tag must align completely with the page’s URL and content, the other two legs of the stool. This is one of the strongest signals that inform the search engines that a page is about a particular topic, which directly impacts keyword ranking.

When the search engine bots visit a website, they look at all the pages’ titles in order to learn what each of them is about.

The title is different from a page’s headline. The headline is what people will see when your page pops up on a social network like Facebook. The title is what the search engine bots see. Just remember this simple mnemonic:

H is for headlines, which are read by humans, T is for titles which are read by — dammit! Never mind.

If you’re curious whether you should favor one over the other, the answer is no — they’re both equally important. People won’t click on a nonsensical or boring headline, bots won’t understand clever headlines that don’t include keywords. Go ahead and use the keyword in both.

Here are some basic best practices for creating an optimized title tag:

  • Use a maximum of 65 characters (including spaces).
  • The page’s target keyword should be at the beginning.
  • Each page must have one title tag.
  • Each title tag must be unique (never use the same title tag on other pages).
  • Branding always appears at the end of the title tag. That adds to your character count.
  • Separate the title from the branding with a hyphen or a | pipe (that’s the symbol above the \ key).
  • If there’s room, be sure to put your company name or your own name in the title tag. If there’s no room, leave it out. People will know where they are because you put the branding at the top of the page.

Meta tags and the head section of a website (4)A user sees the title tag on the search engine results page (SERP). The user will not see this content on the web page itself. It’s hidden so only the bots can see it.

Pro tip: If you use WordPress as your content management system, I strongly recommend you use the Yoast SEO plugin, although there are others available as well. It will help you automatically create your title tags, which you can adjust on your own. It also gives you a place to write your meta description tag. Speaking of which, let’s look at the …

Back to top

Meta description tag

The meta description tag indirectly impacts keyword ranking and greatly influences SERP click-through rate, but not for the reasons you might think.

Seven or eight years ago, your meta description tag could fool Google into ranking you higher if you were clever — and dishonest and underhanded — about how you wrote it.

But Google got smart, and they no longer consider meta descriptions in determining page rank. Where it does come into play is helping other people know what your page is about.

If you write a boring meta description, or you don’t use the keywords in your description, and someone sees it on a search engine results page, they will be less inclined to click through to your page. And Google actually does take click-through rates into account.

The more people click through to your page on their SERPs, the better your page will perform. The less they click, the worse it will perform.

So, if you have a bad meta description, your page will have a tougher time catching people’s attention. And if you don’t write one at all, Google will pick its own text from your page in what it hopes is a good enough description of the content. In fact, an article on the ahrefs blog said that Google rewrites meta descriptions 62.78% of the time. You can imagine how cold and un-artful those search bots can be. Do you really want to trust them to make this decision?

Here are some basic rules to follow when writing a meta description tag:

(Video) How to Add Custom Meta Tags To WordPress Head

  • Never exceed 150 characters, including spaces. If you use Yoast SEO to write your meta description, it will tell you whether you’ve gone over that limit.
  • Put the page’s target keyword near the beginning of this tag.
  • Each page must have one meta description tag.
  • Each meta description tag must be unique (never use the same description on other pages).
  • Use call-to-action language that will convince the user to click on your search result.

Meta tags and the head section of a website (5)Users will see this snippet on the SERP, although it will not be visible on your web page.

Back to top

Meta robots tag

Use meta robots tags with caution! You really need to know how to properly deploy this tag, and you need to clearly understand the various directives of this tag. If you don’t, leave it alone.

The meta robots tag tells search engine bots how to behave on your site — which areas they can visit and record, which pieces of content they can avoid or ignore, dress code, curfew, things like that.

But mostly, it’s the first two things: what to visit and record, what to avoid and ignore.

Some of the robots tag commands instruct the search engines to index and follow a page and some tell search engines to, well, not index and follow it. As you might have guessed, these are the NOINDEX and NOFOLLOW tags.

If you use either or both of these tags, you will receive zero organic search engine referrals. Those pages will be completely ignored and unseen by the search engine bots.

The three main robot tags are:

  • <META NAME=”ROBOTS” CONTENT=”NOINDEX, FOLLOW”>
  • <META NAME=”ROBOTS” CONTENT=”INDEX, NOFOLLOW”>
  • <META NAME=”ROBOTS” CONTENT=”NOINDEX, NOFOLLOW”>

The first line tells the engines to not include that page in their search index, but to follow all the hyperlinks on that page. (That is, follow a hyperlink to where it goes, whether it’s another page on that website, or a page on a whole different website.)

The second line tells the engines to index the page, but to not follow the links on the page that point to other pages. (In other words, ignore all the hyperlinks on the site.)

The final line of instructions tells the engines to ignore the page and all the links on the page. That effectively renders the page useless for organic referral traffic. You might use this on a page or a blog article that you need to keep on a website for historic purposes, but you don’t want the search engines to keep track of it or include it in search results.

You would use one of these lines on a particular page, not all three at the same time.

Back to top

Open Graph tags

Open Graph Tags (OG Tags)are used for crafting customized share messaging on some social network platforms.

Basically, if you want to share informationfrom a particular web page on a different social network like Facebook or Twitter, you need these tags.

They will tell those networks what information to display whenever you share a link from your site.

For example, if you have ever pasted a link from a news story in a Facebook or Twitter status update, and it populated the headline and a photo, that’s a social graph. And it’s the OG tags that told the network how to do that.

Here are the typical OG tags used on a website:

  • meta property=”og:title”
  • meta property=”og:description”
  • meta property=”og:type”
  • meta property=”og:url”
  • meta property=”og:image”
  • meta property=”og:site_name”

These tags do not impact ranking directly. However, studies have shown the top ranking pages for competitive keywords tend to have the most share totals from Twitter, Facebook and other networks. (If you’re still not sure what you need, ask your web designer.)

Back to top

Meta keyword tag

What can I say? Meta keyword tags really serve no constructive purpose for nearly every search engine around the world, including Bing (U.S.), Baidu (China), and Naver (South Korea). (There’s a possibility that Yandex, the Russian search engine, may use keyword tags, but they’re a very low weight.) Most search engine professionals ignore it too.

(Video) Adding code into the "head" section of your website

Google does not give this tag any weight, but if abused it can lead to a penalty.

People used to abuse this particular tag by stuffing it with keywords. You could see a couple dozen different variations on a single keyword — athletic shoes, women’s athletic shoes, men’s athletic shoes, children’s athletic shoes, etc. etc. etc. — in the hopes that someone somewhere might search for that one niche keyword — mismatched corrective orthopedic athletic shoes.

Those dirty rotten spammers ruined it for everyone, and, as a result, no one can benefit from meta keyword tags now.

I can think of one reason to keep track of your keywords, and that’s if you use an SEO plugin like Yoast, which I mentioned earlier. Yoast needs to know your main keywords in order to determine if you’re meeting their ranking criteria.

Another reason to keep track of your keywords is to make sure that you’re not blogging about the same thing over and over and over. Yoast will actually tell you if you’ve written about that keyword too many times before, which is another SEO spam tactic.

Related: How to use Bing Webmaster Tools to improve your site’s SEO

Back to top

Other HTML meta tags

There are dozens of other meta tagsthat can be used in the head section of a website. There are tags for the subject of the page, the geographic location of the page/your business, the owner, your email address, the date and so on.

However, you should avoid them completely.

Every line of code impacts page load speed, and you want your web pages to load as fast as possible.

A faster loading page is super important for improving your SEO.

Since those other tags don’t help with SEO and can negatively impact page load speed, it is best to avoid using them.

Also, remember what I said earlier about your crawl budget? You could waste your crawl budget on unnecessary meta tags, so the fewer meta tags you have in your header, the better for your crawl budget.

There is one exception, however: the Viewport tag. According to Moz:

“In this mobile world, you should be specifying the viewport. If you don’t, you run the risk of having a poor mobile experience.”

Over the last few years, Google has put a lot more time, energy, and resources into helping users to have a positive mobile experience. So much so that, even if you had a great desktop version of your website, if you have a poor mobile version, your desktop version will fall in the rankings. So don’t ignore your mobile experience.

The Google PageSpeed Insights Tool will tell you more about the viewport tag. The standard tag is: <meta name=viewport content=”width=device-width, initial-scale=1″>

If you’re doing your own SEO and you’re relying on Yoast SEO to write your description and title tag, that’s fine. But if you have no idea of what you’re doing, leave this tag to your designer or developer. Let them tell you what to do with it, or better yet, let them do it themselves.

Back to top

Conclusion and next steps

Meta tags are an important part of every website, but they don’t have the impact they did just a few short years ago. But that doesn’t mean you should ignore them. If used correctly, your SEO meta tags can still have an effect on your page’s search rankand online performance.

Do you want to know more about SEO and how to use the different meta tags? Or, do you want to leave the SEO and meta tags to the experts?

(Video) Meta Tags and The Head of HTML Documents #tryminim

If it’s the latter, reach out to the pros at GoDaddy SEO Services to get your site the attention it deserves. Learn how you can work less and rank higher. If it’s the former, I recommend reading everything you can on the Moz.com blog. They’re the leaders in search engine optimization, and are up on the latest Google practices and updates. Also, if you’re a WordPress user, get the Yoast plugin and read their blog; they also keep up with the latest SEO research and can help you use the Yoast blog to its fullest extent.

This article includes content originally published on the GoDaddy blog by Garth O’Brien.

FAQs

What are meta tags in head? ›

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.

What is meta tag in website? ›

Meta tags that Google understands. <meta name="description" content="A description of the page"> Use this tag to provide a short description of the page. In some situations, this description is used in the snippet shown in search results. <meta name="robots" content="..., ...">

What is the head section of a website? ›

It contains information such as the page <title> , links to CSS (if you choose to style your HTML content with CSS), links to custom favicons, and other metadata (data about the HTML, such as the author, and important keywords that describe the document).

Do meta tags have to be in the head? ›

META tags are only allowed within HEAD (just like, say, TITLE) so by putting it into a BODY, you're essentially creating an invalid markup.

What is head section in HTML? ›

The <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag. HTML metadata is data about the HTML document. Metadata is not displayed. Metadata typically define the document title, character set, styles, scripts, and other meta information.

What is a meta tag example? ›

Search engines such as Google use metadata from meta tags to understand additional information about the webpage. They can use this information for ranking purposes, to display snippets in search results, and sometimes they can ignore meta tags. Example of meta tags include the <title> and <description> elements.

How do you add a meta tag to the head section in HTML? ›

Open the HTML file and locate the <head> section near the top of the file. Depending on how you created the page, there may already be a title and some other meta content. The title is between HTML <title></title> tags. The description and keywords are entered in <meta> tags.

Why are meta tags used? ›

Meta tags are pieces of information you use to tell the search engines and those viewing your site more about your page and the information it contains. Meta tags include: Title tags: the title of your page, which should be unique for every page you publish. Meta description: a description of the content on the page.

Are meta tags the same as keywords? ›

Simply put, meta tags are keywords and short phrases that describe your webpage's content. You need meta tags for your page search engine optimization (SEO) to help search engines understand and categorize your website. These tags are invisible to your website visitors, but show up in the code of your website.

What meta tags are important for SEO? ›

The two most important meta tags:

Title tags: which specifies the title of a webpage. This is the page title that Google shows in the search results. Meta descriptions: which quite simply describe your page's content. Search engines often use it for the snippet in search results.

What is the difference between head and body tag in HTML? ›

The <body> encapsulates the contents of the document, while the <head> part contains meta elements, i.e., information about the contents. This is (typically) title, encoding, author, styling etc.

Where is the head section of my website Wordpress? ›

Go to Genesis > Theme Settings. Scroll down to the bottom and find the section titled Header and Footer Scripts.

Which section of the webpage will contain meta tags? ›

If you want to find out whether a given page is using meta tags, just right-click anywhere on the page and select “View Page Source.” A new tab will open in Chrome (in Firefox, it'll be a pop-up window). The part at the top, or “head” of the page, is where the meta tags would be.

Do meta tags affect SEO? ›

Meta tags play a significant role in SEO. They tell search engines about the content on your page, so they can decide if and how relevant it is to a search someone is performing. Related: What to do if you get penalized by Google. For 2020, make sure you're using keywords and in the right way.

Does order of meta tags matter? ›

You are correct. The order of those tags do not matter for SEO. They just need to be present.

What is meant by head section? ›

Updated: 11/30/2020 by Computer Hope. In an HTML file, the html head is the first section in the code containing information about a web page's properties and links to external related files. For example, in the HTML head, you can have the title of the page, meta tags, CSS code, Open Graph tags, and JavaScript code. ...

What is the importance of head tag in HTML? ›

The <head> tag in HTML is used to define the head portion of the document which contains information related to the document. The <head> tag contains other head elements such as <title>, <meta>, <link>, <style> <link> etc.

What is a meta tag and how does it work? ›

Meta tags are snippets of code that tell search engines important information about your web page, such as how they should display it in search results. They also tell web browsers how to display it to visitors. Every web page has meta tags, but they're only visible in the HTML code.

What are all the meta tags in HTML? ›

Full list of Meta Tags
  • Title Tags, to name your page on search engines.
  • Meta Description Tags, to describe your page on search engines.
  • Robots Meta Tags, to index or not index a page.
  • Nofollow, sponsored and user-generated content meta tags, for outbound links.
15 Jul 2021

Which sequence of HTML tags is correct a HTML >< head >< title ></ title ></ head >< body ></ body ></ HTML B HTML >< head >< title >< body ></ title ></ head ></? ›

All the web pages will have at least the base elements: HTML, head, title, and body. Hence, Option 1 is correct. The HTML <title> tag is used for indicating the title of the HTML document.

What is the difference between the head and header elements? ›

"The <head> element represents a collection of metadata for the Document." "The <header> element represents a group of introductory or navigational aids." The main difference is that the <head> element is for META data and the <header> element is for actual content.

Does Google look at meta tags? ›

Our web search (the well-known search at Google.com that hundreds of millions of people use each day) disregards keyword metatags completely. They simply don't have any effect in our search ranking at present.

How many meta tags should I use? ›

As a general rule, don't use more than about 10 meta keywords for a single page.

What is a good meta tag? ›

Meta descriptions can technically be any length, but Google generally truncates snippets to ~155-160 characters. It's best to keep meta descriptions long enough that they're sufficiently descriptive, so we recommend descriptions between 50 and 160 characters.

How do tags work on websites? ›

A web tag is a short piece of code, a transparent pixel, or an image that is placed in the code of a web page. When a visitor loads that web page, or when another pre-defined event happens, the tag calls on a third-party application to perform a marketing, content, tracking, or data collection task.

How do I add a meta tag to my website? ›

Click SEO Basics.
  1. Click the Advanced SEO tab. Click Additional Tags. Click + Add New Tag.
  2. Add your meta tag code in the HTML Code field. Click Apply.
  3. Important: It's not possible to delete the default meta tags that Wix adds to your site. You can only delete additional meta tags.

What is head section and body section? ›

The head is the first section of the document and contains information that is shared by all the pages in the document. Head is not used to add information to the body of the HTML document. This is because the body is the second part of the HTML document and is used to add content to the HTML document.

What goes in head and body HTML? ›

An HTML 4 document is composed of three parts: a line containing HTML version information, a declarative header section (delimited by the HEAD element), a body, which contains the document's actual content.

What is the difference between title and head tag? ›

The main difference between a page title and an h1 tag is that the page title is shown in the browser window and search results snippet while the h1 tag is only shown on the page itself. The page title is defined in the HTML <head> section while the H1 tag is part of the <body> of a page.

Where is head and head tags on a website? ›

Head Tag (in HTML)

The head tag is placed between the opening <HTML> and <body> tags at the beginning of the HTML file. The metadata in the head tag is not displayed, but the information is used by browsers and by search engines.

How do I add a meta tag to the head section in WordPress? ›

How to Add Meta Tags to WordPress Manually
  1. Find and Open the header. php File. Go to Appearance and click on "Theme File Editor." Click on the header. ...
  2. Copying and Customizing Meta Tags. Copy the following generic code and fill it in with the keywords you're trying to target. Place it under the <head> tag:
18 May 2022

How do I add a head tag in WordPress? ›

To add a heading, highlight the text and move to the 'Paragraph' option in the toolbar. Clicking on it will bring up a menu of the 6 heading tags and you can pick any one. The text now appears as a heading.

How do I extract metadata from a website? ›

In Firefox, Chrome, Internet Explorer or Opera, right click anywhere on the page and select View Source or simply Source. You will be presented with a window full of code, which you'll need to search for the ID. Do this with Edit > Find or the Windows shortcut CTRL-F (Command ⌘ + F on Mac).

What is the meta element? ›

Meta elements are tags used in HTML and XHTML documents to provide structured metadata about a Web page. They are part of a web page's head section. Multiple Meta elements with different attributes can be used on the same page.

What does meta title mean? ›

A meta title, also known as a title tag, refers to the text that is displayed on search engine result pages and browser tabs to indicate the topic of a webpage.

When did Google stop using meta tags? ›

No, Google has not used the meta keywords tag since 2009.

On the 21st of September 2009, Google published an article on the Google Search Central Blog that confirmed that the keywords meta tag is not used in ranking web search results.

Do meta tags make your pages more easily searchable or improve its ranking? ›

Meta tags still affect the indexing of your site in several key ways. They allow Google to understand your pages' content so that they will appear more frequently in searches for particular keywords. In addition, effective use of meta tags can boost your keywords ranking.

Do Meta descriptions affect ranking? ›

Do Meta Descriptions Affect SEO? The short answer is no, they don't technically impact SEO. However, they are an important part of your SEO strategy as they are one of the first things searchers see when they encounter one of your pages.

What is header meta tag? ›

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.

What meta tags are important for SEO? ›

The two most important meta tags:

Title tags: which specifies the title of a webpage. This is the page title that Google shows in the search results. Meta descriptions: which quite simply describe your page's content. Search engines often use it for the snippet in search results.

What is difference between title and head tag? ›

The head tag is what belongs in the little tab on a webpage, so for example if you take google, they have that little G icon on the left of the tab, and that would be the head. The title is what is written on the tab so if you take Google again, Google would be the title.

Can you have two head tags HTML? ›

As per W3C standards, you can not have two HEAD tags.

Which sequence of HTML tags is correct a HTML >< head >< title ></ title ></ head >< body ></ body ></ HTML B HTML >< head >< title >< body ></ title ></ head ></? ›

All the web pages will have at least the base elements: HTML, head, title, and body. Hence, Option 1 is correct. The HTML <title> tag is used for indicating the title of the HTML document.

What are the 3 meta attributes? ›

Meta Keywords Attribute – A series of keywords you deem relevant to the page in question. Title Tag – This is the text you'll see in the SERP and at the top of your browser. Search engines view this text as the “title” of your page. Meta Description Attribute – A brief description of the page.

What are different types of meta tags? ›

The Most Important Meta Tags for SEO
  • Title Tag.
  • Meta Description.
  • Canonical Tag.
  • Alternative Text Tag.
  • Robots Meta Tag.
  • Open Graph Meta Tags and Twitter Cards.
  • Header Tags.
  • Responsive Design Meta Tags.
9 Nov 2020

How many meta tags should I use? ›

As a general rule, don't use more than about 10 meta keywords for a single page.

Where is the head tag? ›

The head tag is an element in HTML files that can contain metadata (data about data) and script calls. The head tag is placed between the opening <HTML> and <body> tags at the beginning of the HTML file. The metadata in the head tag is not displayed, but the information is used by browsers and by search engines.

Is head tag necessary in HTML? ›

In HTML 5 it is not mandatory to include a <head> tag inside the HTML document but in previous versions(4.0. 1) it was mandatory to include it. The tags like <title>, <meta> or <link> which are generally contained inside head will also work fine without the <head> tag or outside the <head> tag.

What is the difference between head and body tag in HTML? ›

The <body> encapsulates the contents of the document, while the <head> part contains meta elements, i.e., information about the contents. This is (typically) title, encoding, author, styling etc.

What is head tag example? ›

The <head> tag in HTML is used to define the head portion of the document which contains information related to the document. The <head> tag contains other head elements such as <title>, <meta>, <link>, <style> <link> etc.

How many head tags are there in HTML? ›

HTML defines six levels of headings. A heading element implies all the font changes, paragraph breaks before and after, and any white space necessary to render the heading. The heading elements are H1, H2, H3, H4, H5, and H6 with H1 being the highest (or most important) level and H6 the least.

How do I add metadata to my website? ›

Open the HTML file and locate the <head> section near the top of the file. Depending on how you created the page, there may already be a title and some other meta content. The title is between HTML <title></title> tags. The description and keywords are entered in <meta> tags.

Which tag will you put the main heading content of a website? ›

The most important heading tag is the h1 tag and least important is the h6 tag. In HTML coding, the heading tags from h1 to h6 form a top-down hierarchy. This means that if you skip any of the tag numbers the heading structure will be broken, which is not ideal for on-page SEO.

How do I show my head in HTML? ›

It is used between <html> tag and <body> tag. The head of an HTML document is a part whose content is not displayed in the browser on page loading.
...
Example:
  1. <! ...
  2. <html>
  3. <head>
  4. <title>This Page Title</title>
  5. </head>
  6. <body>
  7. <p>The body's content is displayed in the browser window.

How do you make a head in HTML? ›

For example, in the HTML head, you can have the title of the page, meta tags, CSS code, Open Graph tags, and JavaScript code. The head section is denoted by an opening <head> tag and ended at the closing </head> tag.

Videos

1. The HTML Head Tag | Meta Tags | SEO tips
(Campsite Coders)
2. 27: Which HTML Meta Tags Are Required in A Website? | Learn HTML and CSS | HTML Tutorial | HTML SEO
(Dani Krossing)
3. How To Verify Your Domain With Facebook (2021) (with DNS and Meta Tags)
(Michael Pitluk)
4. HTML Head Tag - Whats in the Head - Tutorial for Beginners
(PixemWeb)
5. How to Add Custom Meta Tags to Shopify Head
(TubeMint)
6. SEO Adding Titles & Descriptions Meta Tags In Your Website
(Thea World)

Top Articles

You might also like

Latest Posts

Article information

Author: Greg Kuvalis

Last Updated: 11/13/2022

Views: 6036

Rating: 4.4 / 5 (75 voted)

Reviews: 90% of readers found this page helpful

Author information

Name: Greg Kuvalis

Birthday: 1996-12-20

Address: 53157 Trantow Inlet, Townemouth, FL 92564-0267

Phone: +68218650356656

Job: IT Representative

Hobby: Knitting, Amateur radio, Skiing, Running, Mountain biking, Slacklining, Electronics

Introduction: My name is Greg Kuvalis, I am a witty, spotless, beautiful, charming, delightful, thankful, beautiful person who loves writing and wants to share my knowledge and understanding with you.