How To Optimize Images For Better SEO

Optimizing your website or blog images for SEO is one of the significant factors in on-page optimization. A blog post without an image is like a bank without cash. An image can convey the idea of the post to readers before they read it. On the other hand, if you use an image without sufficient attention, it will affect your web page badly.

A carefully selected and optimized image can increase the time readers spend on an article or post and drive a huge amount of traffic from Google image search and other search engines.

There are some bloggers who don’t pay attention to optimizing the image, without knowing it can drive traffic to the blog. If you’re one of them, then the guide below will help you make up for that problem.

Image Optimization For SEO Techniques

# 1 Add Relevant Image

As I mentioned above, you have to pay attention to properly selecting an image related to the web page content. From the image itself, the visitor gets an idea about the webpage and they feel it is a professional website, which helps you to earn a good user experience.

Using images on your blog, you have to be vigilant. You are not allowed to use any copyright protected images from Google image search. You could face trouble later on, when the owner of the image finds it out and he can take legal action. But you don’t need to worry about it, as you can get royalty-free images from the following sites. –

You can get many online graphics tools like Stencil, which help you to create awesome images as per your requirements.

# 2 Use Suitable Image File Name

Before you upload an image to your server, the first thing to do is rename that image to a descriptive name that includes keywords you want the image to rank for.

A filename is a good place to hide a keyword, since only the search engines can see it. Having your keywords in your image helps tell the search engines what your image is about.

This is especially important for images you download from the internet and that you use out of context. If you leave your image without a relevant image name, you are leaving an opportunity for one more use of your keyword on the table.

By default, an image file name will be like this: image645.jpg. Web crawlers and bots identify everything if it is text-based.

From the reader’s viewpoint, a proper image filename may not make a huge difference. But from a search engine viewpoint, it makes their work easier to know about the page content.

#4 Write ALT Text

It is the short form of alternative text. In short, it gives a description of what an image is about.

This is another way of emphasizing your keywords without making your post unreadable. Like the filename, the alt text is typically unseen by your readers unless the image is unavailable.

An image without Alt text can not be read by the search engines. If you enter a relevant Alt text, search engines are able to understand the image details like where the position is and what the image is about, which is good for your site’s SEO.

These scenarios demonstrate when alt text is used:

  1. A linked image is taken down, so the alt text appears in its place.
  1. A visually impaired user is using a screen reader to read your post and can not read non-text content.
  1. A search engine spider is indexing your image, and since it can not see the context of the image, it needs the alt text to describe it.

In this post we are focusing on scenario number three, which has search engine optimization implications.

If you would like to use HTML, add alt=”enter alt text” to the image tag. Check the below example –

<img src=”speak-english-fluently.jpg” alt=”how to speak English fluently”/>

For a WordPress website, you can use the SEO Friendly Images plugin to add an Alt tag to your images.

Here are some best practices for using alt tags:

  1. Naturally, describe your keywords. Don’t just stuff them.
  1. Make it as keyword rich as possible.
  1. It should be brief and to the point.

# 3: Add long descriptions

Like an image alt tag, long descriptions (longdesc) provide contextual information about an image.

If you have an image of a child crying, there may be a lot more to say about the crying child than ‘child crying’, which you may have added to the alt tag.


You may want to add why the child is crying, who is with the child in the picture, where they are, and so on. All those details may struggle to fit into an alt tag, but would naturally fit into a longdesc.

To add the image long description to an image, you have to use the longdesc tag and add the url of the page that describes the image in detail.

<img src=”https://www.codingace.com/seo.jpg”

alt=”crying child” longdesc=”This is a sample text” />

#5 The Format of Image

Usually, we use four image formats – JPEG, PNG, WebP, and GIF. Each format has different features. Let’s check what the differences are.

JPEG (JPG) – JPEG is one of the extensively used image formats and it compresses an image to a smaller size. Even though we don’t feel any loss in the image quality, it does lose a little bit. Since it takes less time to load, most bloggers use this format.

PNG – PNG provides high-resolution images even after compression. But in terms of file size, it is larger than GIF and JPG. The PNG format is the best choice for those who are looking for a high-quality image or images with a transparent background.

GIF – The GIF format is widely used for small-sized images. It supports animation and transparent backgrounds. Due to the limited range of colors, it can not be suitable for big images.

So we can conclude that the JPG format can be used for photo purposes. If you want high resolution and web graphics images, then you can go for PNG and GIF.

# 6 Image Size

The loading speed of your site is a vital factor for search engine ranking. Adding large-sized images to your blog posts will slow down the page loading speed, which will have a negative impact on SEO and reader experience.

Make your images as small as you can without affecting the quality of the image.

Another important tip is that you should not allow a browser to do image resizing for you.

When you add a smaller height and width size that makes an image look smaller than its actual size, the large image is loaded first, before the browser applies the resize.

A CMS like WordPress has the option to resize the image using the post editor even after uploading the original image. But still, the original image is saved on WordPress. That will slow down your site’s speed.

There is no specific size to optimise your images for search engines. But always try using small images in a photo editor like Photoshop before adding an image to your blog post. For WordPress users, you can use the Smush.it or Shortpixels plugins to reduce the size of the image without losing its quality. Online tools like PicMonkey help you re-size images.

# 7 Submit Images to Your Sitemap

We all know that a sitemap makes it easy for search engine spiders to crawl your web pages and get them indexed quickly. So we generate a sitemap for our blog and submit it to different search engines’ webmaster tools accounts.

Since images play a key role in driving traffic to your blog, you need to make sure all images are getting indexed. You can use the Undira All Image Sitemap plugin to create a sitemap for images and submit them to various search engines. This is also a best practice for image SEO optimization.

# 8 Add Captions

Captions are the text descriptions that can be seen just under the images in your blog post. Even though you don’t get any SEO improvement, a compelling caption can get your reader’s attention and increase reader engagement.

Opportunities to optimize that image start from the title of the page, headings used on the page and text used above and below your image. The more relevant your content is to the image, the easier it is for the image to rank.

Don’t get excited and spam your content with keywords all over the place.

If you are writing relevant content just to please the search engines, then you are doing it wrong.

Let’s Wrap It Up

In order to gain the maximum SEO benefits and drive traffic to your blog, not only focus on optimizing articles, but proper image SEO optimization is very crucial. In the beginning stage, you may feel overwhelmed by all the above-mentioned steps. But gradually it becomes simple and you will see a positive outcome.

Add a Comment

Your email address will not be published. Required fields are marked *

ABOUT CODINGACE

My name is Nohman Habib and I am a web developer with over 10 years of experience, programming in Joomla, Wordpress, WHMCS, vTiger and Hybrid Apps. My plan to start codingace.com is to share my experience and expertise with others. Here my basic area of focus is to post tutorials primarily on Joomla development, HTML5, CSS3 and PHP.

Nohman Habib

CEO: codingace.com

Request a Quote









PHP Code Snippets Powered By : XYZScripts.com