Image SEO Best Practices

Images can do much more than make a website look attractive.

They can explain products, show completed work, provide visual evidence and help visitors understand information faster.

They can also appear in Google Images and contribute to how pages are presented across search features.

Yet images are frequently treated as an afterthought.

A business uploads a file called:

IMG_4837.jpg

adds no useful alternative text, inserts the full-resolution photograph directly into the page and moves on.

The result may still look acceptable on screen.

Behind the scenes, however, the website may be carrying unnecessarily large files while giving search engines and assistive technologies very little information about what those images actually represent.

Good image SEO addresses both sides of the problem.

Images should be understandable and useful.

They should also be delivered efficiently.

What Is Image SEO?

Image SEO refers to the practices used to help search engines understand and access images while maintaining a good experience for website visitors.

This can involve:

• File names
• Alt text
• Image dimensions
• File formats
• Compression
• Responsive delivery
• Page context
• Crawlability

Image SEO should not be treated as an isolated technical task.

Images exist within pages.

Their value therefore depends partly on the quality and relevance of the surrounding content.

Image SEO Is Not Just About Google Images

Ranking in Google Images can be useful.

That is only one reason to handle images properly.

Well-managed images can also contribute to:

• Faster pages
• Better accessibility
• Clearer content
• Stronger product pages
• More useful search-result previews

The goal is not simply to make an image searchable.

It is to make the entire page better.

Start With Images That Add Real Value

Not every page needs a photograph.

Images should have a reason to exist.

Useful examples might include:

• Product photographs
• Before-and-after examples
• Diagrams
• Charts
• Screenshots
• Project photography
• Maps
• Step-by-step visuals

A decorative stock image that adds no information should not automatically be treated as important SEO content.

Use images where they genuinely support the subject.

Original Images Can Be Particularly Valuable

Businesses with access to original visual material should use it.

Examples include:

• Completed projects
• Products
• Staff at work
• Facilities
• Events
• Processes

Original images can provide evidence and specificity that generic stock photography cannot.

They also give the website visual material directly connected to the business.

Avoid Using Images Only as Decoration

A large hero image may look attractive.

That does not necessarily mean it contributes meaningful information.

Decorative images should not be forced into an SEO role simply because they occupy a prominent position.

If an image is purely decorative, its accessibility treatment should reflect that rather than trying to invent unnecessary descriptive text.

Use Descriptive File Names

File names can provide useful context.

Instead of:

DSC_9274.jpg

use something such as:

cape-town-office-interior.jpg

The filename should describe the image naturally.

Google's image guidance recommends using descriptive filenames rather than generic names where practical.

Keep File Names Simple

A useful filename should normally be:

• Short
• Descriptive
• Relevant

Avoid:

best-top-amazing-affordable-office-interior-design-cape-town-company.jpg

That looks unnatural and adds no useful clarity.

A sensible filename might be:

commercial-office-interior-cape-town.jpg

The purpose is description, not keyword repetition.

Use Hyphens Between Words

Hyphens provide a clean way to separate words in file names.

For example:

family-safari-south-africa.jpg

is easier to interpret than:

familysafarisouthafrica.jpg

or:

family_safari_south_africa.jpg

Keep naming conventions consistent throughout the site.

Rename Images Before Uploading Them

Renaming files before they enter the WordPress media library makes organisation easier.

Once images are already:

• Uploaded
• Embedded
• Indexed
• Shared

changing file URLs can create additional work.

Build sensible naming into the content workflow rather than trying to correct hundreds of files later.

Do Not Rename Existing Images Without a Reason

If an image already has a working URL and is receiving traffic, changing it solely to create a slightly better filename may not be worthwhile.

URL changes can require:

• Redirects
• Updated references
• Sitemap updates

Image SEO should improve the site rather than create unnecessary technical risk.

Write Useful Alt Text

Alternative text, commonly called alt text, describes an image for situations where the image cannot be seen or is being interpreted by assistive technology.

