Posts

one-dot-com-offices

Choosing a web host for small or large businesses

one-dot-com-offices
As a web designer the issue of web hosting is a regular concern. When I began ten years ago I started with a quite small Danish company call B-One. I chose them as, they advertised to me, they were cheap and I had nothing to measure them against, so I took a punt. A few years later they changed their name to One.com and now have their headquarters in Dubai, and have very large Danish offices at Kalvebod Brygge (See picture above) where WordPress Copenhagen held their conference a couple of years ago. I think it’s safe to say they have come along way in the last ten years.

As clients often have a different hosting company, I have come to learn how good a decision using One.com as a web host has been. The number of web hosts who insist that the Ftp client is FileZilla, and FileZilla only. My ftp preference is Dreamweaver from the Adobe Suite. I can use FileZilla, but for my work flow I want to use my preferred client. Then there is 24 hour chat support, with pretty much never more than a two minute wait on One.com. I have used a client’s very expensive WordPress specific hosting company where I have had to wait for San Francisco to wake up before I could get answers to a problem, and with a forty minute wait for an answer every time. And a whole number of other web hosting companies whereby the quality of support has been at best erratic, and often woeful.

I am no expert in hosting, or the issue of backend development, but from my experience if you are starting out with a website, or looking to move to a better one (or just to try another one) I strongly recommend One.com. A good quality, consistent service at a good price. Their support and website is available in Danish or English, and just having had a quick look at their site, quite a few other languages too.

Here is my affiliate link. You are of course under no obligation to use it, but if you click it I get a small amount of money, and you get a small amount of money reduction (the same amount) from your first purchase.

My One.com affiliate link

If this is all new to you, and you are just getting started, on clicking the link, put the name of the website you wish to purchase (domain name) into the search engine, keep trying until you find one available you like/can live with, then choose the cheapest option for hosting to get started. You can always upgrade later once your website is more popular. One.com will tell you when you have to upgrade it due to a large amount of traffic.

 

 

scroll-hamster

Longer deeper website pages and the infinite scroll

hamster

Image copyright of www.digiday.com

As websites become more and more user friendly, pages are getting longer and longer. People don’t like clicking, they do however like scrolling. This is due to the ease with which scrolling is on smart phones and tablets plus there being less emotional commitment. To click a link involves a conscious decision to stay on site. Scrolling is far more relaxed and non committal.

And now the infinite scroll. Whereby content is automatically loaded on screen as the visitor scrolls. Boosting time on-site and ad impressions. This is going to be big.

Digiday go into this development here.

facebook-profile-page-sm

Famous brands using WordPress

facebook-profile-page

There are many famous brands using WordPress. Sony Music, Renault, Vogue, Facebook, The New York Times and the BBC. There is an excellent Showcase page on the WordPress site that features many of the great sites using WordPress.

A favourite of mine is Facebook’s Company info page, in which Mark Zuckerberg is just another humble CEO, on just another humble About Us page on the internet. Sheryl Sandberg even mentions her fish.

So with around 20% of the internet, and 70% of the CMS market, and growing, if you are not already using WordPress, you really ought to, come your next new website.

Ten years of web design experience

ftp-connection-success

I still consider myself new to web design. In the sense of how fresh and excited I still feel about the whole process. However in July of this year 2015, it will be my tenth anniversary of starting to make my first website.

A long time ago in a galaxy far far away…

I was asked by my sister if I would make her a website, and logo, as she was starting a Bed and Breakfast (small hotel) in Inverness in the Highlands of Scotland.

Struggling as a freelance illustrator, working in other jobs to pay the bills, I had thought about trying web design for some time, but hadn’t known how to start. So with my sister’s deadline fast approaching on ‘can you do this or not?!’, I knew if I didn’t get it to work, I would never become a web designer.

Try try again

I had learned I needed to connect to something called FTP, and I had some codes, and it was very stressful and difficult and I couldn’t do it, it wouldn’t work, and I wanted to stop, and I hated it, I CAN’T DO THIS…

