April 2017



what is Image Optimization?

Nowadays, every one ask question like above and several other questions…

what if I do not have any image in my blog post or article?

what if do not have good or high quality images?

How to optimize images for best SEO rankings?

I answer all these question in the following article, please leave your precious review in the comment below.

Good graphics and Images can incredibly help your website in attracting users. You can use high quality images to get visitors on your website to subscribe, read, share your article or buy your stuff or services. In all these cases Images can bring a powerful attraction in your message.

Image Optimization Ultimate Guide for SEO

However, not only users on your website enjoying images, search engines such as google are also trying to put them in a rank so new visitors can find you easily. But for this, you need to do a little extra work than just putting images on your web page.

If someone is searching for the “black t-shirt for casual use”, and you just have the perfect product for sale on your website. You gather great description related to that product, but if you don’t have good images for that product or even if you have a good high quality images which is not optimized well, your images will not even show up in the search results under that keyword.

This is where SEO for images begin.

In this blog post, I’ll teach you some basics of image optimization on how you can take benefits of SEO for images.

Basic SEO Tips For Image Optimization

Even if you are new to HTML, you will understand block of code below easily. This is the basic HTML code for inserting image in a web page.


This little fragment of code will place image on your website, but it is not enough for the search engines to gather complete information. Search engines try to gather more info when it comes to any type of media attachment. It searches for the following data in terms of images:

  • Image name
  • Format/ Type of the image
  • Description of the Image
  • Size of the Image
  • Internal or external Link on image
  • Image dimensions

These are the instructions that you need to tell Google and other search engines, but you have to add more attributes to the HTML image code to do that.

Modify Your Images For Best SEO Rankings

Add Unique Images

Add Unique Image for perfect SEO

There are millions of free and paid stock photos available on the Internet. But you can’t use them in your websites due to many reasons. First, it’s copyright. You can get severe problems if you use someone’s images on your website without their permission.

The other reason you can’t use stock and google images because it leaves bad impact on SEO since Google and other search engines will rank them as a duplicate content.

Rename Your Image To Exactly What It Is About:

Try to include the keywords you’re writing about at least in one image.

For Instance, if you write an article about “how to spend a good weekend”, in this case one of the images need that phrase in alt tag, and also for best practice keep the image name same as that phrase.

So, if your target keyword is “how to spend a good weekend”, then one of those images you used in your article need to be named similar to how-to-spend-a-good-weekend.jpg rather than using some other strange name or sequence of numbers.

Add ALT Attributes:

use alt tag for best SEO practicesALT attribute is a short and complete description of your image. Also, for convenience, if the user has a slow internet connection or can’t view the image for any other reason, ALT attribute will help the reader to know what supposed to be there.

For the best SEO practices, the ALT attribute should contain your keyword or keyword phrase.

Check the HTML source code for the image with ALT attribute,

<img src="how-to-spend-a-good-weekend.jpg" alt="how to spend a good weekend"/>

Add TITLE Attribute:

The TITLE attribute is usually used for image title. When some put mouse on an image, image title will popup. Title attribute should contain the keyword or keyword phrase for best SEO and search engine rankings.

Here is the simple HTML code example:

<img src="how-to-spend-a-good-weekend.jpg" alt="how to spend a good weekend" title=" how to spend a good weekend" />
image title and alt tag details in WordPress

Note: the TITLE attribute is not going to improve search engine rankings just like ALT tag did, as the content provided by this attribute does not get cached in google and other search engines.

Use Relevant Anchor Texts On Images Link

For instance, if you have a separate landing page for the “extra small t-shirt”, the anchor text needs to be something like “extra small t-shirt for kids and babies”.

The above point will perform two things: first, it provides handy information to visitors; second, it provides proper keyword rich data to search engines bots.
Here is the simple HTML code example:

<a href=""> <img src="extra-small-t-shirt.jpg" alt="extra small t-shirt" title="extra small t-shirt"/> </a>