It also provides search engines with information about image content.

Good alt text should describe what matters in the context of the page.

For example:

Modern open-plan office with timber ceiling panels and collaborative workspaces

is more useful than:

office

Alt Text Should Reflect the Image

Do not write alt text based purely on the keyword you want the page to rank for.

Describe what is actually shown.

If the image contains:

• A building
• A person
• A product
• A diagram

the description should reflect that content.

Relevance should come naturally from the relationship between the image and the page.

Do Not Stuff Keywords Into Alt Text

Bad alt text might look like:

Cape Town architect architecture company best architect Cape Town commercial architect

This is difficult to read and does not describe the image properly.

A better version would be:

Contemporary commercial building designed around a landscaped central courtyard

The page itself can provide location and service context where appropriate.

Not Every Image Needs Descriptive Alt Text

Purely decorative images generally do not require descriptive alternative text.

In HTML, decorative images may use an empty alt attribute so assistive technology can ignore them.

The correct treatment depends on whether the image communicates meaningful information.

Do not create unnecessary alt descriptions for background decoration simply because an SEO checklist says every image needs text.

Context Determines Good Alt Text

The same image could require different alt text depending on how it is used.

Imagine a photograph of a solar installation.

On an architecture page, relevant alt text might focus on:

Solar panels integrated into the roof of a commercial building

On a renewable-energy article, the important detail might be:

Rooftop photovoltaic panels installed across a commercial property

Describe the part of the image that matters to the surrounding content.

Avoid Starting Every Alt Description With "Image of"

Assistive technologies already identify an image as an image.

You usually do not need:

Image of a family walking on a beach

You can simply write:

Family walking along a beach on the Garden Route

This keeps the description concise.

Keep Alt Text Concise but Useful

Alt text does not need to become a paragraph.

Describe the essential information.

For example:

Architect reviewing commercial building plans with a project team

is usually sufficient.

Avoid including details that have no relevance to the page.

Product Images Need Specific Alt Text

For ecommerce pages, useful descriptions can include:

• Product name
• Variant
• Colour
• Relevant distinguishing feature

For example:

Black leather office chair with adjustable armrests

is more useful than:

chair product photo

Different product images should not all receive identical alt text if they show meaningfully different views.

Diagrams Need More Thought

A diagram can contain far more information than ordinary alt text can reasonably explain.

In that situation:

• Provide a concise alt description
• Explain the important information in surrounding text

Do not try to squeeze an entire technical diagram into a huge alt attribute.

Important information should also be accessible in the page content itself.

Surround Images With Relevant Content

Search engines do not interpret images in isolation.

The text around an image can help establish context.

Place important images near relevant:

• Headings
• Paragraphs
• Captions

For example, a photograph of a rainwater harvesting system makes more sense beside a section discussing water management than at the bottom of an unrelated page.

Captions Can Add Useful Context

Captions are not mandatory for every image.

They can be useful when visitors need additional information.

A caption might identify:

• Location
• Product
• Project
• Person
• Date
• Important detail

Do not duplicate the alt text word for word.

Captions are visible to everyone and should provide useful editorial information.

Image SEO Depends on Page Quality

A well-named photograph cannot rescue a weak page.

If the surrounding page contains:

• Thin information
• Poor structure
• Unclear search intent

image work alone is unlikely to transform its performance.

Images should support strong content.

That means the usual SEO fundamentals still matter:

• Useful page topic
• Clear headings
• Relevant copy
• Internal structure
• Good user experience

Keep Important Images Crawlable

Search engines need to access images before they can understand or index them.

Do not unintentionally block important image files through:

• Robots rules
• Authentication
• Incorrect CDN settings

Google's current documentation also clarifies that images are extracted from the src attribute of <img> elements, including images placed inside elements such as <picture>.

Developers should make sure important images appear in crawlable HTML implementations.

Be Careful With Unusual Lazy-Loading Implementations

