Whether you use photos you’ve shot yourself, images that you’ve designed from scratch or if you download free photos from stock image providers, it’s also important that your images do more than simply illustrate your point.

 website image optimization checklist

Here are some things your website must do correctly in order to be optimized for success:

  • 1. Name Images Adequately

  • Images need context, and this can be successfully established simply by assigning names to them. Descriptive keyword phrases are very handy here, but be careful not to use too many words. Three to five words, separated with dashes, would suffice.

    Name image titles appropriately

  • 2. Provide Detailed Image Alt Attributes with good keywords

  • For internet users who suffer from visual impairments, alt text can be very useful. Also, when images aren’t loading correctly due to connectivity issues, you should use alt attributes as a substitute. Besides, it helps your Google ranking to have alt text ready for your visitors. Ten to fifteen words are enough to convey what your image is about or highlight important features without being redundant.

    Read More: 19 step-by-step WordPress onpage SEO Checklist: an easy guide to boost traffic

    Use detailed alt attributes with good keywords

  • 4. Create good and relevant Anchor Text

  • Sometimes you’ll have to include anchor text that points to an image in your body text. This is not the time, however, to just write “view image.” By using phrases such as “check out our Summer Collection” or “view our fidget spinners,” you guide your visitors to click on things you want them to see, and help search engines find your products more efficiently.

    Create good / relevant anchor test

  • 5. Use Naming Conventions Efficiently

  • Naming conventions are used to standardize files, assets and other content for convenience and organization. Sometimes this requires you to begin the names of images with numbers or characters that aren’t always intuitive. Although you might find this awkward at first, you can still use the rest of the image name for keywords for better optimization.

    Use image naming convetions

  • 6. Craft Image Titles

  • Image titles are made visible by hovering over an image on a webpage. These titles are great for user engagement while improving search engine optimization (click here to read more about seo tips). By implementing a call to action, such as “Subscribe now” or “buy this item,” your title can help get the results you need.

  • 7. Add Captions

  • Captions are different from image names, image titles and alt attributes. They are visible on a webpage by default, and load along with the rest of the text. You can use the same keywords that appear in the image name or alt text, but by mixing things up with unique keywords, you improve your SEO as well.

    Image with long caption

  • 8. Minimize Abbreviations

  • Brevity may be the soul of wit, but abbreviating keywords in your captions, titles and names doesn’t do you any favors. The same goes for obscure acronyms and abbreviations that you made up just to keep the characters at a minimum. Maximize your opportunity for SEO by spelling out the words that matter.


  • 9. Boost Website loading speed with Image Compression

  • This year, web pages are bigger than ever, approaching 3MB full of content. Image editing tools for tinkering with custom graphics to free photos, such as Adobe Photoshop or PicMonkey, may have a “Save for Web” feature for reducing images to sizes that load more quickly than the originals. Look into desktop apps such as ImageAlpha, and JPEGmini, or online apps TinyPNG and Kraken.io to get the job done. WP.SmushIt is also the perfect image compression companion for WordPress.

    (Image) Compression Spring Posture

  • 10. Value Consistent Naming and Productivity Sensitivity

  • Using multiple names for a single image is a recipe for disaster when it comes to producing web content. When you do this, your images may mysteriously vanish from other live pages and go unnoticed until it is too late. Stick to a single name per image, and keep things organized.

  • 11. Condense and Combine Non-Essential Image Elements

  • Your images may require names that indicate size or dimensions. These may include “sm” for “small,” or 300x450 for resolution. Here’s how to pare things down:

    • computer-photo-app-300x450-sm.jpg is not fully optimized;
    • computer-photo-app-300450sm.jpg is better.

    Losing the “x” and the dash helps a little, since you’re not looking to rank for image size. The other words are far more important for your purposes.

  • 12. Optimize Images for SEO and the Good of Your Site Content

  • Images play a role in the composite SEO value of a page. Elements such as headline, SEO page title, internal and external links all contribute to how well your website performs, as a whole and as the sum of its parts. Image optimization is no exception, and can bolster your ranking among the competition.

    optimize images for SEO

    If these eleven checklist items don’t quite do the trick for you, here are some helpful tools to get things moving:

    1. RIOT is a Windows image optimizer that supports JPG, PNG and GIF files. It strips out image metadata to reduce file sizes while also providing basic image editing functions.
    2. PNGOUT, a free app, runs in the Windows command line or Run dialog box and gives you lossless optimization of your images.
    3. (Defunct) PNGCrushrrr is another free app that runs on Mac OS. It compresses PNG files down to small sizes and works via a simple drag-and-drop interface.
    4. SuperPNG is a free plugin that pares down the already-small PNGs created in Photoshop. It also supports 16-bit color, metadata saving and variable compression.
    5. SuperGIF works for both Windows and Mac, has drag and drop and can compress images fifty percent more, depending on the image. While it only compresses one GIF at a time, this may be an acceptable tradeoff for your purposes.

    Sometimes you’ll find yourself in a position where you have no choice but to use free stock photos. In this case, here are a few websites that can give you what you need:

    Read More: 70+ Amazing Image Sites (Free) to Make Your Content Dazzle

    Do your website images pass our test for optimization? Or are you looking to stock up on images for your online store? Let us know by leaving a comment below.



    About the Author
    David Attard
    Author: David AttardWebsite: https://www.linkedin.com/in/dattard/
    David has been working in or around the online / digital industry for the last 18 years. He has vast experience in the software and web design industries and niches surrounding them. As a digital consultant, his focus is on helping businesses get a competitive advantage using a combination of their website and digital platforms available today.

    One more thing... Did you know that people who share useful stuff like this post look AWESOME too? ;-)
    Please leave a useful comment with your thoughts, then share this on your Facebook group(s) who would find this useful and let's reap the benefits together. Thank you for sharing and being nice!

    Featured On

    Inc Magazine Logo  

    Sitepoint logo  

    CSS Tricks logo   

    webdesignerdepot logo   WPMU DEV logo   

    and many more!



    Get Started Now With ShutterstockShutterstock

    Best Rated Caching Plugin

    Make your website faster 

    How to make your website FAST!

    Step-by-step - free email course, how to make your website load in less than 1 second 


    Work with CollectiveRay.com

    CollectiveRay (formerly known as DART Creations) is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)


    Disclosure: CollectiveRay is funded personally out of a pure passion for helping people working with websites. We do however generate some income through recommendations of products. This means if you click on a link and purchase an item we link to, we will receive a small sum out of that sale. We usually partner with vendors to make your purchase cheaper than buying direct.


    InMotion Hosting CollectiveRay Deal

    who are we?

    CollectiveRay is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run DronesBuy.net - a website for drone hobbyists.

    David attard