How To Add Images & Videos To Your Blog Posts

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:


B) Paid resources, such as:


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!


How to add videos to your website

It has been tested and proven that just adding one simple 1-minute video to your website can have an enormous impact on your overall user experience and average visit duration.

We already talked about the significance of good user experience, but why is visit duration so important? Well, for one – it tells search engines how interested people are in your site.

The longer visitors stay on your site (watching the video), the more Google thinks your site is relevant and the higher it ranks you in the search results. Sounds reasonable if you think about it – why would Google rank a website whose visitors leave within 3 seconds of visiting?

Secondly, videos can get you a lot of external traffic. If you create and publish a video on Youtube, it automatically gets exposed to billions of users worldwide and you never know when it can go viral and bring in hundreds, if not thousands of visitors to your website!

Thirdly, videos are very easy to use. You don’t even have to create your own video if you don’t want to, you can simply use any video on Youtube that’s relevant to your site – there is no copyright issues to worry about (unlike images).

In this tutorial, we’re going to learn how to publish Youtube videos on your website.

It’s a pretty simple process really. All you need to do is to find a video you want to publish on your blog. (videos can be on any site that allows embedding, youtube, vimeo etc)

Then you just need to grab the embed code:

For Youtube: Click the Share button, then embed, then copy the line of code you are given.

Then go back to your blog post where you want to show the video and click on the “Text” tab at the top of the text editor. (see below)

Then paste your YouTube embed code into the page like this:

Then switch back from Text to the Visual editor and you will see the video preview, like this:


That’s it, publish your post like you would any other and the video will stream direct from Youtube through your blog post.


Pin It on Pinterest

Share This