Saturday, 15 April 2017

SEO HTML CODE FORMAT FOR A WEB PAGE

April 15, 2017

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



Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

33 comments:

  1. Informative article, just what I was looking for.seo services chennai

    ReplyDelete
  2. Best MBA Colleges in Bangalore

    GIBS Business School offer MBA Programme is to empower the students with knowledge and skills through all round development of body, mind and soul. The entire infrastructure at the campus is designed to help students achieve this across a hectic two year education plan.

    ReplyDelete
  3. Hi,
    It is really an awesome post you have provided a very useful information HTML scripting .Thanks and keep updating posts like this.SEOTTOM is one of the best digital and seo service providing company.

    ReplyDelete
  4. Nice and useful information about digital marketing. I really liked it.
    Good work.


    digital

    ReplyDelete
  5. Thank you for taking the time to provide us with your valuable information. We strive to provide our candidates with excellent care.As always, we appreciate you confidence and trust in us.


    Digital Marketing Training in Chennai

    Hadoop Training in Chennai

    ReplyDelete
  6. Nice blog and the description about it very amazing I really liked it.



    google adwords

    ReplyDelete
  7. Truely a very good article on how to handle the future technology. After reading your post,thanks for taking the time to discuss this, I feel happy about and I love learning more about this topic.keep sharing your information regularly for my future reference

    SEO Company in Chennai

    ReplyDelete
  8. Hi Dear,
    I See Your Blog Daily.
    Your Blog Is Very Useful For Me
    And I Like So Much..
    โกลเด้นสล็อต-Golden-Slot
    บาคาร่-Baccarat

    ReplyDelete
  9. Your blog is nice and informative. I am also running a blog. Take a look at-
    https://digital-marketing-odisha.blogspot.in/2017/06/optimisation-techniques-for-page.html

    ReplyDelete
  10. This is an awesome blog. I found this article very helpful about Digital Marketing. I bookmarked this website.Thanks for share keep it up!!

    Digital Marketing Agency

    ReplyDelete
  11. The information provided here was of high quality and useful. Thanks for the informative post provided in this blog.

    SEO Services in Miami
    Social Media Marketing Miami

    ReplyDelete
  12. Thanks for this really nice article about digital marketing and the blog is too good.

    curso adwords bogota

    ReplyDelete
  13. Nice blog and the description about it very amazing I really liked it.

    SEO Ireland

    ReplyDelete
  14. Very exclusive blog about web design, Quite interesting and nice topic chosen for the post Nice Post keep it up.

    cincinnati web development company

    ReplyDelete
  15. Such an amazing blog about the YouTube up vote comment and I really appreciate you work which you have done well.
    YouTube up vote comment

    ReplyDelete
  16. Really very interesting and very valuable information about the Webdesign keep posting.

    Webdesign

    ReplyDelete
  17. Very exclusive blog about web design & didital marketingdigitel marketing in indore

    ReplyDelete
  18. Your Post is very useful, I am truly to this blog which is specially design about the yahoo phone number, It helped me with ocean of awareness so I really appreciate your blog.
    yahoo phone number

    ReplyDelete
  19. This is a really good read for me, Must admit that you are one of the best bloggers I ever saw.Thanks for posting this informative article. I really like the fresh perceptive you did on the issue. I will be back soon to check up on new posts! Thank you!
    Negative seo attack

    ReplyDelete
  20. You have shared an interesting post here!
    Current search engine optimization focuses on techniques such as making sure that each web page has appropriate title tags and that the content is not "thin" or low-quality.

    Regards,
    go mobile advertising | top mobile cpi networks | cpi affiliate networks

    ReplyDelete
  21. Really you blog have very interesting and very valuable information about the pin makers well done.
    http://www.pinmakers.com

    ReplyDelete
  22. This is extremely Amazing and Very Informative Site we get alot of Informations from this site we truly value your cooperation keep it up and continue writting such enlightening article.

    Click Here :
    http://www.surat-training.com/digital-marketing-training-surat.php
    http://www.seotrainingsurat.in/digital-marketing-training/

    ReplyDelete
  23. http://www.surat-training.com/digital-marketing-training-surat.php

    http://www.seotrainingsurat.in/digital-marketing-training/

    ReplyDelete
  24. I just like the helpful info you provide to your articles. I'll bookmark your blog and check once more here regularly. I'm slightly sure I will be told a lot of new stuff proper here! Best of luck for the following!
    best seo packages service company in bangalore
    best ecommerce website developers company in bangalore

    ReplyDelete
  25. Your Post is very useful, I am truly to this blog which is specially design about the company logo promotion and It helped me with ocean of awareness so I really appreciate your blog.
    Handtuch Werbeartikel

    ReplyDelete
  26. Thank you very much for this post. Your posts are the useful thing which we all are looking for that kind information.
    Seo Services Company In Delhi

    ReplyDelete
  27. Such an helpful post about the on page meta tags and the complete format of meta tags.Promote your business by google adwords authorized agency in delhi

    ReplyDelete
  28. SEO HTML Code Structure basically used in on page optimazation for analysing the meta tags of the webpages.Get the seo services in delhi and improve your ranking on google.

    ReplyDelete

 

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

Back To Top