How to add images to your Website

It goes without saying that a website with no images on it is a boring website. A boring website will not engage your visitors to read your content and follow your advice, no matter how hard you try.

Did you know that 90% of the visitors decide whether they’re going to stay on your website within the first 5 seconds? That’s right, you only have 5 seconds to grab their attention! Good luck doing that with little or no images and poorly formatted content… It just doesn’t work!

If you are trying to get people to take some kind of action on your website, you need to engage them emotionally, get them to feel good on your website and enjoy reading your content – this is called good user experience.

Search engines (like Google, Yahoo and Bing) care a great deal about user experience, so they reward websites which use images with higher rankings. Higher rankings equal more traffic!

In this tutorial, we are going to explain step-by-step how to pick images for your website (while avoiding copyright infringement) and insert them into your posts and pages so you can enjoy all the benefits that come with it (better rankings, higher conversions, etc.)

1. Selection

You don’t want to make a rookie mistake of searching for images on Google and copying them onto your own website. This can be detrimental for your business (and your wallet…)

As it stands, most images out there are protected by copyright, and if you use them on your website without giving credit to the owners, you may have to face a serious legal penalty.

To avoid this, I recommend you use either:

A) Free resources, such as:

  • http://www.freedigitalphotos.net/
  • http://www.freeimages.co.uk/
  • http://www.sxc.hu/

B) Paid resources, such as:

  • http://www.shutterstock.com/
  • http://www.bigstockphoto.com/
  • http://www.123rf.com/

C) Create your own images!

If you can’t find good free or paid images without violating the copyright, you can also decide to create your own! It is very easy to do, all it takes is some creativity.

Simply use your digital photo camera to shoot some HQ photos, learn to use Photoshop or MS Paint, or just use screenshots if you’re building a tutorial (scroll down for example)

What ever you choose, you can’t go wrong – any image is better than no image!

2. How to add images to WP

Here are step-by-step instructions on how to add images to your WP page/post:

A) Log in to your WP dashboard, click on posts/pages and select edit:

B) Once inside the WP page editor, look for a Upload/Insert tab and click on add image:

A new window will pop-up, allowing you to upload images directly from your hard disk, where you should have stored them. Once it’s done uploading, you will be asked to fill in some image details (not necessary but desirable).

Title – this is the title of your image, and it’s a required field (you can’t skip it…)

Alternate text – this tells search engines like Google what your image is about (some people think it’s good practice to include the keywords you wish to rank for here)

Caption – this is a very brief description of your image which is shown publicly

Description – the full description of your image

Link URL – if you want to make your image a clickable link, insert the URL here

Alignment – same as text alignment – left, center and right

Size – WP allows you to pick between the 4 default sizes (thumbnail, medium, large and full)

C) Click »Insert into post«

Your image is now visible in the page editor and you can move it around as you wish. You can also specify your own image dimensions by clicking on it, and then clicking on edit image. In the pop-up window, select advanced settings and modify your image dimensions.
There is no limit as to how many images you want to add, but don’t overdo it. Too many images take a long time to load and that affects the user experience in a negative way.

Try to aim for 1 image per 150-200 words. This has been proven to work best.

I hope this tutorial explained everything you need to know about adding images to your website, if there’s anything else you wish to know, please leave a comment below!

Comments

comments

Pin It on Pinterest

Share This