How To Add Photos To Your Blog

Photos are an integral part of your travel blog. They add depth to your chosen topic and not to mention can work at filling your posting schedule if you are running short on time (that’s the excuse we use isn’t it). This is more a best practices post than a specific tech post but I’ve seen this done so often I wanted to have a little rant today because you really are missing out on good search traffic and I want to help you.

By default my digital camera saves files in a format that looks like this “P1050801.JPG”. Your camera most likely saves it in a similar in comprehensible format I’m sure. If only our cameras were smart enough to know what you were taking a picture of and name it accordingly I’d never have to write this post.

With that file most of you budding travel bloggers simple upload it straight away and hit the publish button. It’s at this point that you have added extra load time to your blog as well as lost out on valuable search traffic.

Forget your current regime of adding photos to your blog, here is the process I go through when uploading a photo to my blog that most people don’t do.

  • Resize photos to reduce file size
  • Save picture to suitable named file
  • Upload and fill out details on WordPress

Resizing a Photo

This is key as it saves you from uploading a 3MB file that can instantly slow down your blog load time for each and every visitor. The process varies depending on both the computer you use (Windows vs Mac) and the software you actually manage your photos with. I’m far from a pro so I suffice with using iPhoto on my Mac to handle my photo collection. I could also use Picasa (free software) which runs on both Mac and Windows or many other alternatives. Even the software that come with your camera should be capable of this task.

In a sense resizing a photo is shrinking it down from poster size to something closer to what will appear on your blog. As a general rule I normally size my photos down to 640×480 (medium setting on export from iPhoto) which is a little larger than what my blog can display. This will take the standard 3-5MB file down to something under 100KB which is what you want to be looking for. You can also reduce the quality of the photo slightly which drops the size down and only the experts will pick it out. Combine this with the plugin Smush.It I mentioned on my simple speed up your blog tips to reduce the size even more.

The only concession here is if you are serious about your photography and are posting large full screen images for maximum impact. I don’t need to explain the details to you folk as you probably can recommend some tips of your own for everyone here.

Saving Your Pictures

This is so simple I don’t know why everybody isn’t doing it. Before you upload your stunning shot of you on a beach in Australia or capturing that beautiful Tuscan sunset just stop for a second. Click on that horrible filename (remember P1050801.JPG) and hit RENAME, please for the love of god hit RENAME (I’m sure you kill a fairly or something every time you don’t do this).

In a couple of words that photo of you in Australia becomes RelaxingOnBondiBeach.jpg and that sunset becomes BeautifulTuscanSunset.jpg. Which do you think google will love you more for?

You see the big Google beast is smart and it uses these descriptive file names and indexes them for later. This way when little Jimmy searches for photos of people relaxing on Bondi Beach he finds your photo and your blog. Who on earth searches for P1050801? It’s a basic SEO principle, name your pictures like you would your post titles, Get It?

Also make sure to not include spaces in the photo names. It adds extra HTML characters to the name which can in some instances cause problems.

Uploading Photos to WordPress

I’m sure most of you know how to upload photos to WordPress but what I’ve seen so so so many of you not do is fill out all of the details correctly. For reference here is a photo I uploaded to recently.

How To Fill Out Word Press Photo Settings

Default settings require you to fill out the Title attribute but so many people enter some generic text that might as well not be there. Either use the same keyword rich name you gave the file in the last section to keep everything uniform across your site or vary it slightly. Looking at that picture I could have been more specific on the title but as it was my header picture it loses some of its effectiveness.

What so many people leave empty however is the Alternative Text field. This is just as important because if your photo fails to load for some reason this is the text that will appear to describe the image. It is also a key factor in making your website as accessible as possible to everyone. I say this because screen readers for the blind will use the ALT Text to help explain what the photo is to them. So in this field using a short sentence describe the photo for your readers.

Don’t forget Google either they read this bit of text as well to help people find your photos.

The Results

These three easy steps can not only help improve the load time of your blog but also open you up to an enormous amount of search traffic. As a travel blogger you are in the driving seat with amazing photos from all over the world that people are jumping over themselves searching for on a daily basis. Make their task easy and spoon feed Google exactly what they are searching.

It really is a hidden amount of traffic that so few travel bloggers pay enough attention too. Oh and this isn’t just limited to new bloggers either folks no no, some of my favourite blogs I follow have great photos from all over the world are they worst at this. Featured photos that would take your breath away are missing out on extra search traffic because they didn’t take the 2 minutes to name their files correctly.

Why go to all the trouble of writing the perfect post that will be a hit with Google and then let yourself down with those couple of photos that add the extra oomph to your piece. If you don’t believe me watch your search traffic after you start doing this, I bet you start seeing hits from google image search and other similar sites more and more over time.

Share and Bookmark >

