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

I want to learn about...

On-page and off-page SEO techniques and stratgeies to champion search engines.

Know More
Content Marketing

Learn how to use contents to generate traffic and build a lasting business.

Know More

Bring out the (super) blogger inside you that engages audience + generates revenue.

Know More
Email Marketing

Build a list of subscribers-cum-fan that adds sustainability to your business

Know More
Home | Start Here | Tools | Quick Read | About | Contact
Terms of Use | Privacy Policy | © 2019 Spell Out Marketing