Web design for business and holiday property websites in the UK and Europe
Website advice for clients
To help you get up to speed quickly with your new business website here is our advice about the key issues you will face. Click on the topics below to move down the page to the advice.
- Domain names - how to choose & where to purchase
- Mobile-friendly websites
- Editing photos - software suggestions and tips
- Sending photos to us - how to send photos
- Writing text for your site - a few tips
- Sending text to us - how to send text
- Business email - setting up your email software
- Webmail - access your mailbox on the server
- Archiving your email to keep the mailbox working
- Your hosting control panel
- The content management system (CMS)
- Google Analytics and Maps
- Back up your PC
- Search Engine Optimisation (SEO) - get a better ranking with Google, Bing, etc.
- Taking photographs for your site - basic photography tips
Which domain name should you choose? One issue here is whether or not to choose a domain name that includes one or two keywords. This is a contentious issue and although the search engine algorithms are continually changing there does seem to be an advantage in having one or two keywords in a domain name. So if you have a self-catering cottage called "Green Gables" near Leeds, a good domain name might be green-gables-cottage-leeds.co.uk The extra length shouldn't matter too much unless you are trying to create a high-profile brand, in which case you will want a leaner and snappier domain name (but you will also have a bigger marketing budget that will more than compensate for having a domain name with less immediate SEO value).
Why is there a benefit to having keywords in the domain name? The search engine algorithms may well favour those domain names, but a more important benefit certainly comes from backlinks. People who link to your site often just use your domain name as the anchor text for the link (the anchor text being the text that is highlighted as a link on the page). Backlinks are much more valuable if you have keyword-rich anchor text, and you will automatically get that kind of backlink if you have keywords in your domain name.
Warning! Some have been tempted in the past to ignore their business name and use a string of their most important key words as their domain name (e.g. www.5-star-cottage-with-hottub-sleeps-8-cornwall.co.uk). In the past there was no penalty for doing this. In recent years, however, Google has started penalising websites that employ techniques like this - techniques known as "keyword stuffing". Conclusion: One or possibly two keywords in a domain name can be a plus, but avoid anything that could look like keyword stuffing.
If your preferred domain name has already been purchased, try adding a small and easy to remember word. So if frinton-bnb.co.uk has already been taken, try go-frinton-bnb.co.uk or stay-frinton-bnb.co.uk.
Are hyphens in the name a good idea? Hyphens can make a name easier to read (but slightly trickier to type and dictate). If the name will look confusing without hyphens, you should go for hyphens. If the name remains easy to read, some would advise dropping the hyphens. Won't the search engines get confused and fail to distinguish the words in an unhyphenated domain name? No. Do a little test yourself. Put a single word like "villa" or "age" in the Google search box and then look down the listed domain names to see the word being highlighted even in unhypenated domain names.
Who should I buy a domain name from? First of all, you should buy a domain name directly from a reputable registrar, not through a middle-person. The domain name is the linchpin of the whole operation, so you need to make sure it is registered in your name, with your details, and you have the access details for the account.
Handcrafted Websites is not a domain name registrar but we can recommend reliable registrars in the UK. Contact us and we'll advise you.
Where can you search for and buy UK domain names? We recommend the company below (we get no commission).
Mobile-friendly web design
How do you make a website work well on smaller tablet and mobile devices? Basically there are two solutions. Either you have a second website built especially for mobile users, or you ensure that your website has a layout that will adapt automatically to the width of the visitor's screen. The first solution makes sense if a company has a larger budget and is aiming specifically at the mobile market, and is happy to manage two versions of the same content. The second solution generally makes more sense for businesses on a tighter budget that aren't selling things specifically to mobile users.
So how do you make the design of the website adapt itself automatically to different screen widths? The answer is: responsive design - called "responsive" because the width of every element on the web page responds automatically to the width of either the visitor's browser window or screen. This is not something that can be plugged into older websites. It is a design technique that needs to be used at the outset when building a website.
Is the design you are looking at responsive? Test the responsiveness of a design on a laptop or desktop computer with a mouse by pulling in one side of the browser window. If the design is responsive, you will see the material shrinking and reordering itself to fit the smaller window.
Can all designs be made responsive? The best design approach for a responsive site tends to be one that uses a fairly clean and simple layout, and that does not try to pack too much data on each page (data-heavy pages will have slow page load times that will put off people trying to access the page via a poor internet connection). It also involves being happy with scrolling, dropping the older idea that every important needs to be visible on the page without vertical scrolling.
All Handcrafted Websites designs going forward will be responsive. We will also advise you on how to keep your website friendly to mobile devices. An important factor is the page-load time. A slide show with five or six full-width photos might look good on your laptop with a lightning-speed internet connection, but on a mobile device with a poor connection it could take too long to load the photos. The advice in that case would be to avoid loading each page with too much data.
Editing digital photos
Every website needs photos. You might take some yourself or you might use commercial photos. In either case the chances are that the original photos wil be way, way too big to upload directly to your site. If Handcrafted Websites are going to design your site and you are going to send your chosen photos to them, it would be nice if you resized them before sending them. How? You need software. You might have got some bundled with your digital camera. If not, look at the options below.
Mac users have their own image editor. See these Mac image editor instructions.
Windows users looking for a good commercial product might consider Corel's reasonably priced Paint Shop Pro Photo. We have used this in the past and recommend it.
Free Windows-compatible solutions include the Faststone Photo Editor.
The above is a great little programme for editing photos one by one. If you need to resize a batch of photos, changing them all to the same dimensions and saving them to the same folder, use the Faststone Batch Photo Resizer.
Another popular alternative piece of photo editing software is Photoscape.
Alternatively browse the latest alternatives at CNET.com.
To resize images that you are going to send to us, a good rule of thumb is to resize them so that they are 1000 pixels wide (the height doesn't matter). When you save the images there will be an option to specify a level of compression. This will determine the size in bytes of the final image file. Be careful! If you apply too much compression, an unacceptable level of detail in the photo will be lost. Try to keep the level of compression low so that enough of the detail is retained. If you are shown an indication of the final final size in bytes, give yourself up to 500kb (0.5mb) per image.
If a photo is intented to fill the full width of the screen (e.g. a wide background image), it should be 2,000 pixels wide.
If photos are intended for a slide show or gallery, they should all have a landscape orientation.
Save the resized image with a new file name. Use only lowercase letters and leave no gaps in the filename. Use a name that describes what the image depicts (e.g. doublebedroom2.jpg, not image0003.jpg). Save it in the JPEG format, using a lowercase extension (.jpg).
Sending images to Handcrafted Websites
You will need to send us the digital images for your website. To do this you simply attach the image files (that will end with the .jpg extension) to an email.
Don't attach more than 15mb of data to any one email. If you have lots of photos, or if they are big (in bytes), please send them in batches.
To send a batch of images you can put them into a zip archive so that you only have to attach and send one file. If you don't have any zip software on a Windows PC, download the free 7-Zip programme. [To use: After installing 7-Zip, you can just select all the files you want to send, then right-click one of the selected files to see the option to use 7-Zip to create an archive. The archive is a compressed batch of files that you can send by email.] If you are using a Mac, see this tutorial about the built-in archive facility on the Mac OS.
Please do NOT send photos embedded in Word documents or PDFs. Just send the original .jpg files.
Please bear in mind that if you have photos for a slideshow or gallery, the photos need to have the same orientation (landscape), and they need to have the same proportions. We can crop and resize photos for you where necessary.
Writing Text/Copy for Your Website
The text is important. Firstly, people will pay attention to how well you describe your products or services. Secondly, the text is far more important than the photos if you need to move up the search engine rankings. Search engines only really pay attention to the text on a page. We will help to improve the text that you send us, not only to make sure it makes the best possible impression on human readers, but also to make sure it ticks the right boxes with the search engines. The latter are looking out for certain key words and phrases repeated in the text. We will make sure that the most important key words and phrases are repeated without this sounding artificial to human readers.
One tip regarding the text is: Don't just write only about what you are selling (the beds and breakfast in your guest house, for instance). Instead, describe other details that will interest and attract potential customers. If you have a guest house in a beautiful resort, include information about the resort and find a few links to sites with further details that visitors might appreciate. Note that it is an advantage to have a few links like this on your page, even though you are giving free promotion to the sites you link to. Do some research and find the best links.
Although we rely on you to provide the initial textual input, we will carefully edit and possibly extend the material you send us. Of course, any changes we make are subject to your approval.
Sending text to Handcrafted Websites
You can send text in a Windows-compatible text file attached to an email. Acceptable formats are .txt, .rtf, .doc and .docx. Please don't send the text as a PDF.
Include information about the page title and which photos you want to accompany the text.
Simply attach the text documents to an email to us.
Alternatively, text can be pasted directly into the body of an email.
Setting Up Your Business Email
For business you are almost certainly going to want to use an email address that ends with your domain name (e.g. email@example.com). For that we need a good email client (i.e. software for reading, writing and organising emails). We recommend Thunderbird. We use it so it will be easier for us to advise you if you run into difficulties. (A popular alternative is Outlook Express.) Choose the version of Thunderbird for your operating system here:
If Handcrafted Websites are building your website, we will send you the configuration details you need to set up the new email account on your software.
Before you set up an account on your email client, you need to decide whether the account is going to be an IMAP account or POP3 account. You have a choice of either when using our servers for your email. Here is some information to help you decide which is better for you.
IMAP or POP?
If you are going to rely on one main device (e.g. a laptop or desktop computer) to access your business emails, you should set up a POP email account. If you want to keep life simple, set up a POP account and use a single device to read and store emails. Make sure you keep this device regularly backed up.
Use IMAP if you need to access emails from more than one device (e.g. desktop/laptop and hand-held devices). The IMAP account lets you - for instance - read an email on one device and later see the same email in your inbox on the second device. With an IMAP account the mail files are left on the server, and there is a system to synchronise certain files and folders displayed across multiple devices. With a POP account mail is downloaded when it is read - copies are not left on the server for you to access from multiple devices.
For detailed step-by-step instructions setting up either a POP or IMAP account, please download the corresponding PDF document below. Note that the particular server details (server name, port number) and the format of your username might be different for the particular server that your site has been built on. Handcrafted Websites will send you the exact configuration details you need for your particular email address:
If you run into difficulties setting up the account, have a look at the helpful Thunderbird tutorials listed below.
IMPORTANT: Read the warning about your mailbox below to avoid nasty surprises in the future.
Online Thunderbird guidance
If you run into difficulties, you can find initial instructions for creating a new account on Thunderbird here:
If you need to check or change account settings after the account has been set up the following should be helpful
For further assistance, see the list of How-To documents on this support page:
Your mailbox has a capacity of 250mb. This will eventually fill up if you don't ensure that old emails that are no longer needed are deleted on the server. If the mailbox does fill up, the email address will cease to work until space is freed up. You are advised to do the following.
1. With POP3 accounts: Click Tools -> Account Settings. Immediately under your account name on the left is the item Server Settings. Click it. Find the option Leave Messages On Server. Make sure this is NOT ticked.
2. With IMAP accounts: See our step by step guide to archiving email in Thunderbird to stop the mailbox filling up.
You can get direct access to the mailbox on the server, where you can see what is in the inbox and can read and write emails, by putting this URL in the address bar of your browser (substitute "mywebsite.co.uk" with your domain name):
You will need to enter the email address for the mailbox you want to access plus the password for that email account (which we will have given you). If you have mislaid the password, let us know.
Once you initially log in you see a number of options. Notice that from here you can do things like set email autoresponders and forwarding systems. But to access your mailbox to read/write emails, click to enter using Round Cube:
The Round Cube admin area should look something like this:
The numbers in red on the graphic indicate:
1. The email address for the mailbox you have accessed (important if you have multiple mailboxes).
2. Click the inbox to see the mail it contains. If you then click one of the mails in the inbox to open and read it, the options to do things like reply, forward or delete, will become active above.
3. Click the Round Cube logo to return to the initial window showing the inbox.
4. Click the cog at the bottom to see the options to manage folders. You then have the ability to empty an entire folder if it contains mail you no longer need.
5. The cog at the top gives access to things like display settings to change the language of the Round Cube interface.
Click Log Out at the top when you are finished. Note: It is vitally important to log out especially if you are using a computer which is not used exclusively by you.
You have a control panel for the hosting account. For most clients, there is rarely a need to log into the control panel. It is worth knowing, though, that in the control panel you can set up email auto-responders and email forwarding systems. If you log in, you will see icons with those names, and clicking on them takes you to easy-to-use panels to set things up yourself.
If you want to log onto the server to get direct access to your mailbox, use the Webmail facility.
Note: in the eventuality that you want/need to move your website somewhere else, the CPanel hosting control panel gives you (or your new designer/developer) the facility to do that without requiring any assistance from us. The CPanel back-up facility can be used to make a copy of the entire website plus database/s, which can be sent to a new server and installed there, providing the new hosting account also uses CPanel (which is common hosting software).
To log into your control panel use your domain name with /cpanel/ appended:
Use the CPanel username and password that we will send you when your website goes live.
The content management system (CMS)
What is the CMS?
To be able to update (and perhaps extend) your website without having to delve deeply into the code used to actually build web pages, you need to have your site built with a content management system (CMS). The latter gives you a simple-to-use interface enabling you to alter the text and photos in key parts of your site.
Is a CMS tricky to use? If you already know how to do simple word-processing and image editing tasks on your computer, you should have no problem finding your way around the CMS. We will provide full documentation to explain how the system works, and we will be on hand to provide email support if you need anything clarifying.
Will you need anything installed on your computer? The CMS will operate on the server, not on your computer. However, to handle images you will need some software to resize your digital photos. See the image-editing software suggestions above.
The screenshot below shows the CMS manager area, with the pages listed on the left and one page open on the right for editing.
Will the CMS impact the search engine optimisation of the site? With many content management systems there is a concern that they might make the site less search engine friendly. However, the CMS we use has excellent SEO features and and sites managed with it have nothing holding them back in the race for search engine rankings.
If you have further questions about sites with content management systems, don't hesitate to contact us.
Don't want to update the website yourself?
If for whatever reason you don't want to update the website yourself, we can do that for you. The cost would depend on how much material needs updating and on what frequency.
Google Analytics and Google Maps
You need to register with Google for at least two Google services before your site goes live: Google Analytics and Google Maps. To do so you first need to have an account with Google (free). Go to accounts.google.com/SignUp. You will then see the form to register with Google. That will open the door to the full range of services provided by the Internet Emperor.
1. Google Analytics: This will give you detailed statistics about website visitors. Register at the address below.
Once you have an account with Google, you need to register for Google Analytics. Do that here: http://www.google.com/intl/en_uk/analytics/.
The page where the answers might be non-obvious is shown below.
Select the options circled in red. Lower down the page make sure you enter the correct URL for your website, like this: http://www.mywebsite.co.uk. Select the country that your website is hosted in (the UK if we are hosting your website). In the section with options to share data with Google, you can untick the boxes unless you intend to use other promotional tools like Google Adwords. After agreeing to the terms of service, Google will give you the snippet of code we need to insert into your web pages. To keep things simple, make a note of the UA number like the one circled in red below.
Ignore the rest of the code. Copy the UA number into an email and send it to us. We will make sure the right snippet of code is inserted into your website templates in the right place.
Within 24 hours or so Google will begin recording visitor data, and you will be able to log into Google Analytics to see the stats.
2. Google Map: We can create a Google map for you, and that will have a pointer on it indicating either the exact location of your property or the approximate location. If you want only the approximate location, we can use your postcode for that. If you want an exact location, we need to know the latitude and longitude coordinates of the point you want to indicate. To find those coordinates click itouchmap.com. Use the address box at the top, plus the drag and zoom controls to find your exact location and drag the pointer to it. Then click the black dot in the pointer to find the coordinates (the two numbers separated by a comma circled below):
Copy and paste the coordinates into an email and send them to us.
Back up your PC
To make sure your business records are safe, you should use one device as the main place to store those business records and then make sure that the hard disc is regularly backed up to an external disc drive. To keep that disc drive safe, do not leave it permanently connected to the PC. Only attach it when you are backing up the hard disc.
The external disc drive might come with back up software that you find satisfactory, or the operating system of your PC might have its own back up system that you are happy to use. If neither of those are the case, we recommend Crash Plan. This is free to use if you are backing up to your external hard disc (recommended). There is a charge if you want to use their cloud back-up service (not recommended).
Search Engine Optimisation (SEO)
The techniques known as Search Engine Optimisation (SEO) aim to move your website or web page closer to the top of the lists created by search engines like Google and Yahoo. In recent years SEO has become big business and a number of those offering SEO services are not necessarily particularly scrupulous. Once your business website goes live you will start to get spammy emails from "businesses" offering SEO services. Be careful! If someone promises to get you to the top of page one, he is - to put it bluntly - lying. He will take your money, your website will stay where it is, and he will disappear.
The advice here is intended both to help you avoid getting ripped off and to show you how you can do lots to help your site to rise in the listings with little or no financial outlay.
Like football, search engine optimisation is basically a game of two halves: one part being what is called on-site SEO and the other being off-site SEO.
To decide where a page should come in a search list, the search engine makes a note of a particular set of features on the web page. The first SEO task is to make sure all those features are present on your key web pages and are set up to highlight the most relevant key words and phrases. Because this involves working with the code for the web pages it is usually something only the designer can do. At Handcrafted Websites this on-site optimisation is something included as standard in every website design package.
A few words about key words because this is the most important part of on-site SEO for you.
Key words: To be given a good listing the page needs to highlight the relevant key words. If, for instance, you provide bed and breakfast in Keswick and you know that most people searching on the web will type "keswick bed and breakfast" in the search box in Google, Yahoo or Bing, then these will be the key words for your website's home page.
These need to appear in different parts of the page. For instance, each page has two titles: one visible on the browser screen and another in the invisible head section of the web page. The most important key words must appear in these titles. In the invisible head section there is also a description of the content of the page (a kind of summary that each page carries with it). This must also highlight the key words.
It is also a good idea to have a fair amount of text on the page that repeats the various key words and phrases. Here a balance needs to be struck between writing text that seems natural and pleasant for human readers while also achieving the density of key words that will score enough points with the search engines.
In the normal process of designing web pages we will make sure that they are constructed in the right way so that they can work well with the search engines. This we do as a matter of course; it is not something we charge for separately.
What you should do at the outset is spend some time researching the best keywords for the key pages of your website. Choosing the best key words is absolutely crucial. With our full SEO and website promotion service we can help you do this, or you can do it yourself.
Once the web pages have been constructed correctly the big issue is incoming links from other sites on the web. The search engines need to judge how popular a page is, and they do this by looking for other websites that link to it - incoming links that are sometimes refered to as backlinks. Building up a rich network of high quality incoming links from other websites is what off-site SEO is all about.
It doesn't matter how well-designed the page is, if there are no links to it from established pages on the web, the search engines will never find it and it simply won't be listed.
For more information and advice about how you can promote your website effectively for little or no financial cost, send us an email and we will point you in the right direction to begin an effective website promotion campaign.
Taking your own photos for your website
Your site will need photos. Occasionally you will need one or two commercial photos. We can source those for you, usually at little cost. As for the photos of the products or services you are selling, why not take the photos yourself (at least initially)? Here we have some practical advice to help you do it well.
If you are going to photograph interiors, use a digital camera that has a wide angle lens. A lens that will be wide enough for most purposes is 28mm. (Note that cameras like this advertise their lenses as 28mm, but the actual figure written on the rim of the camera lens will be 4.6. This is a bit confusing, but the figure of 28mm is borrowed from the larger format non-digital cameras which many people are still more familiar with.)
Set the size of the photo. Set the width of the photo to be around 2,000 pixels wide. Setting the size in the camera saves time editing the photos later and makes it easier to attach the photos to an email if you need to send them to us.
Use a tripod. To get pin-sharp photos you need to hold the camera perfectly still. Either you do a course in transcendental meditation to gain perfect control of your body's involuntary movements, or you use a tripod. The tripod also makes it easier to leave the camera in one place while you think more about how you compose the objects in the field of view.
When choosing a camera it is worth looking for one that gives you some degree of manual control over the settings. The most important settings to be able to control are the following (in this order): the white balance, the focus, the aperture, and the ISO rating. For more details see the appendix at the bottom of this page.
Composition and Lighting
There are two things that make good photos: composition and lighting. However good the subject of the photo is, you need to think a little about how to position it in the frame relative to the other objects that can be seen. One tip regarding composition is to have something interesting in both the foreground and the background of the photo.
Lighting is the other factor to pay particular attention to. Your subject needs to be lit well. Our big tip for people photographing interiors is: Don't bother with the flash. Photos illuminated by a flash built into the camera almost always look bad, so you certainly want a camera which lets you deactivate the flash in low light. Instead, for indoor shots choose to photograph on a moderately sunny day when the room is nicely lit by sunshine coming through the windows. Then switch all the lights on. Take a series of photos from the same position with different settings (altering, in particular, the white balance to compensate for the artificial light). Note that if you have a tripod, you can take good, sharp photos indoors in relatively low light, relying more on the room's lights instead of resorting to that nasty flash.
Let's compare these two photos:
The photo on the left is not so good. Firstly, it is too dark. To avoid this, it is a good idea to take two or three photos from each angle using a slightly different shutter speed for each one. Most digital cameras will let you know what the shutter speed is if you adjust the details shown on the screen. Secondly, the white balance setting is not quite right - the camera is still set for sunlight and the picture has turned out too orange. These complaints apart, the really big problem is the composition. It is flat, and we have a large white area with electrical sockets, which is not very flattering. Having the corner of the table in the frame also doesn't do us any favours. By comparison, the photo on the right has a better composition, with something interesting in the foreground. The photo is brighter, as it should be. It's much better.
Here are the slightly technical details about the white balance, the focus, the aperture, and the ISO rating.
If you have to take photos indoors, it is vital you can alter the settings on the camera to take into account that the scene is lit (if only partially) by artificial light. If you don't regulate the setting appropriately, the photos will either come out far too blue or far too orange. (To a great extent, this can be changed on the computer afterwards, but why not avoid having to correct the mistake?)
Most cameras let you point at an object, half depress the shutter button to focus on the object, and then recompose the shot with your finger still half depressing the shutter button to keep the focus where it was. We would say this is essential.
The aperture is the hole behind the lens that lets the light through. The diameter is expressed as an F number - the smaller the number, the wider the aperture. Here is why having some control over the aperture matters: Sometimes you will want to take a photo where there is something close to the camera and something in the distance, and you want them both to be in focus. This is only possible if you can set the aperture so that it is smaller (i.e. with an F number of 5.6 or greater). A narrow aperture gives you what is called greater depth of field (i.e. a wider range from the foreground to the background that will be in focus).
In the old days of film, we bought film with a particular speed, and the speed was expressed as an ISO number ranging perhaps from 50 to 1,600. Films with a speed of 50 were great for really sunny days when we wanted the crispest possible photos, while films of 1,600 were great for taking photos indoors with poor lighting (although the photos with fast films were never as sharp). Digital cameras have the same system and it is good to be able to manually set the ISO number. Here are two situations. If you have the camera on a tripod indoors with low light, you will want your photo to be as sharp as possible (the point of having a tripod is to take better quality photos). To get a photo of the best possible quality, you need a low ISO rating (50 or 100); but on automatic in low light your camera will push the number up much higher. Ideally you want to keep the ISO number as low as possible. Alternatively, if you want to take a photo standing on a chair, for instance, (and interior shots sometimes look better from higher up, even though we generally prefer to use our tripod), the shot will be hand-held and it will be an advantage to make sure that the ISO number is quite high (say 400 or 800) so that camera shake will not cause the photo to come out too blurred.
Web design directories that list Handcrafted Websites:
- Developers Directory
Your number one resource for the design / creative industry
- UK web design directory - www.webdesignukdirectory.co.uk
- Web Directory
- UK Graphic Design Companies
- Featured in the Xemion Website Design directory