The Official Blog of Magnolia Box

Friday, July 04, 2008

Easily combine and compress (minify) JavaScript and CSS in Coldfusion

Introducing Combine.cfc. A project designed to speed up your website!

The problem

Adding lots of JavaScript and CSS to your website can have a detrimental effect on its performance.

Combine.cfc is an open source project I have released to help address this problem.

The solution

Combine.cfc can compress (minify) multiple JavaScript or CSS files into single requests.

Change this:

<script src='file1.js' type='text/javascript'></script>
<script src='file2.js' type='text/javascript'></script>

To this:

<script src='combine.cfm?files=file1.js,file2.js' type='text/javascript'></script>

Why?

  1. The CSS and JavaScript content is minified, removing redundancy (comments, white space, etc). This keeps the bandwidth to a minimum.
  2. You reduce the overhead of excessive HTTP requests.
  3. You can be as liberal as you like with your comments and white space, it will all be stripped from the final output.
  4. You can continue to separate your code into individual files, for ease of maintenance/development/version control and general developer well-being and sanity!

For more information, and to download the code, visit the Combine.cfc project page.

Tuesday, July 01, 2008

Tips on keyword tags and tagging

As well as adding descriptive narratives to your images, categories, subjects and product groups it has also proven highly beneficial to add as many accurate keyword tags as possible to each product in your catalogue. These tags create new page unique pages in the search engines featuring all of the images that are similarly tagged with the same term. You can also change the way in which the headings for this tagged-page are entered into the search engine using the SEO settings available in your admin. All of which helps to make tags a very useful SEO tool and one which is also very HELPFUL for people wishing find your to relevant content.

When it comes to keyword tagging the Magnolia Soft search engine is optimised for speed and designed to recognise conventional plurals. For example, if you’ve added “dog” there’s no need to add “dogs” (and vice versa) when performing a search. This also applies to verbs, e.g. a search for "walk" will also find images tagged with "walking".

However, if you are searching for “octopus” then you wouldn’t also get the word “octopi”. Therefore, when tagging with keywords it is often best if in any doubt to also add the plural for good measure.

As potential customers use a number of different techniques for searching, it’s also advisable to try and include as many relevant words as possible; some of which may have the same meaning. For example, if you add “mother” you would also be advised to add “mum”.

As websites are international it is also worth considering both UK and US variations of meaning, so in the example above, you should probably also add the term “mom”. The same applies to differences in spelling, for example “colour” (the correct version) and “color” (the US version!)

Finally, I came across the following checklist of tips that is very useful to consider when applying keywords to images:

Literal: Simply describe what you can see - e.g. boy, girl, children, beach, sun, sand, sky, car, shadow.

Attributes: Attributes of the objects in the image - e.g. happy, smiling, walking, blue, young, old.

Location: That may be specific - e.g. The White House, Washington DC, USA; or it could be more generic - e.g. office, school, home.

Interaction: What’s happening in the image - chasing, playing, moving, touching, shouting, flying.

Concepts: Describe the concepts that the image evokes - think around the subject and don’t be afraid use concept keywords such as heat, power, happiness, strength, humour, teamwork, tranquillity etc.

Broad subjects: It’s amazing how many travel images we have without the word “travel” as a keyword. Describe the broad subject areas the image fits under such as lifestyle, travel, sport and business.

Techniques: Look at the photographic aspect of the image, e.g. predominant colours or shapes, black and white, grainy, blurred, digital manipulation.

In summary, it is always worth taking the time thinking carefully about your keywording to ensure that you do more than simply describing what you can see. Equally, it is very important that you do not use words that have no relevance to the image being described. We are always trying to help our browsers and generate focussed potential buyers, as these are the ones most likely to convert into genuine customers.

Hiring an SEO consultant

Several clients have recently asked our opinion about hiring a third party SEO to help improve the visibility of their website.

Over the past 6+ years I’ve used many different third party SEO’s and the results have almost always been extremely disappointing (and expensive). Whilst there are undoubtedly excellent consultants and agencies out there it’s almost impossible to differentiate between those that will generate great results and those that will just burn through your cash.

In my experience SEO agencies are typically looking for between £500 and £1,500 per month to manage your SEO campaign. When put in the context of your overall technology spending this is a huge investment. What is more, your can easily perform a huge amount of this work directly for yourself as this post confirms:

http://www.promo-ho.com/2008/06/seo-guide-for-rest-of-us.html

This advice is fairly straightforward but it’s still a useful starting point for those tackling the same issues. The key things that I would highlight are the need for quality inbound links and original content (please see my earlier post - Original text is the best SEO technique you aren’t currently using)

For their part, the Big G has also published the following advice on the matter which provides plenty of sound advice to help prevent you being ripped off:

http://www.google.com/support/webmasters/bin/answer.py?answer=35291

Original text is the best SEO technique you aren’t currently using

We are constantly researching ways in which our clients can help tweak, refine and improve their Search Engine Optimisation. Since many aspects of your website are directly under our control then it is inevitable that this needs to be a collaboration between us both.

For our part, we are constantly making changes to help improve the code and ensure it conforms to all the recommended guidelines. However, there are still many things that you can do that will have a major influence on your search engine visibility.

Perhaps the most simple and effective optimisation activity you can undertake is to create as much unique and original text as possible.

One of the fundamental issues our clients encounter is the fact that the Search Engines were originally designed for text-based content whilst our product catalogues – as portfolios of fine art imagery - are inherently image-based. To counter this it is imperative that you take the time to enter as much original, unique text as you can.

Original content should take the form of descriptive narratives, background into your inspirations, historical details and full keyword tags. Doing this will almost certainly help your to generate increased levels of Internet traffic and help differentiate your website from those of your competitors.

SEO isn't necessarily about getting your pages to show up in the top spot for your desired keywords – although that would be a bonus - but rather it’s about ensuring that you get the placement you deserve. It's important to set realistic expectations for the results of your SEO efforts and focus upon the things that will drive targeted/focused visitors to your website. Having large volumes of unfocussed traffic (known here as ‘tyre-kickers’) that immediately bounce straight out of your catalogue without any chance of converting is not really anymore helpful than having too little.