Thought Provoking Tips for Designing a SEO Friendly Website

In the today’s internet era, where millions of sites are surfed by millions of user at a moment, Search engine optimization (SEO) has emerged as a valuable online marketing tool for different businesses. SEO technique basically aims to secure high page rank of a website search engine result pages of major search engines.

A website which is complying with the required SEO standards at its best are considered by the search engines first and they are ranked as per that. Thus it is very much necessary to design a SEO friendly website.

A website is not just the presentation of a business over World Wide Web, but a source of revenue generation. For this it must have higher ranking on the search engine in order to have large number of visitor’s traffic. We have arrived here to assist you to accomplish the task of creating a SEO friendly website.

Hereby we are presenting some of the most innovative and practical tips and ideas which might help you in designing an SEO friendly website from the ground level.

Identify the appropriate Keywords

As we know keywords plays a most decisive role in any search engine optimization, website which in turn results to the higher ranking of any particular website on Google search engine. Thus it is advisable that one should use appropriate and specific keywords which must target clients locally, nationally or internationally and fulfill the website objective. You may search keywords and key phrases by inputting them into a keyword research tool.

Some Keyword Suggestion Tools:

Google Keyword Suggestion Tool
Keyword Discovery

Keywords Should Be In Headings

It is advisable to include keywords in headings as headings are first of all taken into consideration by search engines. For the successful integration of any website with search engine, you must have to introduce what the page is really about? To accomplish this it is quite necessary to place the prime keyword in H1 tag.


Use Meta Tags

Meta tags are HTML codes that are inserted into the header on a web page, after the title tag. Adding these few magical “meta tags” to your web pages can make you to reach the top of the search engine listings.


List of some commonly used Meta Tags:

Meta Keyword

Meta Keywords tag is used to list keywords that define the content of your site. In addition to words from the title, document body, and other areas, search engines use keywords to properly index a particular site. Meta keywords tags are used to serve this purpose.


<META NAME=”keywords” CONTENT=”psd to html, psd to xhtml”>

Some of the most important individual Meta tags are described below:

Meta Description

The Meta Description tag is used to provide an overview of the document. This tag is considered by search engine to display the information on search result page normally below the title of the site listing. Description is the motivating factor which is responsible for the higher ranking in search results. Thus it is too much necessary that description must be precise but convincing.


<META NAME=”description” CONTENT=”Best psd to html/xhtml service provider.”>

Meta Content Language

The Meta Content Language tag, also known as Meta Name Language tag, speaks out what is the actual language of the document. It is advised to use this tag when website is written in non-US English. Search engines properly categorize the non-US English as per particular region.


<META HTTP-EQUIV=”Content-Language” CONTENT=”en-GB”>

The above syntax shows that the language of the document is English in Great Britain.

Meta Content Type

The Meta Content Type tag is recommended tag which is used along with the DTD declaration format by the World Wide Web Consortium. It is used to declare the character set of a website.


 <Meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>

Meta Language

This tag is used to declare the language used on the website. It is advised to be used by the webmasters who wish to declare the primary language of the web page.


 <META NAME=”Language” CONTENT=”English”>

Apart from these, there are several other optional tags which are listed below:

  • Meta Abstract
  • Meta Author
  • Meta Copyright
  • Meta Designer
  • Meta Google
  • Meta Keywords
  • Meta MSN (No ODP)
  • Meta Title

Alt Text with Images

It is considered as the good practice to use alternate text associated with the images used in the website. It is because of the fact that, in case if the images are not properly loaded, then it is the alternate text which describes about the images used there. Use of alt text enables the search engine to easily recognize what kind of images you have used in your website. With the help of ALT Tag, image can be recognized by the search engine & you can get the listing in search engine image search result.


<img alt=”Add details of the Image ” src=”image source” width=”size” height=”size” />


<img alt=”Adobe Systems” src=”images/adobe.jpg” width=”100″ height=”100″ />

SEO friendly navigation

The navigational system of the site and internal linking structure are the most crucial elements of on-page SEO. Thus while building any website, a web designer must design a navigational system which must be friendly with search engine and must be read and followed by them. One should use keyword in the navigation system. Also the web designers should create a structure which a search engine can follow. It is often seen that many web designers use images as links instead of texts which are the major culprits in the search engines. So, it should be avoided. Also, most web designers use JavaScript which are difficult to understand by search engines and hence cause crawling issues. These all should be avoided in order to create an SEO friendly websites.


Some SEO Friendly Websites:

Smashing Magazine
Daily Blog Tips

Optimize your content with Local Listing

It is regarded as the good practice to optimize the contents that include local business place and add to Google local listing  for local or geo search. As an average of 10% of searches is done on the base of location. It is really a great way to get top position on the search engine as oftenly people try to narrow down the search result and hence lessening their search attempt.


URL’s and Filenames: Easy and Keyword rich

The web designers should select the URL and file names in such a manner that search engines quickly identify what a page is really about. Also the URL and filenames should be easy so that it can be conveniently remembered by the users. It is considered as the good tactic to include keywords in the URL as this increases Search Engine visibility and hence raise the ranking of the website. It is suggested to avoid any special characters in the URL.


