Content management system (CMS) websites are fantastic because they give my clients the freedom to update their own website... but with this power also comes the risk of visual disaster! Read on to see how this is easily avoidable.
The following tips are outlined in my CMS user guide, but I have repeated these common mistakes below as these are the problems that crop up from time to time and it seems such a shame to spoil a professional website with these easy to avoid errors. It may seem daunting and too many things to be aware of, but the general rule is to keep things simple and not try to do anything 'extra' to your web page. If you are aware of the following issues, your website will look professional and perform at its optimal level.
The most common and potentially most damaging mistake is to copy any document that has formatting (eg word documents, emails, PDF's etc) and pasting this content directly into your website editor. It is understanding how tempting it is to copy and paste a huge slab of text from one of these documents to save you re-typing it... but this embeds this associated code from those other programs into your web page – and its messy! Not only does this mix up your formatting, fonts and styles and make your page a visual shambles, but it also inflates your code slowing the page down and the search engines won't like it one bit! With web editing, it is most preferable to type directly into the editor or at least use the 'paste as plain text' icon in your editor which will strip any messy code from a copied block of text. Alternatively, paste into notepad first - then across to your website. You will then need to apply the search enging friendly formatting (eg heading styles) back into this raw text using the styles set up in your website. This formatting is set up for you in cascading style sheets (CSS) and are kept separately from the web page content, keeping your web pages as light and clean as possible - and search engine friendly too!
For search engine optimisation it is important to include the key words in your headings and throughout your text for each page, that is, a short descriptive title that summarises your goods or services. The 'Heading1 tag' which is the sinlgle main heading/title for the page is a field that you can edit in your CMS. My advice here is not to waste this precious heading by naming it "Home" as this is not a great search term. On the flipside - do not however, be tempted to over-use key words in your web page for the benefit of the search engines. Search engines penalise websites (blacklist them) if the same words are repeated throughout your website too much. The best bet: write for humans (afterall they are your real customers) not the search engines, your content must read easily in plain english otherwise your visitors will quickly loose interest and leave your site.
Ensure spelling and grammar are correct, if this isn't your strength, I recommend that you engage somebody else to write or proof read your content. If you do not know anybody, there are many web copywriters who specialise in this. If your website copy does not look professional, it reflects the same upon your business.
Ensure consistency with your formatting (eg if you use uppercase for some headings, ensure you follow this throughout all pages of your website). It may sound like a minor thing, but when its inconsistent, it stands out like a sore thumb. Also you may want to question yourself why you use uppercase for some words and not others. This is very common and many people probably are not aware of this.
Another tip with formatting: use minimal abbreviations and symbols for example, rather than using '&', type 'and', rather than 'Mon', type 'Monday'. It looks lazy and unprofessional. Do not use symbols at the end of bullet points such as ';'. For short bullet points, you will not need full stops at the end of each one. Keep it simple! - web copy is very different to print copy and is designed for scanning and reading quickly, extra formatting and clutter slows the eye down.
Break up your text into paragraphs and bullet points so it is easier to read on the screen, use the inbuilt heading styles to separate your content even further to allow your visitors to scan the content quickly rather than being overwhelmed with a huge block of text. BUT don't over-do it, don't make each paragraph only one line for example, or use too many headings otherwise you will have a page with a lot of spaced out text with nothing grouped together in logical blocks. If you are unsure, get inspiration from other (good quality) websites.
Delete any unused line breaks or vertical spaces between paragraphs and at the end of pages, do not add your own extra line spaces on any web page to try and space things out. It just looks like a big error (and makes your visitors scroll down for no reason) and adds too much code to your site.
My CMS user guide will step you through the process of photos. This isn't too much of a problem lately because the modern CMS script will resize the photo for you automatically in a lot of cases. The biggest mistake I see is photos in an online shop, in that the photo uploaded is so tiny you can barely see what it is. When a customer tries to click and enlarge the photo, it looks like a tiny square. This won't help you sell the product...
Was this article helpful? I'd love to hear your feedback below
Check out my latest site launches: