How To Make Image Links
To Improve Visitor Satisfaction And Increase Profit Potential
So we all know the importance of having graphics on our sites and blogs, but I see a lot of webmasters not taking the extra time to make their graphics into links. They are pretty to look at but go nowhere.
In my opinion, that is a BIG mistake and a HUGE missed opportunity.
You can use image links to send your visitors to:
- Another website that provides additional information to improve your visitor's experience
- An affiliate site where they hopefully purchase a recommended product and you earn a commission
- Another page within your own site or blog making it easier for them to get around
You do have to be careful when considering which images to make into outgoing links because there is a risk in sending visitors away from your site too soon. If it doesn't make sense to create outgoing image links, then at a minimum, try to link them to a complementary page within your site or blog.
Occasionally it just doesn't make sense, but I recommend trying to make it work each time you upload a graphic. Image links are easy to create so why not?
 How To Make Image Links
First, let's look at a diagram showing the components of an image link and the most common values like "Align" and "Alt."
I have gotten into the habit of using this exact code each time I want to add an image link to a page, changing it as needed. Sometimes I use all the html src image values and other times I just leave them set to "0" so that if I need them, they are there. I suggest you do the same.
Copy Code Below and Paste into HTML Document
Update Image Link Code
After you copy and paste the above code into your HTML document, you need to update it for your own purposes.
- Change the page url to wherever you want to send your visitors if they click on the image
- Change the image url to whatever server and directory holds the image
- Adjust the values, like "align" "border" and "alt" for your purposes. For information on how to update these HTML image code values, visit our position images webpage.
Visit Our Other Image Webpages
 |
How To Position Images
Learn all about positioning images so you can get them exactly where you want them on your webpages. Find the exact code for all of your image positioning challenges including wrapping text and objects around images and lining them up in a row or column. |
 |
How To Size Images
As you build out your site, you will need web page graphics ranging from tiny 16 pixel by 16 pixel (for favicons, buttons or table images) all the way up to large http graphics that are the entire width of a webpage. Learn how to get your images to the perfect size for the intended spot on your site. |
 |
Why Tag Images?
If a webmaster has used the html image alt tag properly, you will see a small box of text appear when you hover your mouse over an image. A huge number of visitors find my site because I purposely add a keyword-rich alt tag to every single web site image that I place on my sites. Learn how here. |
 |
Shopping Images
Not all website graphic sources are created equal. Read my recommendations on where to find free web site images, on buying images inexpensively and on where to find a great selection of clipart. Also, watch a video tutorial on scanning images. |
 |
Photoshop Drop Shadow Tutorial
Look at the web site images in the header above. When I created them, I added a gray shadow, aka a drop shadow, around each image. Learn how to add a professional touch to your webpage graphics by watching a drop shadow tutorial video. |
|
