Quick, head to PageSpeed Insight and check your blog’s speed level. If you’re like the rest of us, the images are likely playing a big part in screwing up its loading time.

And given how important image optimization is for on-page SEO, this isn’t a matter of ignoring.


For higher speed, better UX and improved ranking, let’s jump right in how to do image optimization in SEO:

1) Choose unique images

One-third of all Google searches are for images.

If you’re using the same picture that other websites – who assumingly have higher PageRank – are using, you’ll rank poorly. And even if it manages to rank high, CTR would be low.

Pixabay is my favorite choice for royalty-free images.

Also Read: JPG or PNG- Which Image Format To Use In Your Blog Posts

2) Crop its size to perfectly fit the slot

If your webpage can only fit 600px wide image but the original size of your image is 1000px, without any doubt it will slow down the loading time, even with set the parameter of ‘width=“600px”’.

So crop your original image to perfectly fit the dimension of your webpage.

ImageResize.org is a great image optimization tool for this.

3) Rename it in your local disk

Change the name of your images on the local drive. Include your primary keywords.


4) Compress it (Duh)

There are many lossless compression tools available which cut back on image’s size (kilobytes) without messing up its quality level.

Use TinyJPG or CompressJPG.

5) Remove Hyperlinks from the Image

When you upload the image to your blog, some platforms automatically create a new link to the original location of the image. If someone clicks on that image, they are taken to a new page with the full-size picture.

This is an unnecessary step, which might leak SEO juice to the individual, irrelevant image pages.

Also, at times, due to the difference in the dimension of the original and on-screen image, you can face the problem when one image is served from 2 different sources, given two links are involved in the source code. This can severely slow down the page.

So remove hyperlinks from image source code.


6) Include title and alt-text

This is quite a no-brainer. Always (ALWAYS!) include a caption, title and alt text in images.

<img alt="what are some best blogging" height="400" src="your-image-source" title="Productivity Tips for Bloggers" width="600">

7) Include Height and Width

An overlooked among all image optimization techniques.

When you include height and width in the image tag (as is given in the above example), the browser detects and leaves that dimension and continues loading the rest of the page. Meaning, the images and texts are loaded simultaneously.

However, when you leave height/width parameter out from the image tag, the browser has to wait to fully load the image before continuing to load the contents below. This delays the page’s speed.

These 7 best practices to champion image optimization in SEO. The loading time of your blog will dramatically decrease, users’ experience will increase and ranking improved.

Also Read: How many images to use in an article

Over to you now…

What is the biggest factor that’s slowing your website down?

This is a 2-minute read. For more time-saving articles, please go here
Asif Ali

Asif is a certified content marketer and professional blogger with 4+ years experience in his pockets. Straightedge, blogger and a full-time cloud-lover, find him on Twitter and Medium.

Follow Spell Out Marketing

What Do You Want To Learn?

Rank high on SERP, drive more organic traffic. Find best on-page, off-page SEO techniques and insights.

Tell Me Know More
Content Marketing

Build a sustainable business. Learn everything about content marketing – from creation to distribution.

Tell Me Know More

Become a profitable blogger. Create a blog that gets high traffic, engagement, conversion, and revenue.

Tell Me Know More
Email Marketing

Build an email list and grow your business. Find email marketing tips to get (and convert) more subscribers.

Tell Me Know More