Here we learn header tag, the content to write inside header 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.
Head tag <head></head> contain information about header, title, meta keywords, meta description etc.This is how your head tag may look like.
<head> <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" /> </head>
Here are some very important tags inside <head> tags
Write tilte within 60 character, Use right keywords in title
<title>Page Title within 60 character</title>
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" />
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="https://www.webtrainingroom.com/html/head" /> <meta property="og:image" content="https://www.webtrainingroom.com/images/wtr-Logo.png" /> <meta property="og:site_name" content="www.webtrainingroom.com" /> <meta property="og:description" content="page description" /> <meta name="twitter:description" content="Learning DHTML" />
Add style sheet and java script file reference inside Head tag
You also can add css style sheet and java script file reference inside the <head></head> tag
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, will not appear on screen, but the content will play key role in SEO success