You are here: GeekEstate Blog » Websites » How to: Testing a New Site Design Without Impacting Production

How to: Testing a New Site Design Without Impacting Production

Let’s face it, there comes a time when we all want to give our site(s) a new look and feel, or a fresh paint job. Joshua wrote an excellent post about a month ago on 7 Lessons I Learned From My Real Estate Site Redesign.

To take his article a bit deeper on the testing side, I wanted to address a common question folks have when contemplating a new site design:

How can I test a new site without impacting my existing one (from both an end user and search engine perspective)?


Today, I’d like to introduce you to a little known (at least outside the developer community) process that resides on everyone’s computer that runs Microsoft Windows: the Windows Hosts File.


What exactly is a ‘hosts’ file you ask and how can it help me?


Great, glad you did. To use an analogy, the windows hosts file is essentially like a local train track switch that lives on your computer. Before you visit any site in your browser, Windows looks at the Hosts file first before going out to the outside world for DNS resolution (i.e turning a friendly domain name into an IP address to hit for the content).

By adding an entry(s) to your local hosts file, you can bypass global DNS resolution and tell your specific machine (and only your machine) which IP address to use (X) for the friendly domain name you’re trying to reach (Y).

Let’s take a quick peek at the file so we can understand how it works. Click Start, Run, then type in:



notepad c:\WINDOWS\system32\drivers\etc\hosts


1_startrunhosts



This will bring up the following file in Notepad:


2_hosts_new


Notice the last line in the file that reads: 74.125.67.100 www.se11411.com. I added this line into my Hosts file for our demo purposes and we’ll dissect below what that line means exactly. Most likely, your Hosts file’s last line will end with the 127.0.0.1 localhost.

The Hosts file basically has two parts you can edit to achieve the results we want. #1 is the IP Address and #2 is the friendly host name (i.e www.your-site.com your-site.com). The IP address is the first column and the second column is the friendly name of the site that we’ll be testing out.

For our demo, I am going to use a test domain we own: Sell411.com – This will show you how to make the domain “www.sell411.com” domain actually point over to some Google IP addresses to load the Google Home Page in your browser.

After making the changes you see above, when you open a new browser and hit www.Sell411.com, you’ll be greeted with the Google Home page as seen below:

3_google_on_sell411_domain

Now why would you want to do something like this?


Here’s why: Other than the obvious of using this new knowledge you have to play a trick on your friend, we can use it for some powerful purposes when it comes to site testing.

For example, let’s say you have an existing site you have hosted with Web Host A, we’ll call the site MattSellsHomes.com. We have a new site design that we want to test out without impacting our production site and users. So we go ahead and setup the site on another hosting account (Web Host B).

Once we set that up, we need to get the IP address from Web Host B and then we can edit our local Hosts file as shown above. Simply put the IP address supplied from Web Host B into the Hosts file on your local machine in addition to the MattSellsHomes.com and www.MattSellsHomes.com (these are on the same line and tab delimited in the Hosts file).

Once you do that, you can save the file and close out your browser. You’ll also need to FTP all your site files to Web Host B as well. Once you do that, open a new browser navigate to the MattSellsHomes.com domain. You’re now viewing the site on the Web Host B IP address that you’ll be able to fully test on as well as make changes to without anyone in your production environment seeing.

That’s it, with a little knowledge about the Windows Hosts file, you’ll soon be ready to start making changes to your sites from a testing perspective without impacting your current users or search engine rankings while you’re tweaking your new site design, etc. I’d love to hear how you use the Hosts file in your environments if you currently leverage this process from the Windows Operating System.

I Hope this article will prove useful for you in the future for testing new site designs or for just playing a little April fools joke on your co-workers.

Cheers, Matthew

Important Note: Make sure you remove the Hosts file entry after you’re done testing in case your email is located on the domain you’re testing. Thunderbird or Outlook will try and use the Hosts file as well ;)

About Matthew Swanson

My name is Matthew Swanson and I’ve been in the online world right at 10 years now. I started as a web developer at Headhunter.net in 2000 working with Shane Pike. Headhunter.net transitioned as we were bought by CareerBuilder in 2002 and I worked on the plumbing and site infrastructure team building the platform for about 7 years in several different roles. Before leaving CareerBuilder in 2007, I helped to launch the CareerBuilder – Facebook partnership. I’m currently in the CTO role at HBN Interactive and run House Buyer Network – our service helps connect tens of thousands of distressed and motivated home sellers with our network of top tier Real Estate Agents across the US and Canada.

This entry was posted in Websites and tagged , , , , . Bookmark the permalink.
  • Pingback: How to: Testing a New Site Design Without Impacting Production … | RSS EYE

  • http://www.champtastic.com/ Champ

    There is a really old program called Hosts Toggle that makes it really easy to turn on and off (and also edit) the hosts file with a single button click. You can find it here: http://www.accs-net.com/hosts/HostsToggle/

  • http://websitedesign.nu/ Website Design

    Interesting, Matthew.

    If you're using WordPress, I'm pretty sure there's a plugin which allows you to do something similar, except without all the technical hassle.

    Good tip for non-WP sites though. Thanks.

  • http://www.appletoncaraccidentlawyer.com/ appleton car accident lawyer

    Thanks for the help this is going to be a valuable resource in the future. Appreciate the post.

  • mustangtechnologies

    Thanks for sharing this great piece of information with all of us here. I especially liked “Now why would you want to do something like this?” Keep on sharing such stuff in future also.

  • http://www.mustang-technologies.com/ Offshore Software Development

    Thanks for sharing this information here. I really liked “Now why would you want to do something like this?” Keep on sharing such stuff in future also.

  • http://www.mustang-technologies.com/ Offshore Software Development

    Thanks for sharing this information here. I really liked “Now why would you want to do something like this?” Keep on sharing such stuff in future also.

  • http://dietapersonala.com/ dieta anului 2010

    I was been looking the google for such information and i wanted to thank u for the post. BTW, just off topic, how can i find a copy of this theme? – 10x

2008 - 2012 GEEK ESTATE · ALL RIGHTS RESERVED · A CUSTOM SITE BY