Images are an integral part of your blog. Images on your website will make your article stand out more and may even help you attract viewers. It can emphasize your main points, and improve SEO to rank in search results. You want users to land on great articles with attractive images. This post will show you how to create clickable links from images. This guide will show you how to make an image a link in WordPress.
So, how can an image be clicked on in WordPress?
WordPress makes it simple enough for anyone to embed a link in an image.
To link to a post or page within the website (Internal Linking)
- In the admin panel, access the WordPress page or post you wish to edit or add an image.
- Add or edit the image from the post.
- Select the image to highlight
- A Settings toolbar will pop up In the image’s upper left corner.
- Select the paper clip-shaped icon.
- Place the cursor in the “Paste URL or type to search” field.
- Copy the article’s title or URL slug/permalink
- Once selected, click the page or post; WordPress will immediately link the picture.
- You may also use the toggle button labeled “OPEN IN A NEW TAB”. This will keep your current tab open, before opening another.
- Click “Update” to save
To Link to an Outside Source (External Linking)
- Go to the website in a new browser tab to find the actual URL for the page you want to link to. Once there, copy the entire URL
- Access the WordPress editor once again.
- Follow the first six steps from the internal linking.
- Enter the URL in the field provided.
- You may also use the toggle button labeled “OPEN IN A NEW TAB”. This will keep your current tab open, before opening another.
How do I turn my image into a link?
High-quality photos will draw in visitors and improve the likelihood of them buying. You can turn a picture into a link by pointing users toward important information, facts, or other pages.
Why would you turn an image into a link?
Making an image into a link provides a wider space for users to touch or click. Many people expect an image to be clickable and will click that first.
Images are more attention-grabbing than words. It explains why news stories have photographs of significant events. This is also why e-commerce websites use product images.
It does not mean that text is unimportant. Text-based copy is crucial for efficient SEO since search engines monitor your website for text content. Images are harder for search engines to evaluate for ranking signals. But for most websites, the best is to combine these two media types.
The link from the text often takes up less space than an image, so users need to exert more effort to click it. This presents a challenge for users using mobile devices to visit non-optimized websites.
Site owners can reduce the likelihood of someone clicking the wrong thing, which causes visitors to go to an unexpected page. They may leave the site out of frustration. Using image links ensures that both pictures and text descriptions link in the same direction.
How to Make an Image a Link in WordPress
Now that you know the advantages of doing so, the next logical question is: How?
First, find the image to which you wish to link first
You likely have several images if it’s a product image on your website. Use the one that displays the services offered.
You may upload a high-quality picture if you don’t have one already. However, if using photographs, make sure you buy image rights or choose a license-free stock photo.
Next, optimize the scale and size of the images
Optimizing the size and scale of your photo before publishing it on your website is important.
Images with larger file sizes will take longer to load. To determine your image size standards, start by examining the size of any current images on your website.
JPEG files are suitable for images with lots of details, like photographs. In contrast, PNG files are better suited for icons, text images, and graphics.
The final decision on how much to compress an image is up to you, but maintaining quality over 70% will prevent noticeable pixelation.
Finally, upload your photos and copy the URL
Upload it on your website, which will save the image and generate a location URL. This is where the image lives. Or you can embed it somewhere or use the WordPress insert image button and link to the image.
Your destination URL must then be specified
Now we will direct customers to another page when they click an image. You need to specify the destination URL, which you can do by typing it into your browser’s address bar.
It’s now time to write your HTML code.
A sample HTML code is:
<a href="https://yoururl.com/product-page-url">
<img src="ImageURL.jpg" alt="text describing the image">
</a>Links are between the tags.
An image is designated with the tag “IMG”.
There is a source attribute in the image element “IMG.” Add the image’s URL in the placeholder.
Text description of the image should be entered that describes the image and is keyword rich.
Adding an alt text description is important as your SEO will be improved using it. Alt text for HTML image links must be clear and descriptive.
Finally, paste your code where necessary.
Your linked image can be used on any website you have access to which supports HTML.
If you complied with the steps above, the outcome should be an image that viewers may click on to go to a certain URL.
How do I make a clickable link on a JPEG?
Adobe Photoshop can convert a JPEG image into a clickable website link. With Photoshop’s Slice Tool, you can choose which parts of your image you want viewers to click. Your JPEG is “sliced” up into square parts, then placed together as tables in an HTML file. Since hyperlinks are HTML code, they are saved in HTML file, not a JPEG file. You can easily add the HTML code to your website by copying it from Photoshop’s HTML file.
To do this
Open the JPEG file on your Photoshop. You may drag the image into Photoshop or right-click it on your computer and then select Open with Adobe Photoshop.
Add any text or picture layers that will help people know it is a hyperlink. You may add text, buttons, and icons for visitors to click on in your JPEG image.
Can a PNG have a hyperlink?
As with a JPEG Format, PNG also cannot have a hyperlink embedded in the image. But WordPress allows you to place the link in the media tab. Or you can assign the hyperlink on each post or page.
Unless it is a PDF, Word Doc or Excel Spreadsheet, few image formats allow you to embed hyperlinks within a picture. You have to do it after the image is uploaded.
Conclusion
Adding links to images increases user engagement on your website. Visitors understand many images can be clickable.
However, it would be best to be cautious about where you direct people via these links. After all, you may not want potential clients visiting a rival’s website,
Now that you know how simple it is to link to any of your images. It’s time to put these tips to use on your website. So whether it is a button, an infographic or a photograph, now you know how to make an image a link in WordPress.
Leave a Reply