SEO HTML Tips




7 HTML tags that can improve your SEO ranking


The process of making a website “search engine friendly and user friendly” is the most important aspect before constructing any website.

Many commercial websites are designed and programmed by programmers who are having little information about search engine optimization and their importance.

This page is dedicated for the web designers who have started implementing their websites for search engines and who want to improve their website structure for Search Engines.





Title Tag:

I recommend that on your home page use title which includes blog’s name with your main keywords.  Keep in mind that you have to use 51 words and 255 characters without spaces in your title tag. 

Sample Title tag: 
 <title>Your page Keyword</title>
e.g. 
<title> Search Engine Optimization | SEO Tips</title>
<title> Search engine optimization, SEO tips, SEO guidelines</title> 
For each page, categories your keywords and prepare the title tag.
Meta Tags:

Meta tags describe web page and its content,  set at least these 2 meta tags - Meta Description tag and Meta Keywords tag for your website.

Meta Keyword Tag:


Do the researches of your competitor’s websites and by using free Keyword tool decide the keywords which you want to optimize. Add those keywords in your meta tag.

Sample for Meta keyword tag:
<meta name="keywords" content="keyword 1, keyword 2, keyword 3…. Etc..">

Meta Description Tag:

Description tag used to inform visitors what the website is offering,
The description for each page on your site should be unique

Sample Meta description tag
<meta name="description" content="small content with your relevant keyword">

Head Tag: 

By using Head tag you can put your keywords in heading, you can use H1 tag once in your page. But if you have multiple heading then try to use <h2><h3><h4>
Sample head tag: 
<H1> Topic name or keyword </H2> 

Refresh tag:

A Meta refresh tag browser reloads a document automatically. Refresh tag can uses when you are updating your page frequently. Most of the news websites and live commentary websites use this tag.

Sample for refresh tag:
<meta http-equiv="refresh" content="10;url=http://wwww.xyz.com">

Alt Tag:

The alt attribute is used in HTML and XHTML documents to specify alternative text, in simple words the anchor text is the text inside <a> tags that links to other pages.  Always use Key Words in Alt Tags

Sample for Alt tag:

<img src= “keyword.jpg” alt=”Keyword” />

<a href=”www.xyz.com” alt=”keyword” />

Robots Tag:
Having an optimized robots.txt is important because this file can control which pages of your websites get crawled by the search engine spiders.
<meta name="robots" content="index,follow">

Sample structure of SEO Code which I use:

<head> 

<title>Widgets</title> 

<meta name="Description" content="Widgets - Views about Search Engine optimization, Online Marketing, Social Bookmarking and Friends Networks">

<meta name="keywords" content="Search Engine Optimization, SEO Tips, Social Bookmarking, Social Media Optimization"> 

<meta name="robots" content="index, follow"> 

</head>

Add Robots.txt file:

Robots.txt is a text file which we have to put on our site basically we can allow or disallow search engines crawlers in our website. It is important to clarify that robots.txt is not a way from preventing search engines from crawling your site 

Sample:

# All user agents are disallowed to see the /temp directory.
User-agent: *
Disallow: /temp/

Search engine robots check below points on your website:

  • Keyword rich text in brief
  • Useful links and link titles
  • A keyword density
  • Text size
  • Title tags
  • Alt tags
  • H1-5 Tags

Avoid:

  • Heavy Flash
  • To little text
  • Keyword Stuffing
  • Heavy Java Script
  • Large File Sizes
  • Small Text Sizes
  • Website design with Frames
Subscribe to: Posts (Atom)