And then the words ‘this is a test’ appeared on a page on the internet that I had put there. I was connected. I knew instinctively that was very significant. I could do it, and while there would be problems to solve ahead, this would be the beginning of something big for me. And I was right.

I then began making a site in HTML and CSS. And then I remade it, and I think there were three definite versions of that first site. I discovered I could do it, enjoyed it, and enjoyed going back and fiddling with it, learning more, adding and removing, fine tuning until it was just about right. And the whole process interested me. SEO, functionality, the graphics, the look, the feel. I just kept going back, and re-working and re-working. While working on the hotel website I also began work on my own portfolio site. You are reading this on that site.

Onwards and upwards

For the next few years together with graphic design (which I had experience from as a student many years previously) I worked and worked until I got better and better. I even dropped illustration for a couple of years to concentrate on them. I then heard of something called a CMS. I began with Joomla, and then started a cartoon blog for myself in WordPress. I preferred WordPress, although just a blogging platform at the time, it just felt good.

This lead to me working in web bureaus in Copenhagen, most notably and enjoyably Brand X where I got to work under and learn from the exceptionally talented duo of Jason Lambert and Adam Hill, before making the jump into freelance.

www.bannermanbandb.co.uk/ My sister’s Bed and Breakfast in Inverness.

www.iain.dk The cartoon blog, only recently restarted.

www.voiceso.com Adam Hill’s voice over site.


A quick follow up on this article. A couple of hours after publishing this article, a client sent me their Ftp codes for their new website I was to design. Couldn’t connect. Tried and tried and tried. Those pesky internet gods…

And I mentioned the article to my sister. Turned out her Bed and Breakfast will be nine years old in the summer of 2015. So nine years then. At the time of writing eight and a half.

say cheese

Choosing and adding photos to a WordPress web site

add photo website

Everybody say ‘cheese’!

The importance of great photos on a website

You can make or break a web site with the correct photographs. It is worth spending time and effort on finding the correct materials.

Ideally hire a photographer, they can really make an incredible difference to getting great photos. You can also take your own. If a friend has a good camera borrow it or get them to take some for you, as the correct equipment can really make a difference. My one photography tip would be to take way too many shots.  It is hit or miss with photography. If it takes 50 photos to get one great one, take 500!

Stock photos

Alternatively use a stock photo web site. Be careful with these as they can give your site a generic look. Spend time finding the special ones. Often what seems like a great photo when seen in isolation does not work on a web site. Other times a seemingly dull unremarkable image transforms a page. So I recommend trying a number of options. For the stock photo sites there is a download ‘comp’ option, so you can try them out before paying.

‘But I can just take photos from the internet’ is a quote I have heard a disappointing number of times.  It is illegal and you run a very real risk of being caught. Either by the photo’s copyright owner, or by your own clients. Do you want dishonesty added to your brand?

Further photo advice

Adding a face or faces (real faces not stock images) adds a human element to your website. It makes you appear more approachable and potential clients or customers get to know a little more about you.

For a team photo or office photo, sunshine makes an enormous difference. On a bright sunny day get your team outside, get some photos taken also of your office/business and surroundings if relevant.

Photo size

The size of your photo should be the actual size you can see it. The bigger the image, the longer time it takes an image to load, slowing down your site. Dimensions are in pixels, the dpi (dot per inch) should be 72.

In Photoshop, get the dimensions correct using Image > Image size, DPI is irrelevant here. Using pixel dimensions full width of this page would be 1130 pixels. The photo I am using of the cheese above is 800 pixels wide.

Then File > Save for the web. Save as Jpeg at 100% quality – as the web is at 72dpi, the image will be saved at 72dpi.  When naming your file, describe your image with regard to SEO. For example company-name-team.jpg. Use a dash (-) between each word.

If you are using another image programme, then Google how to save an image for the web in that programme. Photoshop Essentials is available from Adobe for around 100 DKK per month.

Examples

