Best practices and tips for optimization

  • February 9, 2021
  • Misc
No Comments

30-second summary:

  • Optimizing images is a frequently neglected element.
  • While images may look excellent, they frequently wind up with a filename that looks something like IMG982713.jpg that is not really detailed.
  • According to Internet Live Stats, there are 3.5 billion Google searches made every day.
  • CannonDesign’s Vice President, Communications Director shares some crucial image SEO suggestions and finest practices to assist you utilize images as a possession in your SEO technique.

SEO includes a great deal of various parts and methods, a few of them can be fast repairs and others can take a lot longer to carry out. So you can see why it’s simple to forget something particularly for a business that is not utilized to doing these things and are attempting to do SEO for the very first time. It’s simple to possibly neglect a few of the smaller sized actions associated with practicing great on-site SEO. It’s crucial to keep in mind that everything you can do to reinforce your website’s SEO efforts makes a distinction and this is particularly real if it’s something that other websites might be neglecting.

Optimizing images is a frequently neglected element. As a website gets prepared, developed and images get included generally, the images get included without being effectively enhanced, as long as they look great, the idea of images tends to end there. While the images may look excellent, they frequently wind up with a filename that looks something like IMG982713.jpg and as you can see, that is not an extremely detailed image file name. So without the correct optimization and preparation, you’re losing an important SEO possession.

Why is image SEO crucial?

According to Internet Live Stats, there are 3.5 billion Google searches made every day. And in 2018 Google Images represented 22.6% of all web searches.

Optimizing your website’s images will assist with your website’s UX, load time, and enhance your website’s rankings in the routine SERPs along with image search. Image SEO is particularly crucial if you’re an ecommerce website, as you will probably have numerous images, and if not effectively enhanced you will be losing out on great deals of possible traffic and rankings.

Image optimization will play an even bigger function in search with the improvement of visual search, by having the ability to utilize images to acquire items for instance. Google and Bing both utilize for visual search, Google has their Google Lens and Bing has their visual search.

If the images on your site aren’t effectively increased and enhanced, now’s the time to focus your efforts towards that element of your website’s SEO.

Ecommerce image optimization

If you run an ecommerce service then you understand that SEO is a various monster and how crucial every little modification or fine-tune that you can do to your website is to assist you to acquire an edge on the competitors.

One of these things is image optimization. Images represent more bytes than any other part of a site, and this is particularly real for ecommerce websites, as they tend to have hundreds if not countless items and for that reason item images. All these item images can have a big effect on your website’s efficiency which can likewise affect your client retention and conversions.

This is why enhancing your website’s images is among the very best methods to enhance site efficiency and SERP rankings, which is particularly useful when it concerns big ecommerce websites as all the images can possibly decrease your website and with Google’s brand-new upcoming core web vitals update your websites speed is more vital now than ever.

Here are 6 suggestions on what you can do to assist with your website’s image optimization + 3 perk suggestions.

1. Create personalized image filenames

This is where your image SEO begins, with the image file name. When you are calling your image file names, you’ll wish to utilize a detailed file name that likewise includes the ideal keywords for the image. The factor for this is that your image file name will be utilized to assist Google comprehend what the subject of the image is.

It’s crucial to keep in mind that your image’s file name is what will notify Google and other online search engine regarding what your image has to do with.

For example, a normal let’s take this image file name will look something like  “IMG-1234” or something comparable. as you may picture, that image file name will not be of much assistance to users or Google as no one would look for that and having that as a file name offers no details to Google either.

Now let’s take a look at this photo from GSC or Google Search Console for instance.

Image SEO - Example

You could simply name it “GSC” or “google-search-console” but if you get more descriptive and name it “google-search-console-traffic-spike” you would be helping users and search engines to better understand the image.

Now, this doesn’t mean you can go back to the days of stuffing keywords in your image file names. Doing that will surely get you penalized and or even banned from Google. Keep your filenames descriptive and straightforward and you’ll be ahead of the game.