For anyone using WordPress, it allows you to insert images and other media, as well as specify things like ALT, TITLE, and description of the image. If you are using WordPress as a CMS, do take benefits of that feature when uploading images.

Scale/ Resize And Compress Image

Using large image is a big risk for website loading time optimization. For example, if you need an image 240px by 240px but the actual image you are using for that potion is 800px by 800px will increase you page weight. This will ultimately increase page loading time.

Check your website report on for scaled and optimized images.

Use Photoshop or any other tool for scaling and resizing your website image.

You can also perform image optimization without losing quality on

compress and scale images for best SEO

Create An Image Sitemap

Generally sitemaps are used for helping search engine bots to better index your website and find info on it easily. Adding an image sitemap will also help your website SEO and make your images appear on top in Google image search result.

If you are using WordPress, Yoast SEO plugin can help you better in creating image sitemap automatically.


For sure, there are so many other On-Page SEO tips you can use for better rankings, but these are the most important when it comes to image optimization, after this you may not need to do more SEO work on your images.

In short, choose your image wisely and make sure it is high quality image and related to the content you’re writing. If it’s not related, your readers and visitors will not connect. The image is a representative to help attract people to the content, while also giving them a graphical idea of what the content is all about.

Don’t forget to test your images and their impact on website loading speed, SEO and traffic. Because image is worth a thousand words, but never neglect your text content. A sensible use of both the content and images will bring a perfect result.

This article is the complete guide for image optimization. Please share it as well if you found it good. Also, if you have any questions or queries, you can leave us a comment or contact us via our contact form.

web Design

In order to make websites user friendly, features like headers, banners, sidebars, social media boxes, pop ups, and comments were introduced and became hugely popular. For some years these were trendy and every website followed them. However, all these ended up in making websites cluttered and misdirected. There was no focus and the actual purpose of brand creation remained largely unfulfilled.

In this year, a conscious shift to basics is noticeable. The trend began towards the latter half of 2016 and is expected to intensify during the course of 2017. Once again the emphasis is on content creation. Informative content written in a lucid manner is now the prime concern of custom website design services in the UK. Studies have revealed that websites containing informative content are visited more often. It needs to be noted that visitors refer to websites in the hope of getting proper information. So, it is always advisable to have websites that carry genuine information.

Creative heading and sub-heading styles

A lot depends on the style of headings and sub-headings of your content. Having sub headings is necessary as it not only breaks the monotony of reading but also assists in remembering important points. Remembrance becomes easier when title and sub-title styles are imaginative and unconventional.

No more flat designs

A vital aspect of customisation is innovation. Web designers are gradually steering away from stereotype and anticipated web designs and themes. Aesthetics based on geometrical patterns, and shapes is the latest trend in designing this year. Flat designs are failing to generate enough interest among viewers, and hence are not gaining enough popularity. Use of lines has become noticeable this year. New geometric shapes like hexagon, circle, and star are being used for images.

Imagery in duotone gradients

A novel idea of introducing newness in web pages is introduction of background colours in dual tones and that too in a gradual basis. This change in colour tone from light to deep could be done laterally or vertically. Either way it is innovative. Duotone sets up a dramatic appeal for any web page. Just by introducing dual tone and without settling for elaborate designing techniques your web page could become distinctive.

Use of hand-drawn elements

The use of hand-drawn elements could add a personal touch to your web pages. These elements could be fonts, graphics, buttons, or icons. It is very rare to see hand written characters or letters in a web site. And once they appear, they are certain to draw viewers’ attention.

Greater emphasis on landing page

Many web design agencies in the UK have made a conscious shift in designing their websites. It is a normal tendency among designers to make home page their landing page. The concept has changed as home page is just an introductory page and does not contain much information. In this New Year more stress is being given to landing page as this is supposedly the most attractive one of your website.

Thinking of viewers have changed and hence it has become necessary to make conceptual changes in web designing and development.