STUDIO FIVE

Updated April 2024

Incorporating SEO-Friendly Images Into Your Online Presence

Creating SEO-friendly images is essential to optimizing your website for search engines and enhancing user experience. In this blog post, we will provide you with 13 valuable tips that will help you create images that are not only visually appealing but also search engine optimized. 

Whether you are a business owner or a professional looking to improve your website’s visibility, these tips will help you effectively incorporate SEO-friendly images into your online presence. 

By implementing these strategies, you can ensure your website stands out from the competition and attracts more organic traffic. So, let’s dive in and explore the world of creating SEO-friendly images for improved UX.

Why You Need to Create SEO-Friendly Images

You already know that your text content helps your website rank higher in search engine results. However, many business and website owners are unaware of how images affect your search rankings. To help you better understand why that is important, we want to share some tips on how to create SEO-friendly images yourself.

In 2024, the web is visual, in case you haven’t noticed. Studies have shown that pages and posts with images get 94% more page views than those without visuals. Of course, that means your images must appeal to your audience, be relevant to the subject matter, and load fast enough for your target audience to see them. Let’s see how SEO-friendly images will help you do just that!

SEO-Friendly Images and User Experience

In 2024, you must pay attention to the user experience if you want higher search engine rankings. Google and other search engines emphasize UX when ranking websites for search. They look for easy pages for site visitors to read and comprehend. Therefore, you must create your website content based on the reader’s perspective, not your own! That includes creating SEO-friendly images.

One of the main problems I notice on many websites is that while the images may be SEO-friendly, they do not align with the target audience’s expectations. Let me clarify: low-quality or inappropriate images will simply make potential consumers look for another brand or business that provides a better visual user experience.

If you intend to provide a better user experience by attracting and engaging your target audience, you need to do better than that. Let me outline a few essential tips for creating SEO-friendly images that appeal to both search engines and your human visitors.

SEO-Friendly Images Require Planning Ahead

You already know that pages and posts with images get more total page views on average than those without images. Therefore, it makes sense for business owners and marketers to include images in their blog posts and web pages. But what are the best practices for utilizing these images regarding search engine optimization (SEO)? Let’s look at what it will take to create SEO-friendly images that appeal to both search engines and human visitors.

13 Essential Tips for Creating SEO-Friendly Images

1 – Plan Ahead

Not every image will work to tell your story and support your business and marketing objectives. For instance, I know you are merely trying to illustrate that your services allow your clients to relax and have fun. But is that image of screaming people on a roller coaster the most appropriate? Or will it merely scare your potential clients away?

Before you start creating SEO-friendly images, you should determine what kind of images you need and how many. Start by creating a list of pages and posts on your website. If you want or need higher search rankings, you need at least one image for each page or post. That will give you a better idea of how many photos you need.

Remember that you can use images like full-screen hero images, background images, graphics and infographics, web icons, and even image animations.

2 – Select Appropriate Images

Once you know roughly how many SEO-friendly images you will need, you can start determining what image will best support your website objectives. Remember, you are building a website for your target audience, not yourself! So what type of image is appropriate, you ask? Well, that depends on your specific industry or business.

If you want to hit the right note for search engines and human visitors, your website images should clearly illustrate what your target audience expects. Using your photographs or pictures taken by a professional photographer will always perform better than stock images.

Here are some primary considerations for selecting appropriate website images:

• Your website mages need to reflect your target audience. If you market to a specific demographic, your pictures must reflect that.
• SEO-friendly images need to reflect your actual business. If you are a small business, don’t come across as a corporate giant.
• The best web images are authentic. Avoid cliché images; in 2024, your online audience will be much smarter than that.
• Use unique images wherever possible. Using the same photos as your competitor will not help either of you.
• Always have permission! I should not mention this, but here is a gentle reminder that grabbing images off Google or your competitor’s website is a big no-no!

3 –Optimize Image File Names

The next step for creating SEO-friendly images is to optimize the actual image file name. In most cases, that means changing the file name of the intended image from something like DSC_0467406312_87.jpg to something more SEO-friendly.

If you want to create SEO-friendly images, the image file names should accurately describe what the image is and the keyword you’re using. Don’t abbreviate words. If you must use company details in the name, still add a descriptive title after the file code. Separate the keyword-focused name in the title with hyphens, and do not use special characters or “kute” spellings!

Here are my primary recommendations for optimizing image file names:

1. Include your brand or business name. If you are a known brand, consumers will search for that. If you are still building your brand, adding your business name to your images makes your brand come up in an image search.
2. Describe the image accurately. Don’t merely say “product.” Describe how your “awesome product” provides “great value” at a “lower cost.”
3. Add your keyword to your image name. Precise image descriptions will help your search rankings and allow your target audience to find your products or services through search.

This process may sound confusing, but it is pretty straightforward and logical. When you create your SEO-friendly image, file names simply keep the search intent of your target audience in mind. For example, imagine you have a restaurant specializing in Sunday brunch. Which image file name do you think will do better in search?

• A: DSC_0467406312_87.jpg
• B: susis-diner-best-brunch-in-seattle.jpg