Remember, it doesn’t take much effort to rename images to something a little more descriptive unless you have an ecommerce site with hundreds or thousands of products, then it will take So it’s worth doing and something that will help with your site’s rankings in the long run.

2. Write SEO-friendly image alt text

Alt-text is important for your site’s images as it is what you can use to help provide better image context that in turn will help search engines index your images properly. It is also what will appear if there is something wrong with your image and it fails to load.

Google even mentions the value of alt text in images, saying that alt text provides them with useful information about the image that they can use to help determine the best image to return for a user’s query.

3. Image file size

Your image file size plays an important role in how your site will load for both users and search engines. Having large (file size) images on your site can cause your site to load very slow. With page speed becoming a ranking factor, it’s even more important than before to make sure your site loads in seconds.

Your site’s images can be massive files and that is not helpful when it comes to user experience. This is where optimizing your site’s image file size plays a large role as all the huge file sizes can directly affect your ranking in SERPs and image searches, especially if you have a large ecommerce site with hundreds or even thousands of images.

You can’t afford to reduce your image file size in a haphazard manner, this is something that needs to be done properly, otherwise, you will end up with a low quality looking image. Adobe Photoshop’s ‘Save for Web’ functionality offers one of the best options for you to reduce the image file size without affecting the quality of the image.

If you don’t have access to Adobe Photoshop, there are lots of other great online tools that you can use for free to make these changes. Tinyjpeg is a great tool and so is Google’s very own image compression tool Squoosh.

Squoosh allows you to preview the changes in the quality of your images when you start making changes to your images. You simply just have to drag and drop your image into the web app and you are all set to make the adjustments to your image file size.

Image SEO - Compression tool Squoosh example

As you can see with the above Las Vegas sign image, the left side is the newly reduced file size at 27% smaller than the original on the right. Can you spot the difference in quality?

Once you have made all the changes to your image file sizes, you can then test your site’s page speed with one of the many tools available online.

There are lots of tools that you can use to test your site’s speed, such as WebPageTest.org or Pingdom. Google has a few great tools that you can use for free to check your site’s speed, Lighthouse, Pagespeed Insights, and their page speed tool Test My site.

Loading times are important for UX and SEO, so make sure that you reduce your site’s image file sizes to ensure that you have a fast loading site. This tweak to your site will pay off in the long run and is worth the little effort that it takes to make the change.

4. Choose the best image file type

Three main image file types are the most common that you can use across your site, they are JPEG, GIF, and PNG. Each one has its pros and cons. JPEG tends to be the best option as it’s the format that provides the best options for maintaining image quality when compressed or resized.

PNG is often used for logos as it gives you the ability to create a small image with a high-quality resolution. You need to be careful though as the higher quality display will result in a larger file size, which could cause issues with your page’s performance.

GIFs are similar to PNG files as they are good smaller images, they shouldn’t be used on product photos or lagers images.

JPEG is the best option format as it keeps file sizes small without losing image quality and it is also universally supported.

5. Create an image sitemap

Just like a sitemap that you would create for all the pages on your site, creating an image sitemap or adding your images to your current sitemap, will help Google to discover your site’s images, increasing the likelihood that your images will be displayed in image search results and generating more site traffic.

“Image sitemaps can contain URLs from other domains, unlike regular sitemaps, which enforce cross-domain restrictions. This allows you to use CDNs (content delivery networks) to host images. We encourage you to verify the CDN’s domain name in Search Console so that we can inform you of any crawl errors that we may find.”

, says Google

It’s important that you add your site’s images to a sitemap and especially important if you run an ecommerce business and want all your product images to be indexed. You can add your images to your existing sitemap or create a new sitemap for your images. The main idea is that you want all of your images somewhere in your sitemaps.

Placing your images in a sitemap increases the chances of search engines crawling and indexing your images which can then result in more site traffic.