Lazy loading can reduce unnecessary loading by delaying off-screen images.

However, poorly implemented systems can prevent search engines or users from receiving the image correctly.

Browser-native lazy loading provides a relatively straightforward option in many situations.

For example:

loading="lazy"

can be used on appropriate off-screen images.

Do not lazy-load every image automatically.

Do Not Lazy-Load the Main Hero Image

An image visible immediately when the page opens should generally be treated differently from an image far down the page.

Delaying the main visual can create:

• Blank spaces
• Slower perceived loading
• Poorer performance metrics

Prioritise important above-the-fold content.

Lazy loading is more suitable for images users have not reached yet.

Image Size Matters

One of the most common website performance problems is uploading images far larger than they are displayed.

For example:

A photograph might be:

5000 × 3300 pixels

while appearing on the page at:

800 × 530 pixels

Visitors may still be downloading far more data than necessary.

Resize images according to realistic display requirements.

Do Not Upload Camera Originals Directly

Modern cameras and smartphones can create very large image files.

Those originals are useful for:

• Printing
• Editing
• Archiving

They are rarely appropriate for direct website delivery.

Create web-ready copies before uploading.

This protects both:

• Image quality
• Loading performance

Compression Is Essential

Image compression reduces file size while attempting to maintain acceptable visual quality.

A good web image should be visually suitable without carrying unnecessary data.

The ideal compression level depends on:

• Image content
• Dimensions
• Format
• Display size

Do not compress so aggressively that important photographs become visibly degraded.

Choose the Right Image Format

Common web image formats include:

• JPEG
• PNG
• WebP
• AVIF
• SVG

Each has different strengths.

Google Search currently supports major image formats including JPEG, PNG, WebP, SVG and AVIF; AVIF support was added to Google's documented supported formats in 2024.

Choose a format according to the type of image rather than using one format for everything.

JPEG Still Works Well for Photography

JPEG remains practical for photographic images.

It offers:

• Broad compatibility
• Adjustable compression
• Reasonable quality

Modern formats may produce smaller files in many cases, but JPEG remains a valid option when properly sized and compressed.

PNG Works Better for Some Graphics

PNG can be useful for:

• Graphics
• Screenshots
• Images requiring transparency

It can become unnecessarily large for high-resolution photography.

Avoid using PNG automatically simply because the quality appears high.

File format should match the content.

WebP Can Reduce File Size

WebP is widely supported and can provide good image quality with relatively efficient file sizes.

It works for:

• Photography
• Graphics
• Transparent images

Many modern WordPress hosting and image tools can create WebP versions automatically.

Check the actual visual result rather than assuming conversion always produces the best output.

AVIF Can Be Highly Efficient

AVIF can provide strong compression efficiency.

However, implementation should still consider:

• Browser support for the site's audience
• CMS support
• Image-processing workflow

WordPress and hosting environments continue to change, so test the specific setup rather than relying on generic assumptions.

Google Search supports AVIF for image indexing.

SVG Is Useful for Suitable Graphics

SVG works particularly well for vector-based graphics such as:

• Logos
• Icons
• Simple illustrations

Because SVG graphics scale without becoming blurry, they can work across multiple screen sizes.

SVG is not a replacement for normal photography.

Use it where vector graphics make sense.

Serve Responsive Images

Visitors use screens ranging from small phones to large desktop monitors.

Sending the same very large image to every device wastes bandwidth.

Responsive image techniques allow browsers to select an appropriate image size for the display.

WordPress generally creates multiple image sizes and can output responsive srcset attributes when themes and plugins use standard WordPress image functions correctly.

Check What Divi Is Actually Serving

A WordPress website using Divi may appear visually correct while still delivering oversized images.

Inspect important pages to see:

• Which image file loads
• Its pixel dimensions
• Its file size
• How large it appears on screen

Do not assume the theme has automatically made every uploaded image efficient.

The original upload still matters.

Use the WordPress Image Size Options Properly

WordPress can generate several image sizes.

Depending on the site, these may include:

• Thumbnail
• Medium
• Large
• Full size

Do not choose Full Size automatically when a smaller generated size is sufficient.

The correct choice depends on the Divi module and intended display width.

Avoid Excessive Image Plugins

WordPress users sometimes install several plugins that all attempt to:

• Compress images
• Convert formats
• Lazy-load
• Serve CDN versions

Multiple overlapping systems can cause conflicts.

Choose a clear image-delivery setup and understand which tool is responsible for each task.

More plugins do not automatically produce better performance.

Test Image Quality After Automated Compression

Automated tools can save considerable time.

They can also make mistakes.

Check representative pages after enabling new compression settings.

Pay particular attention to:

• Portfolio photography
• Product photographs
• Architecture images
• Fine textures
• Gradients

A technically smaller file is not successful if it visibly damages important visual content.

Pay Attention to Image Dimensions

The file size measured in kilobytes is only part of the picture.

Pixel dimensions also matter.

An image that is heavily compressed but still 7000 pixels wide may remain unnecessarily demanding.

Resize first.

Then compress.

Maintain Appropriate Aspect Ratios

Do not stretch photographs to fit a container.

If the original image has one aspect ratio and the layout uses another, crop it deliberately.

Distorted photographs:

• Look unprofessional
• Reduce visual quality
• Can misrepresent products or spaces

Use properly prepared crops for important placements.

Avoid Cumulative Layout Shift

Pages can move unexpectedly while images load if the browser does not know how much space to reserve.

Providing image dimensions helps browsers allocate space before the file appears.

This can contribute to better page stability.

Modern WordPress generally includes width and height attributes on images when standard systems are used correctly.

Check custom modules or manually inserted HTML carefully.

Hero Images Need Special Attention

Large hero images often have the greatest effect on page loading.

A hero image should be:

• Properly sized
• Efficiently compressed
• Delivered in an appropriate format

Do not use a 10 MB photograph because it looks slightly sharper when opened at 400% zoom.

Visitors experience the image inside the page, not inside Photoshop.

Mobile Hero Images May Need Different Crops

A wide desktop hero image may perform poorly when squeezed into a narrow mobile screen.

Important subjects can disappear behind:

• Cropping
• Text overlays

Where appropriate, use different visual treatments for mobile and desktop.

Good responsive design involves composition as well as file size.

Avoid Text Embedded Inside Images

Important information should generally remain real HTML text rather than being embedded inside a graphic.

Text inside an image can create problems involving:

• Accessibility
• Responsiveness
• Translation
• Search understanding

Use real page text for important headings, offers and explanations.

Graphics can support the message.

They should not carry the only copy.

Infographics Need Supporting HTML Content

A large infographic may contain valuable information.

Search engines and assistive technology should not have to depend entirely on interpreting the graphic.

Provide the key points in:

• Page copy
• Captions
• Supporting sections

This also makes the information easier to use on mobile devices.

Use High-Quality Images

Small file size should not mean poor appearance.

Blurry, badly cropped or heavily compressed images reduce credibility.

This is particularly important for:

• Architecture
• Hospitality
• Ecommerce
• Tourism
• Property

Visual quality forms part of the page experience.

Aim for the smallest sensible file without noticeably compromising the image at its intended display size.

Keep Image URLs Stable

Large websites often reuse images across multiple pages.

Google clarified in its image guidance in 2025 that referencing shared images consistently through the same URLs can make crawling easier on larger sites.

Avoid creating unnecessary duplicate copies of the same file under many different URLs.

This can also make the WordPress media library easier to manage.

Be Careful With CDN URL Changes

Content delivery networks can improve image delivery.

However, changing CDN configuration can alter image URLs.

If image URLs change unnecessarily, search engines may need to recrawl and reassess them.

