How To Make An Image ‘nofollow’ In WordPress For Ultimate SEO

by admin on June 4, 2012

in Blogging, SEO



So I recently started updating this blog with the best of technology content, and in the process forgot to think about image SEO. Gradually  first of my posts here got indexed into search engine, and what I see is the ALT-text/Image name of the actual image getting indexed along with my post content in search engines like Google Search. In short, the images I added to my pages or posts here, in or before the first paragraph were getting their ALT-text/name getting indexed along with the post content. The results in the search engine were acceptable, but I would not really call it a good SEO practice. For instance, have a look at the image below. The text newspaper appearing before meta-description of the post is nothing but the ALT-text of the image of a newspaper I uploaded along with the post.

nofollow-image-gadgec

[link]

To be clear, this does not mean that I should stop adding ALT-text to images in my posts, rather adding ALT-text is a good SEO exercise. But there are times when you don’t want silly text to appear in the search results. This tutorial is simply for that time!

To start with, adding a nofollow link to images is not a difficult task. You can use both, the automatic WordPress method, or manual method to add nofollow attribute to your images in WordPress.

How To Nofollow Images!

nofollow-image

Option 1: 

Adding a nofollow attribute to images in WordPress is really easy. All you need to do is upload an image in your post area (where you write the content), just the way you usually do, and hit the Insert into post button. Once done, hover to the uploaded image and click on the Edit Image button on top left (usually!). Next go to Advanced Settings and under the Advanced Link Settings, find the Link Rel attribute. Simply add “nofollow” to that area (without quotes!) and you’re good to go!

So all you need to do is, Upload image>Edit Image>Advanced Settings>Link Rel>nofollow. This is the easier method, and you can do the same for any number of images you want to.

[link]

Option 2:

The second option requires us to manipulate the basic image HTML in the post-composer box. Once you upload the image, just the way you did in Option 1, you need to navigate to the HTML tab of post-composer box, and find the URL the image points to. It is contained withing the Anchor tag (<a>). Simply add a space between ‘a’ and ‘href’ and add rel=”nofollow” in between them (with quotes!). So finally, the code should look like below in the HTML view of your post.

<a rel="nofollow" href="http://www.gadgec.com"><img title="Gadgec" src="http://www.gadgec.com/wp-content/uploads/2012/06/Gadgec-Original.jpg?956a2e" alt="Gadgec-logo" width="300" height="300" /></a>

That’s it! Mission accomplished. :D

 

About admin

Sidhant Chadha has written 288 post in this blog.

A technology enthusiast turned blogger, I write mainly about Apple products, Android tricks and tips, blogging issues, WordPress management, Search Engine Optimizations and much more.


Hot Recommendations: