web training room for online courses
Online Training for Asp.net MVC Web Designing Development, MS SQL, Digital Marketing

Html Head Tag for SEO

How to write Head tag HTML Document

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.
<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" />

Here are some very important tags inside <head> tags

  • 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="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

<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, will not appear on screen, but the content will play key role in SEO success

Name Email Website
HTML Tutorial
HTML Head Tag Example, tags inside head tag in HTML page