| Home| Personal BLog| Compositions| Health Avenue|Places| UnEditedMe| Philippines|Monk|

Wednesday, November 26, 2008

How To Link and Properly Tag Photos for Keywords?

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.

enlarging images, how to make photos look bigger in blogs, making photos and images look bigger, resizing image in blog posts, resizing photos, bigger blog photos, bigger blog images, bigger blog pics, bigger photos in blogs, resized blog photos, blogging tips, photo tips, photo techniques in blogsYou 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

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.

enlarging images, how to make photos look bigger in blogs, making photos and images look bigger, resizing image in blog posts, resizing photos, bigger blog photos, bigger blog images, bigger blog pics, bigger photos in blogs, resized blog photos, blogging tips, photo tips, photo techniques in blogs
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.

enlarging images, how to make photos look bigger in blogs, making photos and images look bigger, resizing image in blog posts, resizing photos, bigger blog photos, bigger blog images, bigger blog pics, bigger photos in blogs, resized blog photos, blogging tips, photo tips, photo techniques in blogs4. 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.

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


  1. great tips, rogue.

    re PP, the "blue link" in my post wasn't my affiliate link, only the image. but it's okay, rogue. thanks a lot!

    good night now! :)

  2. Wow.. Thank you so much for sharing this information. I have been looking for something like this for quite sometimes now. I noticed that there are people who came to my site by googling my images. But I don't have any idea how they find it. LOL. Thanks again. Nice job :)

  3. super galing mo naman sa mga ganito sis, ala ako tyaga hahaha... but thank you for sharing it with us, natututo na ako kahit konti lol..

  4. wow anothe fine and useful post for a blogger like me hehehe... wish I am like you when it comes to wbeestuff like these..

  5. @Lynn,
    I still hope i can get through them to tell u referred me... ill contact them.

    That's flattering huh, thanks.

    @Rose n John,
    Thank you two, for all the undying support! ^^

  6. I tag my photos with keywords and get traffic coming from google images because of it, I don't link any url to the photos will have to read your post again to understand whats going on there.

  7. I think I got what you mean. I also named my photos with "keywords" for my recent posts and it pays off well with the image results from search engines.

    Yeah I hope you get into top100k by end of the year. Btw, as a guideline for me, how many unique visitors do you get per day to achieve your current Alexa result?

  8. WOW,...pretty much interesting.. that's what i did before but for some reason that i get tired of uploading yet getting the link...somehow change me from doing it.. now that you shared it.. i'll certainly go back the way i used and kept doing it.. thanks rogue...

  9. I had always wondered what the use of the tag feature was?

    Now I understand its true power. I use a lot of pics on my blog. Now I will be intelligently tagging them.

  10. Great post and totally agree tagging photos and images with relevant keywords is vital for any blog or website.
    Importantly to also remember is the Google image search feature - A Qs we should all consider can my blog/website pictures be found?

  11. Thanks for the visit, appreciated. Yes, some of the pictures were taking from the car while moving, thus some blurring as we crossing the bridge.

    I've recently read about using alt test for pictures and have done some on my blog manually. Then decided to try photobucket, because I thought I understood they were already coded with alt text. I've only used photobucket twice and find it a little longer, loading pictures there then using html code to place on blog. Today after doing that, I clicked on a picture to enlarge and was taken to photobucket which hum...made me wonder. So, if I'm understanding what you're saying in your post (sometimes it takes me awhile to get the hang of things), I use that code; but plug in my blog url instead of the photobucket url? Specifically the url of the post? Which brings up two questions. I kept looking at your codes and think I'm a little fuzzy, 2nd...until the blog post is published I don't actually have an exact url...do I?

    Now I thought I could cut and paste the url from one of the pics here for you to see; but I'm not sure you'll see the code, perhaps it will make a link, or photo? I'm not sure so am trying it

    deleted code here


    hum ok, get error message that says html cannnot be accepted, target is not allowed, do am going to try to insert my url to see if I'm understanding what you're saying.

    2nd try says html cannot be accepted tag is broken

    deleted code here, wouldn't let me post

    could I ask for your help via email? sandycrochet@gmail.com I'm really anxious to get this.


  12. Popping back in, wanted to tell you I was successful following your directions; check out my photo's now, when you click on them you stay on my page rather than going to photobucket. Love learning new things. Thanks so much.

    I didn't change the size because I had selected medium I think when on photobucket when I uploaded them. Normally I would edit on my computer then upload via blogger. So this was an experiment, not cropping etc. I like cropped pictures to get out some backgrounds etc. so guess I could still do that.

    But, I still have one question for you. Since this post was already published I could get the url of the post to add to the html for the pictures. How do you do that as you're making the post? Is the process still after the fact, like the way I did it? Make your post, publish, get url, then change html?

    Thanks again, I bookmarked you on delicious, but being new to technorati, need to look at that. Will try to do it there as well.

    Hope you'll be a frequent traveler...the suitcase is always going somewhere.


Leave your comment and I will get back to you. I suggest if you want me to comment back on a specific post of yours, use the "name/URL" option and put your exact link so that I will be on that post and I can share my views through your comment form immediately.

Don't forget that unrelated or irrelevant comment to any post will not be publish.

Check the following out as well:
My original writings as both an author and a poet
Some of my travel logs
Just trying to be healthy
Be a Webbie individual: check this out
Personal Site
Photo n Personal WebSite

There was an error in this gadget