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.

     

     

    Featured On

    Inc Magazine Logo  

    Sitepoint logo  

    CSS Tricks logo   

    webdesignerdepot logo   WPMU DEV logo   

    and many more!

    Where are we hosted?

    This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to MaxCDN!

    Web Hosting MaxCDN - Speed up your website

    New! DIVI 3.1 WordPress Template + PageBuilder

    You'll surely create a perfect website with Divi 3.1!

    Get an exclusive 10% OFF for CollectiveRay visitors until

    Divi 3

     

    Monstroid2 (Updated!)

    The best-selling template from TemplateMonster has been given an awesome upgrade!

    We've got an exclusive 10% OFF for CollectiveRay visitors on Monstroid2 until - use Coupon Code: collectiveray

    Monstroid2 Super Update

     

    TemplateMonster Bundles

    Awesome bundles for awesome websites. $1300 worth of products for $49 only!

    We've got an exclusive 10% OFF for CollectiveRay visitors until - use Coupon Code: collectiveray

    TemplateMonster Bundles

     

    The Outstanding HungryJPEG Bundles

    AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get a bundle for just $9 - ONLY!

    The Hungry JPEG Awesome font bundles

     

    Advertise on 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 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.

    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

    Follow us on Social

    Follow us on Facebook   Follow us on Google+   Subscribe to our RSS Feed   Follow us on Twitter