Choose a stable setup and avoid repeatedly changing image-delivery systems without a reason.

Include Images in Site-Migration Planning

If a website moves to a new:

• Domain
• URL structure
• CDN

image URLs need attention too.

Google's site-move guidance specifically recommends including embedded resources such as images when planning URL migrations.

Do not migrate all page URLs successfully while leaving thousands of old image URLs broken.

Redirect Important Image URLs Where Necessary

When significant image URLs must change, appropriate redirects may help preserve continuity.

This is particularly relevant for:

• Popular images
• Product photographs
• Images receiving search traffic

Do not redirect every broken image blindly to the homepage.

The destination should represent the moved resource where possible.

Image Sitemaps Can Help With Discovery

For sites containing large numbers of important images, image information can be included in sitemaps.

This may be useful when images are otherwise harder for crawlers to find.

An image sitemap does not guarantee ranking.

It assists discovery.

The underlying images and pages still need to be useful and accessible.

Structured Data Can Provide Additional Context

Some page types support structured data that includes images.

Examples can include:

• Products
• Recipes
• Articles

Structured data should accurately represent the page.

Do not add markup merely to insert additional image URLs.

Follow Google's requirements for the particular structured-data type.

Specify Strong Representative Images

Google updated its image documentation in March 2026 to clarify that it may use both schema.org markup and the og:image meta tag as sources when determining preferred thumbnails in Search and Discover.

For important articles and landing pages, select a high-quality representative image rather than leaving thumbnail selection entirely to chance.

Use og:image Deliberately

Open Graph image metadata is widely used when pages are shared across social platforms.

It can also provide search systems with an additional signal about which image represents the page.

Choose an image that:

• Clearly relates to the page
• Works as a thumbnail
• Has good visual quality

Do not use the same generic logo image for every article if the page has a stronger relevant visual.

Featured Images Need Editorial Thought

For WordPress blogs, featured images can appear across:

• Blog archives
• Social sharing
• Search features
• Related-content modules

Treat the featured image as part of the article rather than an administrative requirement.

Choose something relevant enough to represent the page outside its original context.

Avoid Reusing One Generic Image Everywhere

A business sometimes uses the same:

• Office photo
• Logo
• Stock handshake

on dozens of pages.

That provides little visual distinction between topics.

Where practical, use images that correspond directly to the subject of each page.

This also improves the experience when users browse:

• Blog archives
• Search results
• Social previews

File Size Should Match Purpose

There is no single ideal image size in kilobytes that applies to every website.

A full-width architectural photograph requires different treatment from a small blog thumbnail.

Judge images according to:

• Display size
• Visual complexity
• Format
• Required quality

Targets can be useful internally.

They should not become rigid rules that damage image quality.

Large Galleries Need More Care

Portfolio, travel and property websites may contain many photographs on one page.

Even individually reasonable image files can become heavy when 30 load together.

Consider:

• Pagination
• Galleries
• Lazy loading
• Appropriate thumbnails

Do not automatically load every full-resolution image as soon as the page opens.

Product Galleries Need Speed and Detail

Ecommerce images have conflicting demands.

Customers want enough detail to evaluate products.

The page still needs to load efficiently.

A good system may use:

• Smaller initial images
• Responsive delivery
• Larger zoom versions when requested

Users should not have to download every maximum-resolution image before they can interact with the product page.

Keep Thumbnail Images Small

A thumbnail displayed at 250 pixels wide should not require the same file used for a full-screen gallery.

Generate appropriate smaller versions.

This can make a substantial difference on:

• Archive pages
• Product grids
• Blog listings

where many thumbnails appear at once.

Check Images on Mobile Data

A website that feels fast on office fibre may feel completely different on a mobile connection.

Test important pages under slower network conditions.

Pay particular attention to:

• Landing pages
• Product pages
• Blog articles
• Galleries

Image-heavy pages often reveal performance problems quickly.

Use PageSpeed Insights as a Diagnostic Tool