Hint: It isn’t A!

4 – Use Appropriate Image File Types

The most common file type for website images is JPEG. But it may not be the best file type for specific photos, graphics, or animations. If you want to create SEO-friendly images, it helps to use the most appropriate file type.

Here are some common image file types, and when to use them:

• APNG is a good choice for lossless animation sequences. AVIF and WebP have better performance but less broad browser support. They are supported by Chrome, Edge, Firefox, Opera, and Safari.
• AVIF – Good choice for both images and animated images due to high performance and royalty-free image format. It offers much better compression than PNG or JPEG, supporting higher color depths, animated frames, transparency, etc. Note that when using AVIF, you should include fallbacks to formats with better browser support (i.e., using the <picture> element). Supported: Chrome, Opera, Firefox (still images only: animated images not implemented).
• GIF – Good choice for simple images and animations. Prefer PNG for lossless and indexed still images, and consider WebP, AVIF, or APNG for animation sequences. Supported: Chrome, Edge, Firefox, IE, Opera, Safari.
• JPG – Good choice for lossy compression of still images (currently the most popular). I prefer PNG when more precise image reproduction is required or WebP/AVIF if better reproduction and higher compression are required. Support: Chrome, Edge, Firefox, IE, Opera, Safari.
• PNG – PNG is preferred over JPEG for more precise reproduction of source images or when transparency is needed. WebP/AVIF provides even better compression and reproduction, but browser support is more limited. Support: Chrome, Edge, Firefox, IE, Opera, Safari.
• SVG is a vector image format ideal for user interface elements, icons, diagrams, etc., that must be drawn accurately at different sizes. It supports Chrome, Edge, Firefox, IE, Opera, and Safari.
• WebP – Excellent choice for both images and animated images. WebP offers much better compression than PNG or JPEG, supporting higher color depths, animated frames, transparency, etc. AVIF offers slightly better compression but is not quite as well-supported in browsers and does not support progressive rendering. Support: Chrome, Edge, Firefox, Opera, Safari.

Note: Older formats like PNG, JPEG, and GIF perform poorly compared to newer formats like WebP and AVIF but enjoy broader “historical” browser support. The newer image formats are seeing increasing popularity as browsers without support become increasingly irrelevant (i.e., have virtually zero market share).

5 – Pay Attention to Image Resolution and Size

Images are useful, but they do come with one major obstacle. Especially large images can take a long time to load fully. And that provides a less than optimal user experience. Smaller images load faster but may appear fuzzy on larger monitors. Creating SEO-friendly images means avoiding both of those.

The standard image resolution for website images is 72dpi (dots per inch). Images that have a lower resolution tend to appear unsharp and fuzzy, and I recommend you avoid those entirely. But using higher image resolutions is not going to help you much. If you have fine details, you may want to up the resolution to somewhere between 96dpi and 144dpi; the latter is mainly for ultra-high-resolution displays.

Size Matters!

Another consideration when creating SEO-friendly images is the actual size or pixel dimensions of your image. Many websites use images that are too big or too small for the intended usage! Only use the highest resolution necessary for the space the image will take up on your page or post. The higher resolution just means your page will take longer to load – losing valuable web traffic.

A basic guideline for image sizes is 2400px x 1600px for full-screen or hero images, 1280px for an image stretching across the page content (as opposed to the browser width), 960px for an image that fills half of a page, and between 560px to 740px for images that are part of your text content.

6 – Compress and Optimize Images

The next step for creating SEO-friendly images is to optimize them for web use. Image file sizes should be as small as possible. Smaller file sizes mean faster load times and less dead weight on the page, which in turn leads to better user experience and higher search rankings.

If you are using an image editing program like Adobe Photoshop, you can use the image export function to compress your images. I recommend you start with a JPEG image compression of around 30-50%. Check to see if your image still looks acceptable and sharp at 100% image size and adjust your compression levels accordingly. PNG files use their compression that allows you to create regular or small file sizes.

Use Optimization Apps

Upload your compressed JPEG or PNG files to your website media gallery. The last step is to use an image optimization app to further optimize and compress the images on your website. I recommend Imagify and Smush, but there are other options available. Once you have fine-tuned your compression settings, they will automatically be applied as you upload images.

Here is one final note about optimizing your SEO-friendly images. WordPress and other web platforms give you the ability to resize your images after you upload them. Letting your web platform resize your pictures is NOT a good option! What happens is your big image is uploaded, and then resized. This process results in additional page load time by adding further image optimization steps. You should always upload correctly-sized images and then compress and optimize them!

7 – Use Responsive Images

It is 2024, and the Internet is mobile, which means that your SEO-friendly images must provide a great user experience across all devices and screen sizes. That is where responsive photos come in handy. As your website visitors consume your content on different devices, they will have different expectations. And that big hero image from your desktop just doesn’t provide the same user experience on an iPhone without some help.

One of the reasons we use WordPress for all our clients is that it is exceptionally SEO-friendly for images right out of the box. One of the most beneficial WordPress features is the ability to change image size depending on what size screen the reader is on, regardless of whether that is a desktop, a tablet, or a smartphone. Thus responsive images are critical for SEO.