www.bannermanbandb.co.uk. A professional photographer was hired by the client.
www.doka-danmark.dk/om-os/ Team photos in the sunshine.

Stock photo sites

www.photodune.net
www.istockphoto.com
www.colorbox.com

Adding plugins in WordPress

character-bash-plug

Plug from The Beano, who is copyright D.C. Thomsen, and just holding this space until I get an illustration drawn…

Adding plugins

There are some great plugins that can improve your site. Here is how to add one to your WordPress site.

In the back end > plugins > add new, put the plugin you are looking for into the search box, install and activate it. Easy. Some work immediately on activation, some need certain aspects set up on their set up page. Somewhere in the backend left hand sidebar, will be the set up page for the plugin. Look under ‘Settings’ if you can’t see it.

A word of warning on plugins. They can cause problems on your site. Don’t bring in too many (I’d ay about 5 max, less is better). Check to see if a plugin is popular by downloads, or has lots of complaints in their forum before bringing it in.

Dealing with plugin issues

If something goes wrong with your site in WordPress it is almost always a plugin that is responsible. Not necessarily a bad plugin, it can be two plugins are conflicting with each other, or with your theme. If something goes wrong with your site, start by de-activating your plugins one by one, and checking if the problem is resolved. If that doesn’t solve it, deactivate them all together. If that doesn’t solve it, change your theme to one of the default WordPress themes you got with the install. Between those steps, almost all issues will be solves. You should be able to isolate, what will almost always be a problem plugin, and then delete it.

Update your plugin

Whenever the red symbol appears that a plugin needs updating, update it. This also goes for WordPress, keep it updated, and your theme.

Recommended WordPress plugin

I recommend you  should have WordPress SEO by Yoast. Adds a box below each article in the back end of your site for you to fill out for SEO. It teaches you how to SEO each article or page through choosing a key phrase for that page or article, then adding it to the Title, description and in the content. It effectively teaches you to write better SEO content.

I also recommend Disqus plugin for comments. At the bottom of this article you can see my comments section is with Disqus. It allows visitors to log in with social media, or Disqus itself, and can interact with other blogs. You occasionally meet it on large scale sites such as The Daily Telegraph.

Inspiration for writing your blog

Whether your blog is part of your business or you are blogging for fun, getting going with writing content is often the hardest part of the process.

There is a very inspirational video interview on the WP Elevation site with professional blogger Bill Belew. www.wpelevation.com/2014/02/episode-19-bill-belew/

Watching this will give you some good tips, and should leave you feeling energised. The two main points I took from the video (and there are lots) is ‘you haven’t really started until you have written a hundred articles’, and ‘just press publish!’. Bill is also a fascinating character, and Troy at WP Elevation is a great interviewer on all things WordPress.

Screen Shot 2014-10-21 at 18.58.11

If you are still struggling to get going with writing for your blog, advice from Morten Rand-Hendriksen of lynda.com is to set aside thirty minutes once a week at the same time. What ever is written after 30 minutes, just publish. This way content will build steadily, and deadlines concentrate the mind.

From my experience the regular addition of content also makes me more alert for other possible subjects for blog articles.

It is important to understand it is unlikely you will know how your writing will be until you get going. It will evolve over time. You can always delete or edit old articles if you become uncomfortable with old content.

 

 

WordPress designer cartoon

wordpress-cartoon-1

wordpress-cartoon

wordpress tips

Adding an article in WordPress

This article will explain how easy adding an article in WordPress is. How to add images, a link and format text. All with a view to maximum readability and for search engine optimisation. 

A post relates to a new blog article, while a page is a permanent fixed page.

Once you are logged in on your Dashboard page, you need to go to New > Post. There are two places to do this, both marked in red below.

The top area is for the title. The larger box is for the article content. Ensure your window looks like the window below. If it does not, click ‘Visual’ marked in orange, to see the visual editor.

Wordpress tips and training

Formatting your content in WordPress

