Html Head Tag for SEO

Here we learn header tag, the content to write inside head tag will not appear on screen, but play the major role in Search Engine Optimization, in this section we have set of tags that tells any search engine about what this page is all about, so every single word we write inside this head tag is very important.

<meta charset="utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta property="article:tag" content="" />
How to write Head tag in HTML document?

Head tag <head></head> contain information about header, title, meta keywords, meta description etc.

This is how your head tag may look like.

<meta charset="utf-8" />
<title>Page title </title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<meta name="keywords" content="here are comma separated keywords" />
<meta name="description" content="a short description of the page for search engine" />
SEO Tags inside Head Tag in HTML Page

Here are some very important tags inside head tag <head>

  • title

    Write tilte within 60 character, Use right keywords in title

    <title>Page Title within 60 character</title>

  • description

    Write description within 160 character, Here you need to write a short desciption about the page, make sure you use important keywords in description

    <meta name="description" content="description will appear here" />

  • keywords

    As per google, keywords tag are no more useful for SEO, but there are other search engines and directories that still consider keywords tag as important factor in search engine ranking, so use multiple keywords (comma separated)

    <meta name="keywords" content="keywords comma separated" />

Apart from above tags there are many other tags which are useful for SEO can be inserted within head tag, for example here are few additional tags that we often use.

<meta property="og:title" content="page title.." />
<meta property="og:type" content="website" />
<meta property="og:url" content="" /> <meta property="og:image" content="" />
<meta property="og:site_name" content="" />
<meta property="og:description" content="page description" />
<meta name="twitter:description" content="Learning DHTML" />         

Add style sheet and script reference in Head tag

You also can add css style sheet and java script file reference inside the <head></head> tag

<head> <link href="~/Content/example_myStylesheet.css" rel="stylesheet" />
<script src="~/Scripts/example_javascriptfile.js"></script>

You also can add page auto refersh meta tag where you can mention page refreshing delay

<meta http-equiv = "refresh" content = "30">

Remember, whatever you write inside head tag <head>, will not appear on screen, but the content will play key role in SEO success.

You may be interested to read following tutorials

HTML Tutorial | Web Designing Course | HTML5 Introduction