Saturday, 15 April 2017

SEO HTML CODE FORMAT FOR A WEB PAGE

<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 :



Recent

About Me

My photo
B.E.(COMPUTER ENGINEER) PHP Web developer & Provide Training for Web Development , Digital Marketing ,Android Mobile Apps Development
Powered by Blogger.

Formulir Kontak

Name

Email *

Message *

statistics

Recent

Comment

Subscribe

Find Us On Facebook

Video Of Day

PageNavi Results No. (ex: 7)

Flickr

Follow us on FaceBook

About

Gallery

Search This Blog

Fixed Menu (yes/no)

Related Posts No. (ex: 9)

 

© 2013 Digital Marketing by Om Sir. All rights resevered. Designed by Templateism

Back To Top