It is recommended you break up your text with sub headings. This creates an easier to read visual experience for the reader, and gives Google a further idea on how best to index your site. H1 will be the biggest going down to H6 your smallest size of sub heading. H1 to H3 are the most important sizes for Google. (Other search engines are available).

How to add an H3 sub heading (this is an H3 subheading)

Highlight the text you wish to make into the heading, then go up to the drop down ‘Paragraph’, in the graphic above ‘Paragraph’ is just above the word ‘Article’ in green. In the drop down will be all the options, choose ‘Heading 3’.

Just above this area is ‘B’, which in the way described above will make the text bold. I, which will make the text italic ‘. You can try the other options to see what they do.

If you wish to colour a word it is the tool bottom row, third from right. You really should not need this, ever.

How to add a link

Select the text you would like to link then click on the link icon. It looks like a linking chain. The window below appears.

Wordpress link window

Simply add the URL (link address) to the box next to URL. Add a title if you want – helpful for SEO. If the link is to a website other than your own, click the Open link in a new window/tab box. This ensures the viewer still has a browser window with your website open. Then click ‘Add Link’.

How to add an Email link

Exactly the same as the way to make a link described above, however add ‘mailto:’ in front of the email address, in the URL box. So in the URL field it would say mailto:example@example.com

For both the link to a website and to an email address always check them on the site afterwards.

How to add an image

Just above the formatting tools and below the article title is a box marked ‘Add Media’. Click it.

 

Wordpress add image

If your image is already uploaded in your site, you can find it in your Media Library. If it is not, click Upload Files (top left corner just below Insert media) to navigate to your computer and find the image you wish to add. For SEO purposes it is best to have the name of your image as something descriptive of the image’s content/article’s subject matter.

The image above then appears. In the right hand column the text field ‘Title’ is automatically added. Remove this as it is the annoying rollover description tag. Add in the Alt text the description. Where I have written ‘WordPress training’. Again this is for Google.

Further down on the right hand column is ‘Link to’. The default is ‘Media file’. Which means when clicking on the image it will either open the image in a page of it’s own, or possibly open the image in a lightbox depending on your theme. I do not want this so I change it to ‘None’.

Click ‘Insert into post’.

Publishing your article

Depending on how your blog is set up, you can now press ‘Publish’. However typically my sites are set up so certain categories send the articles to different areas of the site. This also gives readers the option of reading articles on one subject matter. Categories is in the right hand column, normally the second box under ‘Publish’.

If your article is not finished use the ‘Save Draft’ option. Your website will save your article for later, without publishing.

Once you have published you have the option to change the date of publication if need be. In the same box as the Publish button. Which will now be entitled ‘Update’.

Enjoy your website.

 

Why your business website should have a blog

So what is a blog?

The word blog has different meanings for different people. All it now means, is a serious of articles featured on a page, in reverse chronological order, the latest article at the top.

Why is a blog important?

Firstly it is very good for search engine optimisation (Getting your site a higher placing on Google). Google and the other search engines, love new content. This shows to search engines your website is ‘active’ and therefore relevant. In addition each individual article, or post as WordPress refers to them, can be optimised for different key phrases your potential visitors may Google.

Secondly a blog is a great way to give more information on yourself or your company. A chance to further brand yourself, and allow those interested, a chance to know more about your services. The more people know, the more they will trust you, and trust in your services.

Thirdly, a blog is a great way to integrate your website with social media. By posting a link of one of your articles to your Facebook business page, you can draw in visitors to your site. Once in your site, where your brand rules, not Facebook’s, your visitors will take a closer look at your services.

What do I write about?

There are many possibilities, depending on your business. It can be an Events page, with what’s coming up, and telling of recent events. It can be a diary of how your business is going, it can give additional information on certain of your products, or you can use it to write as an expert in your field.

How do I get started?

That’s a common problem. The only way is to just write, and see how it develops. It will only take shape, and find it’s direction, after quite a few articles. So don’t be precious. You can always delete or edit articles later, and you are not going to get a bad grade from a nasty teacher. The more you write, the easier it becomes.

Portfolio Items