Web Performance Exploring Video Hosting The Art of Compromise: How Lossy Compression Works Understanding the ‘Image Loading Error’: Comprehensive Guide A Comprehensive Guide to Resizing Images on iOS VBR vs CBR: Understanding Bitrate for Optimal Media Handling Displaying Images with Python’s Top 5 Image Libraries 4 Ways to Add Images to GitHub README + 1 Bonus Method Converting Images with Python JavaScript Image Optimization Techniques Building an Image Picker in React with react-native-image-crop-picker 6 Ways to Save Images in Python 5 Ways to Import Images in React + Bonus Automation Method Extract Text from Images in Python with Pillow and pytesseract Downloading Image from URL in Python: 5 Ways with Code Examples Image.open Python Function: Syntax and Quick Tutorial Complete Guide to Video SEO & Automating It With Cloudinary A Complete Guide To Website Image Optimization Video Encoding: How It Works, Formats & Best Practices The Developer’s Guide to PDFs Integrating Cloudinary With Gatsby For Image Optimization Mastering Image Optimization With Netlify And Cloudinary Seamlessly Integrate Cloudinary With Netlify For Optimised Website Assets Ultimate Guide to Asset Optimization Using Cloudinary and Netlify Adding Video To Magento Understanding Magento Media Adding a Video Widget to Your Website: What You Need to Know SDR vs. HDR: Differences and 5 Considerations for Content Creators Audio Manipulation In PHP Image Management Systems: Key Capabilities and Best Practices Video CDN: Why You Need It and Top 5 Video CDNs Video Optimization: Why You Need It and 5 Critical Best Practices Multi CDN: 8 Amazing Benefits, Methods, and Best Practices What Is an Optimized Website and 6 Ways to Optimize Yours Understanding Image Hosting for Websites Sprite Generation with CSS and 4 Automated Tools 8 Image SEO Optimization Tips to Improve Your Search Rankings Website Speed: 5 Reasons Your Site is Slow and How to Fix It Web Performance: What is it, Trends and Insights for 2024

8 Image SEO Optimization Tips to Improve Your Search Rankings

SEO Optimization Tips

What Is Image Optimization for SEO?

The common meaning of image optimization is to reduce file size, format, and dimension of images without losing quality. Optimizing images is extremely important for improving website performance. Common optimization techniques include lossless and lossy compression.

Because reducing an image’s file size helps reduce page load times, and page speed is a major ranking factor, search engines like Google encourage compressing images whenever possible. However, image optimization does not end with compression.

You can optimize images for SEO by defining human readable file names that include keywords, a descriptive image alt tag, and making images mobile-friendly and responsive. Finally, an image caption and social sharing options can help improve the user experience and also promote better search rankings.

This is part of a series of articles about Website performance.

In this article:

SEO Optimization Tips

Why Are Images Important for SEO?

Images are a key component of websites, affecting the user experience, the site’s visibility, and Google content rankings. Here are key aspects to know:

  • Around 38% of Google’s search result pages display images, allowing users to see not only text but also visual messages.
  • In eCommerce, images play a critical role in influencing users to make purchasing decisions.
  • Images can create a negative or positive user experience, which is why optimization is key to keeping users engaged with your site.
  • Browsers need to download images in order to display them to users. A large image file can slow down the download process and consume too much bandwidth. The result is slow loading of images and poor user experience.

Google prioritizes websites that load quickly. Image SEO helps optimize web images to ensure search engines can easily read and find them. It also helps ensure your site receives a good Google content ranking. In addition to reducing the image file size, image SEO typically requires optimizing the image type, usage, alt text, and keywords.

How to Optimize Images for SEO

Resize Images and Reduce Image Size

Image size indicates the dimension of your image—for example, 1920 x 1080 pixels. The file size indicates the space required to store your image on a server—for example, 250 kilobytes.

Images with high resolution and large dimensions can significantly slow down page load times. These images can work well for print reproduction. However, you may need to scale down the file size to ensure the image works well on websites. Ideally, scaling should not lose too much quality.

Learn more in our detailed guide to bulk image resize

Optimize Image File Names

File names significantly affect a web page’s SEO and the image’s content ranking. It can yield good SEO results when you add relevant, descriptive keywords. Here are tips to help you optimize image file names:

  • Add your target keywords at the beginning of the name, separated with hyphens.
  • Do not use underscores because search engines do not recognize them.
  • Use hyphens to help search engines emphasize specific words for the search engine.
  • Choose file names that make sense to humans as well as search engines and humans.

For example, change the name “horse135.jpg.” to “horse-riding-in-a-meadow.jpg.”

Use Unique Images

Unique images can get higher search rankings than stock images, especially if you choose images used by many other sites. Just like unique textual content results in better SEO, unique images achieve higher rankings.

What image type is best for SEO?

For optimal search engine optimization, it’s recommended to use commonly supported and web-friendly image formats such as JPEG, PNG, or WebP. These formats strike a balance between image quality and file size, which can significantly contribute to faster page load times, a critical factor in SEO.