Reducing page load time

It should be noted that a site taking more time to be loaded by commonly used browsers are degraded in page ranking by the search engines. Thus it is very much important to construct a website with reduced page load time because page load time has been seen much important in SEO. To accomplish this there is need to remove unused codes from CSS files or compressing CSS, reducing the use of JavaScript as well as optimizing images used on the site.

google page load time

Tools to check Page Load Time


Content is King

To the point and keyword derived contents are the key characteristics of any website as it is easily recognized by the search engines. Use of keywords in the content can help in improving the ranking of a website. The content should be fresh and new as the freshness of the contents adds relevancy to your site in the eyes of the search engines.

original content

Say ‘Yes’ to CSS Style sheets

CSS style sheets can significantly reduce the amount of code on your web pages, and as short the code will be, the quicker will be the load time. And as quicker the loading time of a website, the higher ranking it will be given. Also, CSS style sheets can do a large number of things in a much better way than a website designed with the use of tables and bloated markup. Thus it is advisable to use style sheets to make website SEO friendly.

cascading style sheet

Create XML Site Map

A sitemap is another essential element which is responsible for the good response of any website. Sitemap is the element which tells the search engines about the position of relevant content within the site and how it is linked. Thus it is desirable to have different types of sitemaps like XML, URL list, HTML and RSS Feed. It is also desirable to include links to the different sitemaps on each page of the website in order to facilitate search bots. Most of the professionals suggest that the sitemapfile.xml should be placed at the base of the web pages as it becomes easy for search engine spiders to index the web page.


Tool for generating Sitemap
XML sitemap Generator

404 Errors: Protect Website by customizing 404 error pages

404 errors can down the ranking of the website as it is a standard HTTP response which indicates that server could not find the requested URL. So, there should be attempt to protect the website from this type of error. Generally, 404 errors occur when user tries to access the bookmarked page that no longer exists, or mistyping of the URL etc. This can be overcome by presenting customized 404 pages instead the default 404 page. One can customize the 404 error page in the standard layout with the main navigation which contains links to home page, sitemap etc. Redirecting the 404 pages to the home page can be really helpful in creating a website which is SEO friendly.

404 error page example

Examples of 404 Error pages:


Comply With W3C Standards

One should make sure that the website they are designing must comply with W3C standards. It is suggestible that XHTML and CSS should be used at page mark up of any website as it makes the code cleaner making the pages light weight and easy to download. Websites with clean code is easily recognized by the search engine. Also, it loads faster on the commonly used browser resulting the higher ranking of the site.


You can Validate your site via this link:

W3C Validator


Robots.txt file

It is suggested to create a robots.txt file on the website. This technique proves to be of great use in case where you want to block certain sections of your website from search engines. In certain cases, a web developer does not want to reveal some pages, directories etc to the search engines, then in that situation the developer can use robots.txt file.


Creating the robots.txt file

To prevent all robots
User-agent: *
Disallow: /

To prevent pages from all crawlers
User-agent: *
Disallow: /example.html

To prevent directory/folder from all crawlers
User-agent: *
Disallow: /page name/

To prevent pages from specific crawler
User-agent: GoogleBot
Disallow: /

To prevent images from specific crawler
User-agent: Googlebot-Image
Disallow: /

To allows all robots
User-agent: *

To disallow all crawlers from your site EXCEPT Google
User-agent: *
Disallow: /
User-agent: Googlebot
Allow: /

Add Videos and Images to the content

Adding videos and images to the web content is really supposed to be the best practice because addition of relevant video or images to the website content can bring noticeable improvement to the ranking of website. Making other websites linked to your website is really a nice SEO tactic. Hence people prefer to embed videos from top notch websites like YouTube, E Snips, and Flicker etc.


Make Website Content Easily Indexed By Spiders

It is advisable to design a website which can be easily indexed by spiders. Most of the web professionals suggest avoiding flash or scripting in the content as it enables search engine spiders to easily index the web page.


Social Media: Use social networks

It is advised to include social media as a part of the SEO strategy as the social networks have emerged as vital contributing factor of SEO. As social networks are accessed by millions of users at a time throughout the world, these social networks can be huge future prospects to improve ranking of any website. Almost all the companies, celebrities, and organizations are using social networks like Facebook, Twitter, and LinkedIn etc frequently. Thus when social networks are used as a part of SEO tactic, it is quite obvious that the site will be noticed by these personalities resulting the higher ranking of the site. Use of social media is not only responsible for the exposure but also assists in building trusted community and hence gain credibility. Hence, it is advisable to add the link of social networking site to the website you are launching.



Designing a SEO friendly site is not very difficult thing, only it is based on some fundamental aspects. Doing things right from the offset can really harvest the benefits, and save time as well as money. The above given tips and ideas are a few important ways to enrich your website visibility on search engines. These steps discussed as above will ensure your online presence. You can apply these tips to achieve the best search engine optimization results and making your sit


Admin from India is a founder of WebGranth, an entity of Sparx IT Solutions with over 8 years of experience on different verticals of web design & development. In his quest to spread the knowledge regarding web development, he has been contributing in WebGranth by submitting his valuable blogs.