Inbound Internet Marketing Blog

SEO, Blogging, Social Media, Landing Pages, Lead Generation and Analytics

SUBSCRIBE

The HubSpot Inbound Internet Marketing blog covers all of inbound marketing - SEO, blogging, social media, lead generation, email marketing, lead nurturing & management, and analytics. Join 53,183 others and subscribe now!

Subscribe to RSS feed Add us on Facebook! Follow us on Twitter

Get Free Marketing Info!

Get the world's best marketing resources right to your inbox! Join more than 817,000 inbound marketers!

Subscribe by email

Your email:

Listen to this blog!

HubSpot's Inbound Internet Marketing Blog

Current Articles | RSS Feed RSS Feed

5 Ways to Optimize Images on a Website or Blog

 

.

There is no doubt that images on your website, in addition to content, can enhance your SEO - if done right. Just like content, Google can index images and make them available in organic search.

Here are 5 things to keep in mind when working with images on your website and blog.
 

1. Pick an Appropriate Image

When selecting an image for a website page or blog post make sure that your image relates to the content, topic and theme. An image can help to visually relay a message and at the same time draw in your readers. The image doesn't necessarily have to relate to the content literally, it can serve as a creative interpretation, a way to generate curiosity. So next time you add an image, give it some extra thought.

2. Name the File Appropriately

Sticking with the theme of your content, pick a related keyword or keyword variation related to the content of your blog post or webpage. This has become more important with regards to how images are ranked in search results.

Many users commonly will name their image "pic1.jpg" or "logo.jpg." Are you guilty of that?optimized blog image file name

In this example a website was generating a lot of traffic from Google Images for the keyword "handcuffs," which is odd because they are neither in the law enforcement field nor in the kinky toys business. What had happened was that a blog post about how reduced budgets were handcuffing you to goverment used an image of handcuffs, which worked in this context, but was just poorly named. Note that Google in this case is citing the "location", aka file name as associated with the word "handcuffs."

Clearly the intent was not to generate a lot of traffic for the word handcuffs, however, since Google has to rely on textual cues as to what an image is about, you have to be as clear as possible about how the image relates to the content. By the way, notice how not a single visitor converted from that traffic source (and more than likely they won't) because those users are not the target/intended audience.  

3. Apply Alt Text

This is the name that will appear in association with the image. It's an additional way for search engines to identify what the image is about. Be sure to be descriptive with this text, as well, and do not overstuff the alt text with keywords. The point is to be clear and descriptive as to what the image is about and how it relates to your content. Generally this can be conveyed with five words or less.  

4. Image File Size

Most users like to view larger images, don't make me squint. However, it's important to keep a balance between an image being large enough and enjoyable to view, while at the same time not being TOO large. First option: Resize large images before uploading and inserting them. Just resizing an image within your blog does not reduce the file size enough. A file size of an image should be under 25k. Note that you can see the dimensions of an image through the image source and see that even when it's scaled down to a thumbnail it is still rather large (see dimensions of the first image above). Second option: Ideally the image would have been resized rather than scaled down. If you can edit the HTML of an image, it should instead appear as <img width="106" height="72" src="name.jpg" alt="name" />. Here you are indicating the precise size of the image through HTML, which is clearer for search engines this way and overall helps with page load time.

5. Maintain an Appropriate Image to Text Ratio

Your blog posts and your website pages should not be cluttered with images. Simple rules! Now, imagine if none of those images on your website were visible. Does your content still convey the message without them? The best practice is to have at least one image above the fold, typically aligned on the left or right so that the content wraps around your image, and your content can shine.

Marketing Takeaway:

  • Use your content with complimentary images to convey a concept or story.
  • Focus on your target audience/user first and foremost.
  • Be clear and descriptive, with content and images.

Free Download: Website Redesign Kit

website redesign webinar

Posted by Rebecca Churt on Thu, Apr 21, 2011 @ 03:00 PM

COMMENTS

Excellent tips, Thanks!

posted on Thursday, April 21, 2011 at 3:14 PM by Heather Hinman


Alt text was never enough! :)

posted on Thursday, April 21, 2011 at 3:23 PM by Kirill Kononov


Thank you, HubSpot. I can't think of anything else I could do to optimize an image. I would, however, encourage creativity with fresh, original art rather than the boring, copied or stolen images we see too often.

posted on Thursday, April 21, 2011 at 5:59 PM by Matthew Foran


What would I do without you hubspot. Also, what online programs do you like to use to reduce image size? Picnik?

posted on Thursday, April 21, 2011 at 7:15 PM by Suzanne Delzio


Wow, I had no idea you could optimize your images, I'm just starting out my blog and this will help a lot! 
 
Zach

posted on Thursday, April 21, 2011 at 7:17 PM by Zach Crawley


Thanks for the title tip. I don't leave them as a jpeg but I could focus a few seconds to optimize the opportunity! I enjoy all your tips thank you!

posted on Friday, April 22, 2011 at 12:28 AM by Jacqueline Way


Awesome tips and steps on how to optimize each image. Definitely learned something valuable for using image for SEO today.

posted on Friday, April 22, 2011 at 2:07 AM by Free Landing Page


It seems like common sense, but your first point is one of the most important. We are constantly making snap decisions where we spend our time, and the right image will help your reader commit to spending time with your article. This is expecially true if your image can affect the reader's emotion.

posted on Friday, April 22, 2011 at 6:55 AM by Dale Bohman


This is so funny, I just wrote a post on optimizing images! Just had a client question asking how to optimize images, and I used an example from the Wordpress platform: optimizing images is a great way to optimize your site! 
 
http://www.realestateseo1.com/image-optimization-strategy-client-qa 

posted on Friday, April 22, 2011 at 9:55 AM by Ashley


Oh wow. I do a lot of this already, especially the naming and alt/title tags. It's kind of a compulsion, hahaha. I always knew that alt and title tags were good for keyword optimization, but I never thought of the actual image file's name itself. Now it's probably going to be even more of a compulsion! (;

posted on Friday, April 22, 2011 at 2:17 PM by Elizabeth Kaylene


Great information. Seems like images are quite the buzz right now. I wrote about it recently, too. 
http://www.inbeautephoto.com/Blog/?p=835

posted on Friday, April 22, 2011 at 3:23 PM by Wendy Blomseth


Great tips. Especially the sizing of picts is important today - with google policing the loading speeds of websites!

posted on Sunday, April 24, 2011 at 2:29 PM by Paul at Novascotiabiz


Thanks for the awesome tips and information. Especially the title tags.

posted on Sunday, April 24, 2011 at 11:28 PM by Nelly


It's the simple things like naming the image file that people always seem to forget. 
 
As well as an alt tag, use a title tag too

posted on Monday, April 25, 2011 at 5:33 AM by Mack Michaels


Comments have been closed for this article.