Google PageSpeed Insights can identify image-related issues such as:

• Oversized files
• Poor loading behaviour
• Layout instability

Treat these recommendations as diagnostic information rather than a game where the only goal is achieving a perfect score.

Fix problems that materially affect real users.

Search Console Can Show Image Search Performance

Google Search Console allows site owners to examine search performance and filter results by search type, including Image search where data is available.

This can help identify:

• Pages receiving image traffic
• Queries associated with visual search
• Changes over time

Do not assume image SEO is working or failing based solely on personal Google searches.

Use performance data.

Look for Pages Where Images Matter Commercially

Image SEO deserves more attention on some pages than others.

Priority pages may include:

• Products
• Architecture projects
• Hotels
• Tourism destinations
• Property listings
• Recipes
• Visual tutorials

A legal terms page probably does not need the same visual strategy as an interior-design portfolio.

Allocate effort according to commercial relevance.

Track Image Search Separately When Useful

Image search traffic can behave differently from standard web search traffic.

A visitor searching visually may be:

• Researching
• Comparing
• Looking for inspiration

Analyse whether image visitors:

• Stay on the site
• View products
• Read articles
• Convert

Traffic volume alone does not tell you whether image visibility is commercially valuable.

Protect Images Without Making Them Invisible

Businesses sometimes try to prevent unauthorised copying by blocking images entirely.

That can also prevent search visibility.

Alternatives may include:

• Appropriate copyright notices
• Visible branding where suitable
• Image metadata

The right approach depends on the value and sensitivity of the visual material.

Do not damage legitimate search access accidentally while trying to stop copying.

Watermarks Need Care

A subtle watermark may be appropriate for certain:

• Photography
• Property
• Creative portfolios

Large watermarks can:

• Obscure the image
• Reduce usability
• Make content look promotional

If copyright protection matters, balance protection with the visitor experience.

Image Metadata Can Provide Attribution Information

Google supports certain image metadata that can provide information relating to:

• Creator
• Credit
• Licensing

This can be particularly relevant to professional photography and publishers.

Metadata should accurately reflect rights and attribution.

Do not add ownership claims to images the business does not actually own.

Obtain Proper Image Rights

SEO does not override copyright.

Before publishing an image, confirm that you have the right to use it.

Possible sources include:

• Original photography
• Licensed stock
• Supplier-provided assets with appropriate permission
• Client-approved imagery

Do not copy photographs from other websites simply because they appear in Google Images.

Keep Image Libraries Organised

WordPress media libraries can become difficult to manage after several years.

A consistent upload process can include:

1. Choose the correct image.
2. Rename the file.
3. Resize it.
4. Compress it.
5. Upload it.
6. Add appropriate alt text.
7. Insert the correct image size.
8. Check the published page.

This prevents the media library from becoming a collection of unidentified files.

Do Not Duplicate Media Files Unnecessarily

Before uploading an image, check whether the same file already exists.

Repeated uploads can produce:

• Duplicate storage
• Multiple URLs
• Confusing media libraries

Reuse existing files when that makes editorial sense.

Do not reuse one generic image simply to avoid creating relevant visual content.

WordPress Image Titles Are Not the Same as Alt Text

WordPress provides several image fields.

These may include:

• Title
• Alternative text
• Caption
• Description

They serve different purposes.

Do not copy the same keyword-heavy phrase into every field because an old SEO tutorial recommended it.

Focus primarily on the fields actually used by the page and its users.

Image Title Attributes Are Usually Unnecessary

The HTML title attribute on an image is not a substitute for alt text.

Adding it everywhere does not provide a meaningful SEO advantage.

Use semantic page content and proper alt text rather than filling every possible attribute.

Rank Math Cannot Fix Poor Images Automatically

The free version of Rank Math can help identify certain on-page SEO issues.

It cannot determine whether:

• Your photograph is useful
• Your compression is appropriate
• The crop works on mobile
• Your image adds editorial value

