<html>
<head>
<title itemprop="name"> Enter
your page title here </title>
<!------meta
tags---->
<meta itemprop="description" name=”description” content=”write
one sentence which
describe your entire page ”>
<meta name=”keywords” content=”enter your keywords separated by commas”>
<!----end of meta tags-->
<!----facebook
open graph->
<meta property="og:type"
content="company"/>
<meta property="og:site_name"
content="enter your site name"/>
<meta property="og:title" content="enter
your page site title"/>
<meta property="og:url" content=" enter
your page web address(permalink) "/>
<meta property="og:description"
content="enter page description" />
<meta property="og:image" content="enter
web address of any image of your
page" />
<!---end
of facebook --->
<!---twitter
summary card--->
<meta name="twitter:card"
content="summary"/>
<meta name="twitter:site"
content="@twitterusername"/>
<meta name="twitter:creator"
content="@twitterusername" />
<meta name="twitter:title" content="enter
your page title"/>
<meta name="twitter:description"
content="enter your web page description "/>
<meta name="twitter:image" content="enter
web address of any image of your
page"/>
<!---end twitter summary card-->
</head>
<body>
<nav >
<!---internal links --- >
<a href=”enter
your web page internal address ” title=”enter
keyword relevant to your web page address”
>
Enter Achor text relevant to
your Web page topics
</a>
<!—end of internal links-->
<!---external links-->
<a href=”enter
your web page external
address ” title=”enter
keyword relevant to your web page address”
>
Enter Achor text relevant to
your Web page topics
</a>
<!---end of external links--->
</nav>
<h1>Enter your Main
focus keyword or relevant topics note : it is your Main heading of page</h1>
<p>
In this write paragraph and note include your main
focus keyword in starting of your paragraph
<img src=”enter your relevant image file name with image web address” alt=”enter your
keyword relevant to your image ” />
</p>
<h2>Enter your relevant sub
heading of your page </h2>
<p>
Write paragraph relevant to your sub heading topic. & place your main
focus keyword relevant topics.
<img src=”enter your
relevant image file name with image web address” alt=”enter your
keyword relevant to your image ” />
</p>
<h3> enter your Another
subheading topic </h3>
<p>
Write paragraph relevant to your sub heading topic. & place your main
focus keyword relevant topics.
<img src=”enter your relevant image file name with image web address” alt=”enter your
keyword relevant to your image ” />
</p>
<!—if you want to list
wise details the use---start ---of
---Listing-->
<ul>
<li> list name one </li>
<li> list name two </li>
<li> list name three </li>
</ul>
<!---end of
listing--->
</body>
</html>
Read Following for Above HTML Code Format:
Title tag:
HTML Title Tag Length
There are no hard and fast rules regarding the length of title and meta description tags. However the recommended length of title is somewhere between 65 to 70 characters including spaces, because more than this likely to be truncated in the search results. So try to keep the title length to 65 characters including spaces for best possible rendering. You can go up to 69 characters in total, but try not to exceed this.
<title> keyword text </title>
(2)HTML Meta Description Tag Length
The suggested length of meta description is somewhere between 155 to 160 characters including spaces. You can even use fewer characters and it works great if your descriptions looks appealing and read better but don't try to create lengthy descriptions or description with more than 160 characters.
HTML lets you specify metadata - additional important information about a DOCUMENT in a variety of ways. The META elements can be used to include name/value pairs describing properties of the HTML document, such as author, expiry date, a list of keyword, document author etc.
The <meta> tag is used to provide such additional information. This tag is an empty element and so does not have a closing tag but it carries information within its attributes.
You can include one or more meta tags in your document based on what information you want to keep in your document but in general, meta tags do not impact physical appearance of the document so from appearance point of view, it does not matter if you include them or not.
<meta name="description" content="Learning about Meta Tags." />
(3)Meta Keywords
What is a meta keyword ?
Meta keywords are no longer used by Google or Bing to determine a site's ranking (relevance), so don't overthink meta keywords. Smaller search engines still might use them in their algorithm, so we recommend adding them anyway. They are invisible to site visitors both on your site on in the search engines.
How to create meta keywords
The meta keywords should follow these guidelines:
· The meta keywords should be the same as the tags you're using in the article. The image below shows that I'm using the article's tags as its meta keywords.
· Separate the keywords with commas.
· Protip: While beneficial to add to your website pages and blog posts, meta keywords don't hold as much weight as they once did for on-page SEO
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
Example for meta tags & title we keep it in the <head> ------ </head> :
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
(2)The Alt Tag/Attribute inside image <img> tag :
It’s ok if you don’t know what an Alt tag is, let me explain.
The alt attribute is part of the image HTML tag.
Here is an example
<img alt=”keyword text” src=”http://madlemmings.com/wp-content/uploads/2013/07/filing-cabinets-row.jpg” >
(3) Internal Links USING <A Href=" "> Tag:
Internal Links are hyperlinks that point at (target) the same domain as the domain that the link exists on (source). In layman's terms, an internal link is one that points to another page on the same website.
Code Sample
<a href="http://www.same-domain.com/" title="Keyword Text">Keyword Text</a>
Optimal Format
Use descriptive keywords in anchor text that give a sense of the topic or keywords the source page is trying to target.
What Is An Internal Link?
Internal links are links that go from one page on a domain to a different page on the same domain. They are commonly used in main navigation.
These type of links are useful for three reasons:
- They allow users to navigate a website.
- They help establish information hierarchy for the given website.
- They help spread link juice (ranking power) around websites.
Anchor Text
Anchor Text is the visible, clickable text in a hyperlink. In modern browsers, it is often blue and underlined, such as this link to the moz homepage
Code Sample
<a href="http://www.example.com">Example Anchor Text</a>
Optimal Format
SEO-friendly anchor text is succinct and relevant to the target page.
What Is Anchor Text?
Anchor text is the visible characters and words that hyperlinks display when linking to another document or location on the web. In the phrase "CNN is a good source of news, but I actually prefer the BBC's take on events," two unique pieces of anchor text exist for two different links: "CNN" is the anchor text pointing to http://www.cnn.com/, while “the BBC's take on events” points to http://news.bbc.co.uk.
Search engines use this text to help determine the subject matter of the linked-to document. In the example above, the links would tell the search engine that when users search for "CNN", Moz.com thinks that http://www.cnn.com/ is a relevant site for the term "CNN" and that http://www.bbc.co.uk is relevant to “the BBC's take on events.” If many sites think that a particular page is relevant for a given set of terms, that page can manage to rank well even if the terms NEVER appear in the text itself.
(4)External Links
External Links are hyperlinks that point at (target) any domain other than the domain the link exists on (source).
In layman's terms, if another website links to you, this is considered an external link to your site. Similarly, if you link out to another website, this is also considered an external link.
Code Sample
<a href="http://www.external-domain-example.com/" title="KEYWORD text">Link Anchor Text</a>
Optimal Format
Use descriptive keywords in anchor text that reflect the same topic or keywords the target page is trying to target. It's not necessary to use the same keyword text every time—in fact, doing so can trigger spam detectors. Instead, strive for a variety of anchor text that enhances context and usability for your users—and for search engines, as well.
What Is An External Link?
An external link is a link that points at an external domain.
- Top SEOs believe that external links are the most important source of ranking power.
- External links pass "link juice" (ranking power) differently than internal links because the search engines consider them as third-party votes.
- Top SEOs don't believe that the "title" link attribute is used for rankings purposes.
(5)URL STRUCTURE Of A Website For SEO :
(a)RELEVANT FILENAMES :
One of the simplest methods to improve your search engine optimization is to look at the way you name your files. Before writing this tutorial, we did a lot of research on filenames and found that search engines like Google give too much importance to filenames. You should think what you want to put in your web page and then give a relevant file name to this page.
Just try giving any keyword in Google search engine and you will find file names highlighted with the keyword you have given. It proves that your file name should have appropriate keywords.
File Naming Style
The filename should preferably be short and descriptive.
It is always good to use same keywords in a filename as well as in page title.
Do not use filenames such as service.htm or job.htm as they are generic. Use actual service name in your file name such as computer-repairing.htm, which is more specific.
Do not use more than 3–4 words in file names.
Separate the keywords with hyphens rather than underscores.
Try to use 2 keywords if possible.
File Name Example
Listed below are some filenames which would be ideal from the users’ point of view as well as SEO.
slazenger-brand-balls.html
wimbledon-brand-balls.html
wilson-brand-balls.html
Notice that the keywords are separated by hyphens rather than underscores. Google sees good filenames as follows:
seo-relevant-filename as seo relevant filename(good) SEO
(b)URL Sub-Directory Name :
From Search Engine Optimization point of view, URL sub-directory name hardly matters. You can try giving any keyword in any search, and you will not find any sub-directory name matching with your keywords. But from the user’s point of view, you should keep an abbreviated sub-directory name.
Guru Mantra
Keep the following points in mind before naming your files:
Keep the web page filename short, simple, descriptive, and relevant to the page content.
Try to use a maximum of 3-4 keywords in your filename, and these keywords should appear on your web page title as well.
Separate all keywords with hyphen rather than with underscore.
Keep your sub-directories name as short as possible.
Restrict the file size to less than 101K because Google chops almost everything above that.
For example:
for example :
