How to add links on images - linking images to another page or website

How to add links on images - linking image to another page or website

I will show you how to add links on images so that when someone click on the image it will take him to the linked page or website.

Obviously people do click on images but that depends on call to action (CTA) format of the image. But any how you may want clickers to be directed to another link when they click the image.

This method is successful only if you tell your readers what to expect when they click on the image or else you made them feel bad with their experience.

Subheadings highlight

1. Why you should use CTA on linked images
2. Why adding links on images
3. How to add links on images
4. How to make images open in a new tab
5. Tips to add links on images

Why you should use CTA on linked images.

Well to use CTA on images is absolutely advisable when much especially you need readers to click on the image. Failing to do that will end you getting no or few clicks on the desired image.

People don't click on images for no reason. You can only get them to click it when you give them the reason to.

Relatively,

Think about why the street shops use signboards🤔. For fancy? No! It's call to action.

Someone could only enter a restaurant when he knows that, that is a restaurant. And some easiest way to do that is by telling him this is a restaurant.

In the same manner, you get clicks on your picture because the picture shows itself clickable and if at the same time it tells the reader, this is what I will do for you.

Why adding links on images

The reason why to add links on images solidly depends on you and what you use the image for and it differs from one another.

You may want to add links on images to direct the readers to another page or completely a different website.

You may also use it to link to the image source. Or to help readers take particular action when they click on the image.

How to add links on images

To add links on images you first of all have to confirm two things, where to add the link and whether you could be able to access the HTML codes for the images.

For the purpose of this tutorial I will use post editor to explain how to add links on images (using post editor)

Note

The process is similar for any method as far as you could be able to access the image HTML codes.

Step 1

Go to your post editor and upload your image.

Step 2

Change the editor mode from compose view to HTML view

Step 3

Locate where the image HTML code is in the post's HTML codes

Step 4

Find and replace the default image link with your custom link. E.g

Image links are usually found within quotation marks ("") after the

Replace the link here with your custom link.

Step 5

Save and or publish your post.

Now anyone who clicked this link will open the new page link.

How to make images open in a new tab

To make image open in a new tab add target="_blant" after the link and the quotation mark. Like this:

You can now enjoy adding your links on images.

Tips to add links on images

Use call to action (CTA)

Link to relevant pages

Let the image and the page it links to speak the same thing (for good user experience)

Tell your readers what to expect when they click the link directly on the image body or on the caption.

I hope you love this tutorial on how to add links on images. You can find more articles and Tutorials on this blog. Do you mind telling me how you feel about this tutorial in the comments.

Post a Comment