Free Blog Updates

How To Add Photos To Your Blog

19 Comments So Far, What Do You Think?

  1. Awesome article, you really put a lot if thought and effort into it! This will help a lot of travel bloggers, actually any bloggers and new web designers that use photos online.

    Catia May 3, 2011 at 2:21 pm #
    • Thanks Catia I try and make these posts as helpful as possible. Hopefully some people well get some tips out of it.

      Chris Richardson May 3, 2011 at 2:41 pm #
  2. Good tips, practical, and something everyone who has a blog should know. Now, you just need to give some tips on how to host your photos on a site other than your own to help increase page load time and this will be complete! 🙂

    Jeremy B May 3, 2011 at 3:24 pm #
    • Thanks Jeremy. Tips on hosting your photos offsite are coming soon so don’t worry.

      Chris Richardson May 3, 2011 at 8:50 pm #
  3. Great article. For any travel bloggers using large or multiple images in posts, I highly recommend the WP plugin (WordPress). It reduces image file sizes in the background, working as you upload a photo (and it doesn’t reduce the image quality, at least not noticeably). I tried it out on my test blog first, and then soon added it to my main Peru blog. It can make a big difference with page load times.

    Tony @HowtoPeru May 3, 2011 at 3:51 pm #
    • Thanks for the comment Tony and yes I agree with you about the Smush.It plugin, its a great plugin everybody should install.

      Chris Richardson May 3, 2011 at 8:51 pm #
  4. Thanks Chris, I thought it was enough to simply put in a suitably descriptive title and alt tag text, didn’t realise that the actual filename counts too. When re-sizing should you simply put in 640×480 in dimensiosn box or does it vary depending on size and shape of the image?

    Jools Stone May 4, 2011 at 12:32 am #
    • Jools resizing will depend on the photo as a widescreen shot is obviously not suited to those dimensions. The idea is more just to get the picture down to the size you want it to appear on your blog before you upload it and not after.

      Chris Richardson May 4, 2011 at 9:19 am #
  5. Thanks for the kick in the butt on the alternative text 🙂

    Kit Whelan May 4, 2011 at 10:03 pm #
  6. Great info! I had no idea that there was so much to it. I’m glad I know now… I’ll be sure to follow these steps from now on as they do seem pretty simple!

    Annie May 5, 2011 at 3:10 pm #
    • That’s in Annie, this stuff isn’t difficult so everybody can do it.

      Chris Richardson May 7, 2011 at 2:38 pm #
  7. Prob a dumb question but if I’ve already uploaded pics with a bad file name, can I just edit title within wordpress or do I need to rename and reupload file?

    Mike May 9, 2011 at 8:22 am #
  8. Hey Chris,
    As always, an excellent post.

    I have 2 questions …
    a) Is it better to upload the pictures to FLICKR and then embed it into the post OR
    to upload it directly?
    In my case I have lots of pictures on my blog …

    b) When I upload pictures in my post (or embed) it is never WYSIWYG … Is there a plugin to improve this part?


    Madhu Nair May 24, 2011 at 5:24 pm #
  9. Chris, I’ve always worked on photos in Picasa, uploaded them to Flickr with the Picasa to Flickr program, and then used the code from Flickr to insert photos into my posts. When I initially read this post, I assumed captions I gave photos in Flickr would transfer in the code — they don’t (instead it looks like it becomes the alt text, which is good to have too). What do you recommend…I always upload photos to Flickr so that’s going to happen no matter what, but when it comes time to write a post, should I go back to Picasa and upload photos to WordPress from there? I was trying to save time with copying and pasting Flickr code, but sounds like I might want to rethink my method.

    Heather May 24, 2011 at 7:19 pm #
  10. Sounds time consuming.
    But I’ve only written a single post this month 🙁

    Ian [EagerExistence] May 26, 2011 at 11:15 am #
  11. What a thorough post, Chris! Thank you! I really need to make a habit of saving photos with titles as soon as I load the onto my hard drive. It would make it so much easier to sift through and look for the right photo in the future. I waste tons of time searching, so I’m totally with you on inventing awesome software that can title my photos all by itself! =P

    I’m also recently using keywords in my photo titles as well! It seems to make a huge difference! =)

    Samantha Bangayan August 27, 2011 at 9:28 am #
  12. Excellent post and very useful for us!

    Sujoy Das October 15, 2011 at 9:39 am #
  13. Thanks for post. İt really worked on my wordpress blog. Thank you very much.

    marmaris otelleri November 6, 2011 at 12:48 pm #
  14. hey hi .. is this work with wordpress 3.2.1 cause ı d try some plugins for my wordpress web site but cant upload photo.. dunno why ?
    please check my site


    gulet charter November 28, 2011 at 12:24 am #

Leave a Reply