8 – Create Optimized Alt Tex

A key aspect of creating SEO-friendly images has to be search engine optimization. Yet most business and website owners miss this essential step! They are not writing adequate (or any) Meta descriptions and Alt tags for their website images. And that works against them on several different levels.

Alt text takes the place of an image if it can’t show up on the viewer’s screen. If the viewer can’t see the picture, it describes what they are seeing. Alt-text is especially helpful when optimizing your site for readers with visual impairment, or if you are using a visual content translator such as Amazon Polly. If they can’t see the image, they can still understand the message. When you write the alt text for an image, describe what’s happening in the picture using relevant keywords.

9 – Utilize Image Captions

Part of creating SEO-friendly images is to make them as appealing and informative as possible. One easy way of doing that is by using image captions. Image captions provide needed context for website visitors and search engines alike. You can use them to add relevant information to the image, including focus keywords related to both the image itself and the overall page content.

10 – Create XML Image Sitemaps

You already know that search engines use sitemaps to understand better the structure and content of your website pages for indexing. But many business website owners don’t realize that the same applies to website images. As you create your SEO-friendly photos, don’t forget to add them to your image XML sitemap, and then upload your image sitemap to Google, Bing, and other search engines.

11 –Use Images Effectively

Please don’t use images solely for the sake of using images. While this may seem tempting to many businesses and website owners, using too many photos usually has a negative impact. Instead of creating a visual mess, limit yourself to one or two images that clearly explain what the content is all about.

An image that is surrounded by related text ranks better for the keyword it is optimized for. 

Yoast

Part of creating SEO-friendly images for your site is to ask yourself the following questions:

• Is this the most appropriate image to use in this instance?
• Does the image add value to the content instead of distracting from it?
• Is the image aligned with your target audience’s expectations?
• Is the image aligned with your brand image, voice, and strategy?

If you answered no to any of these questions, you might not yet have the SEO-friendly images you need to stand out and get noticed.

12 – Use Branded Images

If you want SEO-friendly images to elevate your brand, stop using boring stock photos. Not only are many stock photographs overused, but stock images, in general, do little to make your business or product brand stand out and get noticed in the ever more competitive digital marketplace. Therefore, creating SEO-friendly images is your best option. But what if you don’t have the time or budget for that?

A cost-effective and straightforward solution is to modify existing images to reflect your brand. Start by making sure you are not using a copyrighted image. Then add your touches, such as your logo or tagline. For a consistent image strategy, consider adding a color screen or overlay to match your brand colors. Using black and white images with a single colored element is another very effective strategy for creating SEO-friendly images.

As always, don’t overdo it. A visually pleasing website that utilizes the same colors, gradients, or duotones throughout will create an elegant and sophisticated online presence that will get you noticed. Creating a garish mess of clashing colors will make your target audience run for the hills, which, unfortunately, is where all your competitors are waiting!

13 – Mix It Up!

And finally, if you want to create SEO-friendly images, try to mix it up a bit! There are virtually endless types of images you can add to your content to attract and engage your audience and make your website or e-commerce store more SEO-friendly and appealing.

So instead of merely relying on stock images consider using some of the following:

• Your own photos, such as images of your business, team, location, products, or mascot.
• Images of your happy customers and clients using your products or services
• Feature images provided by your consumers and audience, such as images of your events
• Have an image contest and feature the winning entries
• Use illustrations to illustrate more complex information
• Use infographics to represent more complex information
• Consider using branded memes as appropriate
• Use charts and graphs to illustrate data
• Use animated SVG files for a unique visual touch; this works great for logos

Any Questions About Creating SEO-Friendly Images?

Now, that wasn’t so bad, was it? As you can see, creating SEO-friendly images is pretty straightforward once you get the hang of it. Most of you get apprehensive when you hear the term SEO, and I can understand that. Forget all that technical stuff. Simply put yourself in the shoes of your target audience.

What is the main focus of the interest of your target audience? What type and kind of visuals will support that objective? And what do you need to tell search engines to make that intent clear? My 13 tips for creating SEO-friendly images will help you find the answers.

Keep in mind that no single strategy will work equally well under all circumstances. You may need to tweak my tips a little for creating SEO-friendly images. Feel free to let us know what works and doesn’t work for you.

Optimizing Website Images is Crucial

In conclusion, optimizing website images is crucial to improving search rankings and enhancing user experience. By implementing the 13 tips for creating SEO-friendly images, website owners can effectively appeal to search engines and consumers. 

Pay attention to the power of image optimization in your SEO strategy. Contact us for more information and take your website to the next level.

Do You Need Help Increasing Website Traffic?

Are you unsure how to create SEO-friendly images for your website or e-commerce store? Our team of professional designers will be happy to help you with this.

Then, if you believe we are a good fit for your web design and SEO needs, reach out to us! We offer a full range of consulting and design solutions for businesses and product brands.

And if you are still unsure how you and your business can benefit from SEO, let’s talk! Our search engine optimization services can help you optimize your images, and provide you with additional SEO benefits to increase your search rankings and visibility.