SEO plugins assist with checks.

They do not replace judgement.

Do Not Chase Plugin Scores at the Expense of Accessibility

An SEO plugin may encourage adding a keyword to image attributes.

That does not mean keywords should be forced into every alt description.

Alt text should remain accurate and useful.

A lower plugin score is preferable to misleading accessibility text.

Divi Users Should Check Background Images Carefully

Divi frequently uses background images in sections and modules.

Background images are useful for decorative design.

They are not always treated the same way as semantic <img> elements.

If an image carries meaningful content, consider whether it should be inserted as an actual image element rather than only as CSS background decoration.

Remember that Google's documented image extraction centres on images referenced through <img> elements.

Use Background Images for Background Purposes

A decorative texture behind a headline makes sense as a background.

A photograph that demonstrates:

• A completed project
• A product
• A destination

may deserve to exist as meaningful page content.

Choose implementation according to the image's purpose.

Check Divi's Mobile Image Behaviour

Divi allows different settings across:

• Desktop
• Tablet
• Mobile

Use this when an image:

• Crops badly
• Creates excessive height
• Hides important subjects

Responsive design should be checked visually on actual screen sizes.

Do not assume desktop composition automatically translates to mobile.

Avoid Excessive Sliders

Image sliders can seem attractive because they allow several images to occupy one space.

They can also create:

• Additional scripts
• Larger downloads
• Poor interaction
• Hidden content

Use them where users genuinely benefit.

A well-chosen static image is often clearer than five images rotating automatically.

Do Not Autoplay Heavy Visual Galleries Without Need

Visitors should not download significant visual content they never asked to see.

Give them control where appropriate.

This is particularly relevant for:

• Large portfolios
• Product galleries
• Travel photography

Page performance should reflect likely user behaviour.

Image SEO Should Be Part of Publishing

Do not treat image work as something performed once every six months during an SEO audit.

Make it part of normal publishing.

Every new article should ask:

• Is the image relevant?
• Is the filename sensible?
• Is it properly sized?
• Is it compressed?
• Does it need alt text?
• Does it display correctly on mobile?

Once these steps become routine, the site improves continuously.

Audit Older High-Value Pages First

If a website already contains thousands of poorly handled images, do not begin by manually fixing every file.

Prioritise pages such as:

• High-traffic articles
• Main service pages
• Important products
• Key portfolio pages

Correct the places where improvement is most likely to matter.

Then work through the remaining content systematically.

Look for Missing Alt Text

A site audit can identify images with missing alt attributes.

But do not automatically fill them all with keywords.

Review whether each image is:

• Informative
• Decorative
• Functional

Then use the appropriate treatment.

Automation can identify missing fields.

A person still needs to decide what the image means.

Look for Oversized Images

One of the quickest technical gains may come from finding exceptionally large files.

Look for images measured in:

• Several megabytes
• Very large pixel dimensions

especially when displayed at relatively small sizes.

Replacing a few oversized hero images can sometimes make a noticeable difference across important pages.

Audit Old PNG Photographs

Older sites often contain full-resolution photographs saved as PNG files.

These can become extremely large.

Review whether those images would be better served as:

• JPEG
• WebP
• AVIF

while maintaining suitable visual quality.

Do not convert graphics blindly.

Inspect the content type first.

Check Broken Image URLs

Broken images harm:

• User experience
• Page quality
• Search access

Common causes include:

• Site migrations
• Deleted media
• Incorrect paths
• CDN changes

Repair or remove broken references.

Do not leave empty image placeholders on important pages.

Keep Image URLs Consistent After Site Changes

If a website redesign changes themes or page builders, avoid unnecessarily changing every media URL.

Google's current guidance emphasises consistent references for shared images, particularly on larger sites.

A redesign should not create a completely new image library unless there is a genuine reason.

Do Not Forget Social Sharing Images

An article may look excellent on the website while producing a poor preview when shared.

