Forgot your password?

How To Interlink Pictures On InfoBarrel To Their Media Pages

This article has been generously donated to InfoBarrel for Charities.
By Edited Apr 19, 2016 18 47

This article is a supplement to my article on making money on InfoBarrel by using pictures and taking advantage of your “media pages”.  Please read that article before you dive into this.

Many writers at IB are new to the whole online publishing thing and as a result many are not as knowledgeable in the details of publishing online.  Many of these details are very small but they can make a huge difference in how efficient you are at making money in the online publishing world.

With IB in particular when you publish an article you get one URL which is monetized.  This is simple to understand.  What is lost on many publishers however is that when you upload a picture to that article your picture gets a media page which is also monetized.  This gives you two monetized URLs for one published article.  If you attach multiple pictures to each article then each publication gives you as many monetized URLs as pictures you use plus the actual article.

Now all this is well and good but it doesn’t do much good when eyeballs don’t get to the media pages.  Because media pages are so short and are not part of your article feed they aren’t nearly as likely to get found in search engines.  For this reason I always title my media pages with super-long-tail descriptive terms and then link to them from the body of my article.  Oftentimes I link to them by wrapping a link around the picture itself in the article.  That way when someone finds my article and wants to click on a picture embedded in that article it will take them to the picture’s media page.  This gives my material more page views, lowers my bounce rate, and drives viewers to pages which are often times more efficient at driving earnings.

In this tutorial I’m going to show how you can add a picture to a new or existing article and then link to that picture from the body of your article.  The article I will be working on looks like this and we want to liven it up with a pictue that links to it's own media page.

Wall Mounted Plate Rack Article Screen Shot

Step 1 – Editing Your Article

Whether you have already published an article, saved one as a draft, or have just finished writing and article you have to be in the edit mode to actually attach a picture.  For this tutorial I’ve selected an old article of mine on wall mounted plate racks which didn’t have any pictures attached to it.  This article receives a small amount of targeted traffic every month so to improve the article for the viewer and hopefully improve its ability to earn I will add a picture to it.

Click the "edit article" link as shown in the below picture so that your text editor box opens up.

Editing Your Article

Step 2 – Click to Upload Link to Prepare Your Picture

When you are in the article editing mode you should see on the right hand side of the page your available media.  As shown in the picture below the article I am editing doesn’t yet have any available media.  This means that I don’t have any media or pictures uploaded to it yet although I do have media available which has been uploaded to other articles.  If I wanted to reuse a picture I had uploaded to a previous article I would click “all” instead of “upload” which I have circled in the picture below.

I want to upload a new picture which I haven’t used before so I click “upload”.

Prepare Your Pictures For Upload

Step 3 – Upload Your Picture

On this screen you have the ability to select the picture you wish to upload from your computer.  This is obvious but you also have the ability to add a Title to your picture, a description to your picture, and a credit to your picture.  Many people leave these blank but I feel that you should take more care in your upload by filling in some of this information.

For starters the title is vastly important.  Because it will be the most prominent words on the screen the ads will be targeted towards it.  You do want your title to be relevant to the picture but it is the meat of the content on the page so make sure it is a well thought out keyword driven title.  Don’t just title it “rack” title it something specific and long-tail like I did.  I titled my picture: “wall mount wood plate rack” which adequately describes the picture, targets a very targeted keyword for the search engines, and should help drive the most targeted ads possible.

I also take the time to add a 25-75 word description of the picture in the description box because this is my only way to add some context to the picture and title on the screen.  If I leave this blank the resulting media page will be a title, a picture, and ads making the page look bad and giving no context or information to the reader.  By describing the picture I can add context and value to the reader and the bots that view the page and I also have the ability to add a contextual link in the body which I can use to link back to another article or in this case link to the actual product on Amazon. 

Describe Your Picture And Upload It
If you link to the product as I did you have to make sure you follow the rules of IB and keep the link contextual and the amount of links minimal.  I never do more than one link in this box because the description is so short.  You should also set the link to target=”_blank” and under the advanced tab of the link add box you should select “nofollow” from the dropdown box labeled “relationship to target”.

In this case I opted to leave the credit space blank as this picture I a product from Amazon which I have linked to.  If you are using another picture then you may feel the need to add a credit reference in this box.  This is up to you and should have little bearing on the on-page SEO.

The picture to the right shows what my media upload area looks like just before I hit the upload button.  You can’t change the title and description of pictures once you upload them so make sure you do this right the first time every time and don’t gat lazy and skip the description field.

Step 4 – View Available Media For “Article”

Once you upload the picture as described in step two the Available Media area now says: “your image has been uploaded. Click here to upload another.”  At this point you could upload another if you wish but for the purpose of this article I will stop there and click “Article” in the Available Media area as I’ve shown in the picture below.  If I wanted to view the pictures I’ve uploaded to my other published articles I would click the tab that reads “All” instead.

Toggle To Available Media To See All Pictures Uploaded

Step 5 – Insert Your Picture Into The Text Box

For some reason this is the biggest step that many people don’t quite grasp at first or ever.  Once you upload the picture you have to insert it into the body of your article otherwise it won’t be seen by anybody unless they scroll all the way to the bottom of your published article’s page.

In the picture below you’ll see what the text editor looks like after having uploaded a picture and after having inserted it into the text where I want it.  As the picture implies I have to click on the picture in the “Available Media” area and drag it to the spot I want it in the text editor.  I have indicated this by drawing a lazy looking arrow.

After dragging the picture to where you want it it will look like it does in the picture below.  From this point I recommend clicking on the picture and then clicking on the align buttons.  It doesn’t show in the below picture but I aligned mine to the left.  I also clicked on the lower right picture handle which I circled and drug it up and to the left to shrink the picture to the size I wanted.  Some brokers won’t display the picture dragging handles so to resize your picture you will have to click on the HTML button on the editor which I circled on the picture below.

Insert Your Picture Into The Text Box

Step 6 – Resize Your Picture In HTML Mode (optional but recommended)

If you weren’t able to resize the picture by dragging the handle of the picture in the step prior enter the HTML side of the text editor and find your picture in the HTML code.  In the picture below I’ve shown you what my HTML code looks like and have circled my picture.  Note the underlined area on the picture below.  I added this code to the HTML editor to shrink my picture down.  You need to do similar to shrink your picture to the desired size.  This can be any number you want.  I find that pictures between 100-400 wide work best depending on the layout I want to achieve.  For this picture I chose a width of 250.  After you choose your width you have to submit your update to the HTML source editor with the provided button.

Resize Your Picture In HTML Mode

Step 7 – Publish Your Article With Your Newly Included Picture

This set is as simple as it gets.  After adding the picture to the text editor, aligning it, and setting it’s width you now save the text editor and then scroll to the bottom and publish the article.  Once the article is published scroll to the bottom of the article to see the “attached media”.  This should include any pictures you uploaded to this article in the previous steps.  You will also notice that these media pages are hyperlinked to the respective media page.  See the picture below for an example of what the area look like at the bottom of your article’s page.

Publish Your Article To Get The Picture's URL

You will want to click on this link and go to the media page to copy down the URL of the media page so that you can go back to the edit mode and manually link the picture in the body of the article to the media page.

Step 8 – Manually Code The Link to the Media Page In HTML Mode

After copying the URL of the media page of the picture you just uploaded go back to the edit mode of the article and enter the HTML mode once again.  As we did in step 6 you will need to find your photo in the code and add the link code around it.  You need to put the first part of the link directly in front of the photo HTML code and last part of the link code after the photo HTML code as I’ve shown in the picture below.  

Note the underlined portions are the link code I used to wrap the picture and the first string of text immediately following it.  Once published this will allow a reader to click on the embedded picture or the link text directly following it to actually view the media page where I describe the picture.  You will obviously have to switch out the link URL shown below to your own media page URL.

Edit Your Article To Link Pictures To Their Media Page URL

Once you wrap the link code around the picture code then hit “update” on the HTML editor, then “save” on the text editor, then “publish” to republish the article.  Now you should be able to go back to your article and see that the picture embedded in the article and the nearby text (if you chose to wrap the link around it too) is now clickable.  When you click this picture and/or text it will now send you directly to the media page for the picture which should have a well defined, keyword targeted, title at the top followed by a short description of the picture followed by ads and the picture itself.

This media page automatically links back to the article it is attached to giving you some automatic interlinking of material which is always a good thing.  And because the page is so tightly optimized for a single keyword and the viewer of the media page most likely went out of their way to see the page by clicking on the image the ads to the page should be extremely targeted and more likely to generate you income.

It takes time to add these pictures to each article but I contend that the time is shorter than producing more articles and the work to make your article look better by adding pictures helps improve the quality of your article in the first place as well as the readers experience.  And in my opinion the media pages make money per page view than the articles do anyway so it’s a no brainer in my book to send the extra time.  In the long run you may have fewer articles by doing this but your body of work will be of a higher quality and it will earn more in aggregate anyway.

As you get used to doing this then you should take this to the next step and start interlinking to other media pages which are attached to different articles as this will continually help with on-site navigation and on-site SEO.  If you are getting targeted search traffic you might as well give them more reasons to view more of your pages.  Good luck and happy linking.



Jun 22, 2011 8:08pm
I have started interlinking pictures to their media page and while I am at it fixing up old articles. I have also added a step and that is to add a related keyword text link below the image that also goes to media. I think you do something similar. Thanks for the excellent tutorial.
Jun 22, 2011 8:12pm
You are welcome Sonni, I know you'll see good results if you take the time to do this to a lot of your articles. Nice to see you have been working at this already. :)
Jun 22, 2011 9:22pm
Great job Chez. Well done as always. This is REALLY starting to pay off for me. Clicks are become the norm everyday now. Thanks again for these suggestions.

I expect to eventually make a few hundred a month alone from this. I'm stunned how HIGH the CTRs are too. I'm in the 13% ballpark this month. Pretty exciting. Can't wail till I eventually get all of my articles done.
Jun 23, 2011 12:56am
:) Love to hear it's working well for you! My media pages are earning at a rate around four times that of my regular article pages now. I'm on pace for around $70 this month on media pages alone. I haven't even come close to adding pictures to all of my articles either - this is an awesome use of time.
Jun 23, 2011 12:58am
Great article! I have been adding pictures to my articles for a week or so but this article has taught me a few things. Thanks
Jun 23, 2011 1:01am
Hope it helps out! It's a great way to break up the routine a bit, adding pics to older articles.
Jun 23, 2011 3:31am
I changed one of my articles so far to link images. I will definitely do this to more if them. Thank you very much for this tip!
Jun 23, 2011 2:00pm
no prob Ernie, you've got a lot of article to hit so don't burn yourself out. :)
Jun 23, 2011 9:27am
Chezfat, I wanted to say thanks for the ideas. I have been going over my articles slowly since the first time you mentioned this in the forum. I have always added pics but never thought about linking.
Jun 23, 2011 2:05pm
Glad to hear you've been taking action. I've found that doing this on occassion is a great way to get something productive done that doesn't require as much concentration as writing new articles. Good luck on your efforts.
Jun 23, 2011 10:05am
I have never linked my pictures like this, and really appreciate the time you spent writing this article to help the rest of us. Thank you sooo much. Now, to put this article to good use!
Jun 23, 2011 2:06pm
Yea, this article took me a while to write and put together with all the screen shots. I'm glad you like it and think it will help.
Jun 24, 2011 5:49am
Thanks a lot for this tutorial. I was really lost on how you were linking your pics in your article.
Jun 24, 2011 9:08am
I really appreciate you taking the time to document this so well. I have been adding pictures liberally since reading your original post but not I understand the link to the media page. I'm going to do this for all prior and future pictures. Thanks again!
Jun 24, 2011 9:11am
Thank you for taking the time to help all of us.
Jun 24, 2011 3:40pm
It took me a while, but my latest article has two pictures, linked as you have ably explained here. I have one question, though. I would like to edit one of the descriptions. I can't find any way to get back to where I wrote it. Assuming it's possible to correct mistakes, how do I find were to do it?
Jun 25, 2011 1:30am
unfortunately you can't go back and edit the picture description for the media page after you upload it so you have to do it right from the beginning. You can always delete the picture and re-upload it as a w workaround.
Jun 24, 2011 10:25pm
Thanks for taking the time. This article is so detailed and helpful!
Jun 28, 2011 3:39am
What a marvellous article! It took me about three tries and I don't know what I did differently the last time but I now have an 'embedded' (is that the word?) picture in one article. And it's only taken me about 2 hours. Only 200 or so articles to go. Thanks so much. The article is really clear which is the only reason I decided I'd have a try. BTW (see,I even know a shortcut thingy) how is Chezfat Junior? Cheers and thanks.
Jul 8, 2011 9:05pm
Very informative and helpful, but I am still in the dark! I'll keep trying!
Jul 9, 2011 7:19pm
Wow, this is a bookmark for sure, and of course I have to try it...THANKS
Oct 14, 2011 10:16pm
Although I am familiar with on line publishing and I write for other sites. This is the first time I have written for infobarrel. I find this article to be informative and will check back and reference it, until I become very familiar with how to place my pics on infobarrel. Thank you for the information and I will book mark for future reference.
Oct 15, 2011 6:58am
Hey this is great! Thanks. I'm clueless when it comes to editing the images. I often end uploading the same image 2x. One under media resources and another as an image module. I'll try this and hope it works. Thumbs up.
Oct 25, 2011 11:40am
Excellent article and very beneficial. Thanks!
Nov 1, 2011 7:49pm
Wow, super detailed and really helpful. I wish you were sitting next to me showing me step-by-step though..I'm useless when it comes to using code aside from copy/paste! : P

I'll keep at it though. Thanks again for such a helpful article!
Nov 6, 2011 4:09pm
Helpful article but now I need to go and put it in practice. Oh dear, I can feel a MESS coming up. Always grateful for the extra tips though.
Nov 6, 2011 8:44pm
Great tutorial. I have been writing online for years and have to admit I still have hardly a clue as to the profitability portion of it. This will be a good start for me.
Dec 20, 2011 8:33am
I love the way your tutorials are so easy to follow even for a complete newbie like myself. Thank you.
Jan 1, 2012 2:37pm
Amazingly detailed info on media pages. Just what I need.
Jan 19, 2012 4:32pm
Great article! This can be hard to do before you get pre-approved as you have to get every edit okayed by admin. :S Time to play the waiting game so I can start having some fun with this.
Jan 21, 2012 7:07pm
yeah, you basically have to wait until preapproval before doing this. It's just easier that way on both you and the moderators.
Jan 21, 2012 2:18am
Hi Chezfat, top 29 IB all time, IMHO. I was with you until the past paragraph. start interlinking to other media pages which are attached to different articles. When you say that the next step is to interlink to other media pages that are attached to other articles, do you mean adding text links in your article that lead to a separate articles media page (as opposed to a related article) or do you mean something else?

Jan 21, 2012 7:06pm
You got it Cort - upload a picture to article #1 and publish. Then in article #2 create a text link (or hyperlink a picture) to the media page of the picture you uploaded to article #1.

This is just another way to beef up your internal linking and keeps people on your pages while driving more views to media pages which earn more efficiently. Good luck!
Jan 21, 2012 4:43pm
Excellent-- I have this figured out now. I see the html option in the media description box, too. Thanks for this one.
Jan 21, 2012 8:54pm
Thank you for sharing. I wanted to link my pictures this way but never got around to it. Will be doing it here on forward.
Jan 30, 2012 1:54pm
You sir are a genius! Thanks for sharing this awesome idea!
Jan 30, 2012 2:56pm
Thanks for a super tutorial. I do upload images to all my articles but haven't yet linked them as you suggest. I've bookmarked this page and will start tomorrow. Thanks again, chezfat. You're everybody's hero!
Feb 6, 2012 10:20am
Awesome article. Will surely put to use and very much practicle. Thanks a bunch!
Feb 19, 2012 9:36am
Thanks for posting a great tutorial. Bookmarked!
Feb 27, 2012 8:41pm
Fantastic! Thank you. Thank you. Thank you.
May 4, 2012 8:43am
I'm a newbie here, so this article is particularly useful to me. I didn't do it with my first article, but I'm going to follow your steps religiously from now on. Thanks!
May 29, 2012 4:47pm
Yikes! I do what you suggest on my website but never thought to do it for my IB articles. I feel like my photos are wasted now. Gotta go do something about that. This is a wonderful tutorial for all IB writers. Thank you!
Oct 11, 2012 9:52am
Has something changed on IB since this article was written? I cannot seem to "drag" the picture in the upload media section to the text section of where I want the picture to be?
Feb 13, 2013 5:39pm
Things have definitely change. You can't drag the pictures into the article any more but there not a button that says insert I believe. When you hit the button it inserts the picture where your cursor is on the screen.

Also, more importantly, IB now automatically links articles to their media pages so this article is effectively obsolete. Thanks for noticing though. :)
Apr 18, 2013 7:14pm
Well crap, I have not been adding descriptions. I wish I would have found this article a few weeks ago. I am going through the process of going to all my first articles and adding pictures where I did not do so. Thank you for this information.
Oct 8, 2014 10:13pm
Oh my goodness! So glad I found this article. I'm new and I have a lot to learn. New terms, etc. This article really helped and I will get started on the process of linking and creating media pages.
Thanks so much!
Dec 2, 2014 10:52pm
This is a great advice. I have never done this to any of my article. I will have a lot of editing to do lol.
Add a new comment - No HTML
You must be logged in and verified to post a comment. Please log in or sign up to comment.

Explore InfoBarrel

Auto Business & Money Entertainment Environment Health History Home & Garden InfoBarrel University Lifestyle Sports Technology Travel & Places
© Copyright 2008 - 2016 by Hinzie Media Inc. Terms of Service Privacy Policy XML Sitemap

Follow IB Technology