Image optimization tips

Image optimization tips for online shopping portals

image 1

Image optimization plays a vital role for a successful online business. If your images are optimized then your product will have good chance to end up in front of a customer when people search for a product online.

Some of the tips for bringing your images to display in Google image search.

1. Optimize image names
If you have hundred of photos in your store then optimizing each one is a daunting task. In the same manner the introduction of right propotion of keywords in the content of a web page can help that page rank for the keyword in the search engine the right use of keywords in your images can help them rank better.

The file names of your product images should be descriptive and have the right amount of keywords. Consider the

  • Image file name
  • Image alt tag
  • Image name

image 2

There are few variations that you could use to name this file but it is better practice to look at your web analytics to watch how your customers are searching for the product.

The alt tag for the image is also important since a browser will display the alt text when the image can’t be shown properly.

Every image should have a relevant alt tag. For simplicity you can use the file name for the image alt tag without any hyfens.

2. Optimize image load times.
A larger load time can cost you to keep your website away from customers. According to studies consumers wait for about 5 seconds before leaving a website. On the other hand desktop users are less patients and wait for about 3 seconds before leaving.

The larger the files size the larger time will it take for the page to load. For this you can decrease the size of each image be compressing them.
If you have few images then you can use any of the editing tools

  • PicMonkey
  • Pixlr
  • Pic Resize
  • Gimp
  • FotoFlexerimage 3

IF you have thousand of images, then compressing each of them is not possible. Then there are tool which compress images in bathces.

If your ecommerce platform runs on WordPress then download any of these plugins and run your image

  • WP Smush.it
  • Cloudinary
  • EWWW Image Optimizer

3.Choose optimal image file types
Large image types can affect the performance of a website therefore choosing the right file type for right situation is very important.

The most common image file types are

  • JPEG
  • PNG
  • GIFimage  5

JPEG format typically requires a low file size and delivers a good quality image for products, GIFs are suitable for smaller icons. PNG has specialty that it shows more colours than JPEG and GIFs but you can use a file size that can be larger.

4.Create an image sitemap
What google do with image search is that it displays the most relevant result to users and that applies for web search as well. In addition to this optimizing your image can increase the chance of having your product images indexed by creating an image sitemap and uploading it to Google webmaster. This is important when your product images are served using Javascript, and are not showing up in the page source code. You can also add images to your main sitemap.

There are various tools which can generate a sitemap

 

5. Integrate social sharing into product images
Introduce social sharing channels like facebook, twitter, pinterest. If your image is about home and garden or related to beauty, fashion or food industries use pinterest. The larger you get shared through pinterest the greater your website will attract new visitors.
To increase your product pages being shared and linked to social sharing buttons should be added to each page of the website including product pages and product category pages.

If your product images are good and unique then your chances of being shared and liked are more and increases traffic to your website.
Continuously test and refine the layout and design of your product pages.

image 8

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>