Archive for October, 2008

beach-cottage.co.za

Friday, October 24th, 2008

A simple website design which predates the voortrekker-history.co.za website  by a couple of weeks.

The skeleton is similar to the voortrekker site except that the menu is on the right. The voortrekker site also has more functionality - text resize etc.

The website is loaded with keywords: beach, beachfront, cottages, chalets, north coast, dolphin coast, natal, self catering etc.

It was posted up about 5 days ago and has got its first enquiry. I see in Google that it’s between positions 15 and 50 for a variety of those keywords above. Again, like voortrekker-history.co.za, we’ll give it a few months.

The client’s trading name is Sea Cottage which is not that good a domain name so I suggested the files go under ‘beach-cottage.co.za’ and sea-cottage points to beach-cottage.

A New Website

Thursday, October 23rd, 2008

Well, not really. There’s been a bunch of stuff lying around on this topic for years. In fact, I started this operation at least three years ago and it fizzled out. Its a good job it did because there’s been a bunch of stuff that’s new I can apply. One thing is the use of CSS layout.

I used it on the warthog.co.za website design six years ago with some success. The entire website is full of divs and in fact, there’s only one table in the entire website.

The new website relates the story of the Voortrekkers - a real adventure. I used the domain voortrekker-history.co.za as it contains a couple of good keywords. I see that voortrekkers.com is starting up but I wonder how well it will do with a .com? I find that local sites with .com TLDs sometimes never feature in the Google.co.za index.

The website is all complete, at least for the next few months. The only thing I need to do is to add some adsense ads to get the site to pay for itself.

I’m very happy with voortrekker-history.co.za because it’s getting simpler to put this type of website together. The basic framework is a dynamicdrive CSS template, a cssplay.co.uk flyout menu and a CSS radiussed box.

These three elements can be mixed together and customized in a variety of formats to produce a wide range of websites. The sites also have a bit more functionality which is easy to include. Text size adjustment, email to friend, no right click and a print stylesheet that kills all the divs except the content div. The menu is a PHP include for easy admin. Because the content of the website is a narrative, there are links to the next page at the foot of each page. I have also tried to include as much graphic material as possible to make the pages interesting. Each page has a Google API search box.

Part of the rationale for the site was to see how easy it would be to put 65 pages together in a fully functional package.  Most of the time was, incidentally spent on tidying up code and loose content.

I’ve been very slow to move from tables because of all the workarounds and multiple stylesheets that needed to be used to cover all the browser possibilities. This arrangement works well in Chrome, FF and IE without major CSS changes to the stylesheets. I use a ’strict’ DTD so that I try at least to keep to the straight and narrow and again, the CSS workarounds are less. The site also uses for the first time, a Chrome browser sniffer for the small differences.

The advantage of using CSS over tables is that search engines come across the content before the menu column. The site employs all the standard search cues - plain text (not graphic text) in the header, the lower text changed for every page with relevant words that are found in the content below; the footer parenthasizing the text at the top of the page; the filenames not ‘about.php’ but ‘about_the_great_trek.php’; all images having search friendly ‘alt’ tags; the divs given keyword ‘titles’. Its ready to rock ‘n roll for Google. Let’s see where it is in six months.

The website is not yet in the Google index but I will be interested to see where it ends up after Christmas. I have only linked to it from the Warthog website so far but when I’m taking a swing around my other local sites, I’ll add a link. Warthog has all the basic content for this site hidden in the tourism section and ranks for ‘vootrekker history’ at #1 in Google for voortrekker history.

Website Usability

Friday, October 3rd, 2008

  1. A topic that’s bandied about a lot, but put into practice only a little - if at all. Surely, the whole point of a website is that it is there to be used. Putting a website together without any concept of usability is like selling a car without an engine. - Oh! You want it to go as well?

 

Usability is a wide and burgeoning field but a lot of the discipline is common sense and this starts with identifying the target audience. Will be old folk, young folk, a mixture, disabled people, the man in the street, in the trade etc. etc.? Most clients never give this a thought which condemns the content from the start.

I am reworking a travel agency website. It is like many others - stuffed with little boxes screaming for attention. However, this particular client has a demographic that includes 54% over 36 years old. 5% are over 70 years old. I would think that this is typical for a lot of travel agents - a big user is the older person (probably female) who has been given a computer by their son in Canada to email or VOIP them.

A bit of wandering about the Internet will suggest the possiblility of looking for tickets to get over there or perhaps a once in a lifetime holiday with the old man. They will then be met usually by a mishmash of boxes all demanding attention and will be confused immediately.

So, the brief was - get it so an old biddy would feel comfortable and everyone else will surely be able to use the website.

 

  1. Cut the rubbish out
    Anything that our old lady would not be interested in, A major culprit of junk is the duplicate link brigade - fill the space with links and ensure firstly that the visitor has no idea where he has been and describe identical links differently to really confuse him.
  2. On this topic, the existing website has a javascript  menu which does not colour visited links. A big NoNo for our little lady.
    So, use CSS menus. 
  3. Use plenty of whitespace to pick out areas of interest easily.
  4. Decide on the website proposition from the start - what is its purpose? What can be done on the website?
    The website is there to enable a visitor to book a holiday or a flight.
  5.  The big function of the existing website, but hidden away is the ability to search by destination or holiday type or select a current special.
    The tagline is ‘Finding a holiday with XXX is easy’. Well, demonstrate how easy it is by emphasizing the search capability. Give the process an order - 1, 2 and 3.
  6. The search function uses the usual HTML select boxes which permit only a little styling.
    Change them for CSS menu boxes that permit almost unlimited styling.

    I am a frequent visitor to what I believe is the most useful website on CSS - cssplay.co.uk. It now has a brother - stunicholls.com which uses CSS + javascript. I don’t know how Stu Nicholls manages to think of the ways to use CSS. True, there are other CSS websites but they have but a few useful areas. CSSPLay is a veritable cornucopia of resources.

  7. Another important area that was hidden away was the Subscribe to Newsletter/Offers box.
    Many visitors would take advantage of this.
  8. A missing box from the tour-related pages was the ‘Tell a Friend’ box.Many older people travel in groups and the ability to send a page URL to a friend is an important tool 

Before:

 

 

 

 

Suggested: