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.
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.
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”.
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.
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.
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.
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.
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.
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.
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.