The Image Naming Strategy That Improved My Website SEO

When developers optimize websites for SEO, they usually focus on meta tags, keywords, page speed, and structured data. However, one small detail is often ignored: image filenames.

While working on improving my website SEO, I found that many images had generic names like IMG_001.jpg, image.png, or random generated filenames. These names provide no useful information to search engines.

Why Image File Names Matter for SEO

Search engines cannot understand images the same way humans do. They use different signals to understand image content, including:

• Image filename
• Alternative text (alt attribute)
• Image context around the page
• Structured data

A meaningful filename gives search engines additional context about what the image represents.

The Problem With Generic Image Names

Before optimization, many websites contain images like:

IMG_20260701.jpg
photo1.png
banner-final-new.png
Screenshot_001.png

These filenames do not tell search engines anything about the content. They are also difficult to manage when a project grows.

The Better Approach: Descriptive Image Names

Instead of using random names, I started using descriptive filenames based on the actual content.

Example:

Before:

IMG_001.png


After:

react-dashboard-ui-design.png
salon-booking-system-interface.png
nextjs-developer-portfolio.png

My Image Naming Rules

I follow a simple naming convention:

• Use lowercase letters
• Separate words with hyphens
• Include important keywords
• Avoid unnecessary words
• Keep filenames readable

Example From A Real Project

For a salon reservation platform, instead of uploading:

IMG_4589.webp

I changed it to:

viya-salon-booking-dashboard.webp

Now the filename provides information about:

• The product name
• The feature shown
• The context of the image

Don't Forget Alt Text

Image filenames are only one part of image SEO. The alt attribute is equally important because it describes the image for accessibility and search engines.

Bad:

<img src="dashboard.png" alt="image">

Better:

<img 
src="viya-salon-booking-dashboard.webp"
alt="Viya salon booking dashboard showing reservation management"
>

Optimizing Images Beyond Naming

During the SEO improvement process, I also focused on:

• Using modern formats like WebP
• Compressing images before uploading
• Adding proper dimensions
• Lazy loading large images
• Using responsive image sizes

The Result

Image naming alone will not magically rank a website higher. SEO is a combination of many factors.

However, descriptive filenames improve search engine understanding, make projects easier to maintain, and create better accessibility for users.

Final Thoughts

Small technical improvements often create long-term benefits. Renaming an image file takes only a few seconds, but thousands of properly optimized images can improve how search engines understand your website.

Good SEO is not always about adding more complexity. Sometimes it is about fixing small details that were ignored.

Written by A.M. Rinas