Overview

This is the easiest custom page to make and takes little time to do, however, because of the way Sitemapper works, it is necessary to create a file that can be used as a template. There will be times when you either change a pages content or even add new pages, this is where the template will come in handy, all will become clear later.
You only need to submit your sitemap to Google once, each time you upload a new one it will be picked up on the Search Engine Spider's next visit.

 

Creating A Google Sitemap

If you already have a current sitemap, then you can go to the next step.

 

Start Sitemapper and scan your site, do an online scan, there is a better chance you won't included any unwanted files.
When you have completed your scan, save your file, it should be called sitemap.html, remember where you have saved it.
When you save your file the box Files to Upload and Submit to Google will popup, just click the 'X' in the top right corner to close it, close Sitemapper.

 

Creating Custom Google Sitemap Page

Please Note:- the following steps involve copy and pasting between 2 open files so take care.

 

Now start your web page editor and open any of your main pages and decide where you want your map to show. I am going to use a page as shown in the image below and want my map to show where the purple shaded area is.

Go to the top of the page and change the <Title> and any <Meta> tags content so that it explains that the page is your sitemap.
When you have done this it is a good idea to save your page, save it as sitemap.bak, the reason for this will become clearer later, but don't close it.

 

Full page

 

Now open the page that was created after you ran Sitemapper and saved it, mine ended with .html

 

Look on the page just above the </HEAD> tag and you will see this css code:-


<style type="text/css">
<!--
.mapsection {font-family: Tahoma;font-size: 12px;}
.mapitem {font-family: Tahoma;font-size: 10px;}
-->
</style>

This is what Sitemapper uses to display the icons and links on your page so you need to select it all and then ALT V or click right mouse button and click Copy.
Next, go back to your sitemap.bak file and paste the code you copied above the </HEAD> tag.
Next, go back to your sitemap.html file, and select everything below the <BODY> tag and above the </BODY> and copy it using either of the above methods.
Next, go back to your sitemap.bak file. I need to scroll down the code until I come to my H1 heading tag, 'Coffeecup Software Help', you can just make it out at the top of the shaded area. I am going to keep this and change it to something like 'CoffeeCupHelp Sitemap'. Now I need to remove the rest of the content behind the shaded area, then I paste the code I just copied from my sitemap.html page.
Once this is done save the file sitemap.bak

 

Finally with both files still open:-
Save your sitemap.html to sitemap.old, then close it.
Save your sitemap.bak to sitemap.html

 

You can now do a Preview from your editor's built-in Viewer, or through your Favourite browser and it should look like the image below.

 

 

If you are happy with the new page you can upload the following files:-
sitemap.xml
sitemap.html
smfile.gif
smfolder.gif
smimg.gif

 

There is no need to submit your Sitemap to Google, it will be picked up the next the spider visits.

 

Updating your Sitemap

When you need to update your sitemap after content changes or after adding new pages, here is what you need to do.

 

Run Sitemapper as normal and when you have checked that it has picked up all the changes you have made, save your sitemap.
You may have realised that the new sitemap.html will have overwritten your custom made one, this is why we saved the template file sitemap.bak.

 

Start you page editing software and open both the sitemap.html and sitemap.bak files.
All you need to do now is copy all the code below the <BODY> tag and above the </BODY> tag and then paste it into your sitemap.bak file as before.
Next, close your sitemap.html file, save the .bak file as sitemap.html.
You can now upload both:-
sitemap.xml
sitemap.html

Other Walkthroughs

Adding Anchor Bookmarks to a VSD Page
The idea of this page is to show as easily as possible how to add bookmark links into a page created with VSD. Ideal if you wish to create a Question and Answers page.

Creating Custom Formbuilder Results
Here are the basic steps for creating a custom page that your visitor is sent to after they have clicked the 'Submit' button on your form.

 

Back to home page