Here are tips to help you choose the most appropriate format for your use case:

  • JPEG for illustrations and larger photos—JPEG provides colors and clarity quality using a relatively small file size.
  • PNG for background transparency—PNG enables you to preserve background transparency in images.
  • WebP for high-quality results with small file sizes—convert JPEG and PNG to WebP using tools like Squoosh.
  • SVG for icons and logos—CSS and JavaScript enable you to manage images in SVG format. It lets you, for example, resize images without losing quality.

Optimize the Image Title

Image titles provide context for alt text and can increase user engagement. It lets you add a title that explains the image and includes relevant keywords. For example, you can add a brief call to action (CTA) like “download today” or “buy now.”

Use Alt Tags

Search engine spiders need information about an image to understand its content. Alternative text (alt-text) provides this information, ensuring that search engines can accurately index image content. Search engines can read the alt text and rank the page when alt text is included with the image, even if the images are not loading due to an error.

Alt-text is not only important for search engines. It also helps visually impaired users understand the context. Ideally, your alt text should include brand-relevant information and keywords that provide more detailed information than the file name. You can aim for 10-15 words to convey the meaning without stuffing keywords.

Use Responsive Images

Responsive images can adapt to the screen size and resolution, providing a good user experience. It helps ensure users can view an image at good quality on any device, without any image blurriness or stretching.

Learn more in our detailed guide to responsive images

Use an Image CDN

Image CDNs reduce the image payload, deliver images accurately to every device that requests them, and send images instantly from the network edge. They improve page load speeds, increase SEO rankings, and ensure a better user experience.

An image CDN focuses on image optimization, transformation, and delivery. It works as an API for accessing and editing images on a website. The image URLs of images pulled from image CDNs provide important details, including the image’s identity to be imported and parameters such as format, size, and quality. These details make it easier to create image variants for different use cases.

An image CDN differs from an image optimization script used at build time in that it creates a new version of the image on demand. Therefore, CDNs are often more useful than build optimization scripts for generating highly customized images for individual clients.

Better Image SEO with Cloudinary

Cloudinary offers an extensive range of image optimization and management capabilities, such as automation of compression accompanied by a high level of quality.

Large, unoptimized images can slow down your site, but with tools like Cloudinary, you can automate image compression and resizing without compromising on quality. This not only helps in maintaining the visual appeal of your site but also contributes to faster page loads, which is crucial for Image SEO. A faster loading page can improve user experience, reduce bounce rates, and potentially boost your site’s ranking on search engine results.

All of those optimization features and many other nifty capabilities are part of Cloudinary’s digital asset management (DAM) solution. Sign up for Cloudinary pronto! We offer generous free plans to get you started.

QUICK TIPS
Tamas Piros
Cloudinary Logo Tamas Piros

In my experience, here are tips that can help you better optimize images for SEO:

  1. Leverage structured data for images
    Implement schema.org markup for images, especially for eCommerce products and articles. This helps search engines better understand the context of your images and can improve visibility in search results, including rich snippets.
  2. Utilize next-gen formats wisely
    While WebP is an excellent format, consider implementing AVIF where possible. It offers even better compression without sacrificing quality, giving you a competitive edge in page speed metrics.
  3. Incorporate lazy loading strategically
    Implement lazy loading for offscreen images to reduce initial page load times. This ensures that images are only loaded when they enter the viewport, improving both user experience and SEO.
  4. Monitor image SEO performance using analytics
    Use Google Search Console and third-party tools to monitor the performance of your images in search. Track impressions, clicks, and the keywords driving traffic to continually refine your image SEO strategy.
  5. Implement image sitemaps
    Include images in your XML sitemaps to ensure that search engines discover all your images, especially those that are loaded via JavaScript or not directly embedded in the HTML.
  6. Consider image accessibility features
    Beyond alt text, use ARIA (Accessible Rich Internet Applications) roles and properties to enhance image accessibility. This not only helps with user experience but can also positively impact SEO as search engines increasingly prioritize accessibility.
  7. Optimize for visual search engines
    With the rise of visual search tools like Google Lens, ensure your images are optimized for visual search by using high-quality, clear images and including detailed metadata that matches the image content.
  8. Test image variations for conversion rates
    Conduct A/B testing with different images on your key landing pages. Some images might perform better in terms of user engagement, which can indirectly improve SEO by reducing bounce rates and increasing time on site.
  9. Use descriptive anchor text for image links
    If you link images to other pages, ensure the anchor text used for these links is descriptive and includes relevant keywords. This can help search engines understand the content of the linked pages better.
  10. Compress images in stages
    Instead of applying one-size-fits-all compression, consider using a multi-stage compression approach. Start with a moderate compression and progressively apply more aggressive compression, testing each version to find the perfect balance between quality and file size.
Last updated: Sep 7, 2024