After very detailed discussion on how to resize photos, be it enlarging or reducing the size, I am back here with another topic on blog images. This time however, this will be on linking the photos and making useful tags on it. Why am I sharing this with you? This is because I really found this useful for your photos, especially if they are unique, to be searchable and when it can be searched and if the description is correct, people searching from the search engine would then click it, AND if it is properly linked, a click from the search results would mean a click to your page. And what does that mean? A click to your page means improved traffic and better blog health. We all want it.

You can see here the difference between the raw code that was pasted and what I exactly used in my blog. The blue text means they are original from the copied code while the RED texts indicate the possibility of resizing (adding that code)to the original html code.
The color MAGENTA texts indicate edited link (where the page will open once the image is clicked) and the words after the alt indicates the keywords or tags..

I am using blogger platform for all my blogs so I am more familiar how it works when linking and tagging photos. However, if there is a photo or image hosting website where the photo was originally uploaded (such as flickr or photobucket), or, if it is allowed to copy the url of the originally web published photo, the process is even simplier. Putting images or photos in the posts can either be done manually by typing the urls and codes or by copying the codes and pasting it in the post editor of the blog or the website. I prefer copying the codes directly and then adding/changing some more items if it is necessary and would prove helpful, such as the alignment, size specifications, where it is linked and adding the tags and keywords.

In summary, what are the benefits of tagging and linking photos and images?

1. Photos or images becoming indexed searcheable.

2. Searched photos will lead to the linked page

3. Linked page opened is another increase in traffic

4. A well written article about the photo can hook the searcher giving way to increased readership

5. Linked page will be indexed easier as well because the images' keywords are pointing to that certain page/link. The following images and captions will instruct the procedures in linking and tagging images.

PART A: Using Image Hosting Sites/Services


1. Upload your image

2.In case of photobucket, the name automatically becomes part of the keyword/tag in the codes, so if you put all the tags and keywords in the name field (in photobucket), each tag/keyword separated by comma, no further manual tagging is needed later on.

This is the image and the possible links for various usage. Just copy the link you want at the "Image Link Code" and paste it in your post. You may copy it as well from the album summary but I clicked that photo from my album to put emphasis on it and where the codes can be found. I use the html code rather than the other three because of practicality and ease of editing because html code is more complete than any of the others.
3. See the generated code, copy and paste it into your blog post. I suggest you copy the HTML code over the others because only a little revision is needed when the html code is ready. The same is true with other image hosting services, if the html code is provided for the image, better choose it.

4. Replace the reference url with the specific url where the image/photo is located Do not only use the main url such as "http://www.webbiestuffs.com" but use the very exact url where that image located. Like the image you see below, when you click it, it will direct you to the exact location where it was originally posted, and there, aside from the image, an article was also written and that is where readership is increased through images. http://www.webbiestuffs.com/2008/10/how-could-it-happen-i-am-not-that.html

5. You will see that the contents of the alt= " " should have been the tags that was previously enteres as the title of the photos in photobucket upload. HOWEVER, if you have not used the photobucket service, the alt=" " area is the place to put the tags and keywords that you have for the image. Just insert your tags in between the (open and close) quotation marks. Just like the photo you see, the tags are: "Blogging, Page Rank, SEO, Site Traffic, Technorati" or anything relevant to the photo or the article where the photo is located.

PART B: Uploading Using the Blogger Photo Uploader

1. Upload the photos/images

2. Look for the code and if you want to make it look bigger (than the blogger's large image) or, if you want to make it smaller than the blogger's "small image" or, if you want to put specific dimension, refer to this post on resizing images.

3. The same procedure as above on replacing the links and tags, your cue is on the beginning, replace that