Check whether important pages have appropriate:

• Featured image
• Open Graph image

The preview image should make sense even when displayed without the full page.

Google's March 2026 documentation update also confirms that og:image can contribute to preferred-image selection in Search and Discover.

Choose Social Images That Crop Well

Different platforms may crop images differently.

Keep important subjects reasonably central.

Avoid placing essential:

• Text
• Faces
• Products

too close to edges.

A strong source image gives platforms more room to create useful previews.

Avoid Generic Branded Social Graphics for Every Article

A graphic containing only:

Company logo + article title

may work as a social asset.

But a relevant photograph or illustration can sometimes communicate the subject more effectively.

Choose based on the page rather than relying on one automatic template for every article.

Image SEO and Accessibility Should Support Each Other

Good image practices often benefit both search engines and users.

Accurate alt text helps:

• Assistive technology
• Search understanding

Meaningful page context helps:

• Readers
• Crawlers

Proper image sizes help:

• Mobile users
• Page performance

SEO works best when technical decisions also improve the actual website experience.

Common Image SEO Mistakes

Watch for:

• Uploading files with camera-generated names
• Stuffing keywords into alt text
• Leaving informative images without alt text
• Writing alt text for purely decorative images unnecessarily
• Uploading full camera-resolution photographs
• Using PNG for every photograph
• Loading full-size images as thumbnails
• Lazy-loading important hero images
• Using important visual content only as background images
• Reusing one generic image across dozens of pages
• Blocking image files from crawlers
• Breaking image URLs during migrations
• Ignoring mobile crops
• Installing several overlapping image plugins
• Treating an SEO plugin score as more important than accurate descriptions

Most of these problems can be prevented by improving the publishing process.

A Practical Image SEO Checklist

Before publishing a page, ask:

• Does the image genuinely support the content?
• Is the filename descriptive?
• Has the image been resized appropriately?
• Has it been compressed?
• Is the file format suitable?
• Does an informative image have accurate alt text?
• Are decorative images treated appropriately?
• Is the image placed near relevant content?
• Does it display properly on mobile?
• Is the correct WordPress image size being served?
• Is the image crawlable?
• Is the hero image loading promptly?
• Are image dimensions preserving page stability?
• Is the featured image suitable for sharing and search previews?
• Does the page remain fast when all images are loaded?

If these points are handled consistently, most of the important image SEO foundations are already in place.

A Simple WordPress and Divi Image Workflow

For a WordPress website using Divi, a practical workflow can look like this:

Before upload

• Choose a relevant image.
• Crop it to the required composition.
• Resize it to sensible web dimensions.
• Rename the file descriptively.
• Compress it.

Inside WordPress

• Upload the prepared image.
• Add accurate alt text when needed.
• Add a caption only where useful.
• Select an appropriate image size.

Inside Divi

• Check desktop display.
• Check tablet display.
• Check mobile cropping.
• Confirm that the module is not serving an unnecessarily large source image.

After publishing

• Test the page.
• Check loading performance.
• Confirm that the image appears correctly.
• Review Search Console performance over time where image search is commercially relevant.

This makes image SEO part of normal content production rather than a separate repair project.

Final Thoughts

Image SEO works best when images are treated as content rather than decoration added at the end of publishing.

Start with useful visuals.

Give files clear names.

Write accurate alt text where it is needed.

Resize and compress images before they become a performance problem.

Choose suitable formats and make sure mobile visitors receive sensible image sizes.

Then place those images inside pages with strong, relevant content.

Google's current documentation continues to reinforce these fundamentals while adding newer guidance around areas such as consistent image URLs, AVIF support and preferred images through schema.org and og:image metadata.

The technical details matter.

But the principle is simple.

A good website image should be easy for visitors to understand, easy for browsers to deliver and easy for search engines to associate with the page around it.

When those three things work together, images become a useful part of the site's search strategy rather than just another element slowing the page down.