There are lots of different tools that you can use to help generate your site’s sitemap, these two are a great starting point, but feel free to choose the one that is best suited for your needs.

  1. Screaming Frog: Screaming Frog is one of my go-to tools in my SEO arsenal, it’s great desktop software that offers a wide range of SEO tools. It’s also free to use including generating a sitemap as long as your website has fewer than 500 pages. For those of you with larger websites, you’ll need to upgrade the paid version.
  2. Yoast: Yoast is a must-have SEO plugin if you are running WordPress, they make it super simple to create a sitemap, by simply toggling a switch.

6. Open Graph and Twitter Cards

By using Facebook’s Open Graph and Twitter Cards on your site, you will be making sure that your site’s content is more clickable, shareable, and noticeable on social media.

Facebook has a comprehensive list of OG tags that you can use across your site but I find that these are the ones that you will want to focus on.

  • Og:title
  • Og:url
  • Og:image
  • Og:type
  • Og:description

You will want to pay special attention to the og:image tag as this is the most essential Open Graph tag as it is the one that occupies the most social feed real estate.

Twitter Cards work in the same way that Facebook’s Open Graph tags work.

Using Twitter’s ‘Summary Card with Large Image‘ tag is one that you will want to focus on when it comes to images.

“The Summary Card with Large Image features a large, full-width prominent image alongside a tweet. It is designed to give the reader a rich photo experience, and clicking on the image brings the user to your website.”

Once you have your tags in place on your site, you can test them to make sure they’re working as expected and are ready for sharing.

You can use these tools to check your site OG tags:

If you take the time to add the HTML code to your site for both Open Graph and Twitter Cards, you can guarantee the image will appear on the social platforms each time your link is shared.

Bonus image optimization tips

Now that you have gone through the six tips for image optimization in 2021, here are three bonus tips to help you further optimize your site’s images.

7. Mobile-friendly images

With Google’s mobile-first indexing, it’s important to think about how your site’s images will work on mobile. Just like you would make your site responsive, one thing you might not know is that you can make your sites responsive as well. Having responsive images will ensure that your images will work well on devices with widely differing screen sizes.

8. Image file structure

Google mentions in their updated image guidelines that they use the file path and file name to rank images.

“Create good URL structure for your images: Google uses the URL path as well as the file name to help it understand your images. Consider organizing your image content so that URLs are constructed logically.”

So what does this mean for you? Well, let’s appearance at ecommerce optimization again as they usually feature multiple products. A good practice would be to place your images into different category folders that would correspond to your different products instead of just lumping them all into one generic folder.

9. Structured data

To help your images stand out even more you will want to add structured data. By adding structured data to your images, your images can then be displayed as rich results, which would then give users relevant information about your page, which might then drive better-targeted traffic to your site.

Google Images supports structured data for:

Conclusion

Image SEO involves a few different aspects and elements to work to its full potential and online search engine like Google and Bing are only going to get much better at recognizing these elements.

For comparison, image SEO is relatively easy, as far as SEO goes. It’s not as complex as other aspects of SEO. If you take the time and put a little extra effort into properly optimizing your site’s images for both users and search engines every time you add an image to your website, you can give your pages a little extra edge in the search engines.

Remember, Google, Bing, and other search engines aren’t perfect, so you should try and do everything in your power to help them comprehend your images and you’ll reap the benefits.

So, before you start uploading and adding images to your website, make sure to follow the image optimization tips and best practices mentioned in this article.

Key takeaways for image SEO best practices and tips for image optimization:

  • Create an image sitemap or make sure your images are featured in your sitemap for crawlability and indexability
  • Choose the right image file format
  • Compress your images for faster page load speed
  • Create unique images
  • Create optimized image file names
  • Write SEO-Friendly alt texts and make sure they are relevant to the page
  • Like your website, ensure that your images are mobile-friendly
  • Use high-quality and relevant images
  • Customize file names
  • Add structured data
  • Create responsive images
  • Create an optimized file structure

Feel complimentary to share your image SEO practices and inquiries in the remarks area.

Michael McManus is Vice President, Communications Director at CannonDesign.

About us and this blog

We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

Request a free quote

We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

Subscribe to our newsletter!

More from our blog

See all posts