Images can make a website more useful, persuasive, and easier to understand. They can also become a source of search visibility through Google Images and other visual search experiences. But poorly implemented images can slow pages, create accessibility problems, waste crawl resources, and make it harder for search engines to understand what the image represents.
Image SEO is the process of making visual content technically accessible, contextually meaningful, appropriately sized, fast to load, and useful to the people viewing the page.
The strongest image strategy is not about inserting keywords into every file name and alt attribute. It combines image quality, accessibility, page performance, descriptive context, responsive delivery, and sound technical SEO.
Why Image SEO Matters
Images can appear in search
Google Images gives websites another opportunity to be discovered. Images can also appear in standard search results and other visual search experiences.
Images affect page experience
Large or poorly delivered images can increase load time and contribute to weak Core Web Vitals.
Images support understanding
Useful photographs, diagrams, charts, screenshots, and illustrations can explain information that is difficult to communicate through text alone.
Images affect accessibility
Alternative text and proper markup can help people using assistive technologies understand meaningful visual content.
Start With Useful Images
Optimization cannot make an irrelevant image valuable.
Use images that
- Support the page topic.
- Explain a concept.
- Show a product or service.
- Demonstrate a process.
- Provide visual evidence.
- Help a user make a decision.
- Represent the business accurately.
Avoid adding decorative stock images solely because every page is expected to contain a certain number of pictures.
Original Images Can Add Unique Value
Original photography and graphics can differentiate a website from competitors using the same stock library.
Examples include
- Team photos.
- Completed projects.
- Products.
- Facilities.
- Before-and-after images.
- Original charts.
- Process diagrams.
- Custom illustrations.
- Real screenshots.
Use truthful imagery and obtain appropriate permissions before publishing.
Place Images Near Relevant Text
Google recommends placing images near text that is relevant to them.
The surrounding heading, paragraph, caption, and page topic provide context that can help users and search systems understand the image.
Do not place an important image on a page where the surrounding content has little relationship to it.
Write Descriptive Page Titles and Headings
Image SEO does not happen in isolation. Google uses the page’s content and metadata when understanding images.
A clear page title and relevant headings create stronger context than trying to force every concept into an image attribute.
Use Descriptive File Names
A descriptive file name can provide a small amount of context before the image is even rendered.
Weak
IMG_8472.jpg
Better
miami-commercial-roof-repair.jpg
Keep file names concise and meaningful. Do not create excessively long keyword lists.
Avoid Keyword-Stuffed File Names
A file name such as ‘best-miami-roofing-company-roof-repair-roofer-near-me.jpg’ is not useful.
Choose a simple description of what the image actually shows.
Understand Alt Text
Alternative text, commonly called alt text, provides a textual alternative for an image.
Alt text is especially important for accessibility. It can also help search engines understand the image in context.
The goal is to communicate the image’s purpose, not to create a hidden keyword field.
Write Alt Text for the Image’s Purpose
Good alt text depends on why the image is on the page.
Example
If a photo shows a technician repairing an air-conditioning unit, useful alt text might be: ‘Technician repairing a residential air-conditioning unit.’
If the image is a chart, the text alternative may need to communicate the chart’s meaningful information rather than merely say ‘chart.’
Keep Alt Text Contextual
The same image can require different alternative text in different contexts.
For example, a photo of a storefront on a location page may need to identify the location, while the same image used decoratively elsewhere may not need that information.
Write for the user who cannot see the image.
Do Not Stuff Keywords Into Alt Text
Google warns against filling alt attributes with keywords.
Avoid
‘Miami SEO company best SEO agency Miami digital marketing SEO services.’
Prefer
‘Link2City team reviewing a local SEO campaign dashboard.’
Natural descriptions are more useful for accessibility and content understanding.
Decorative Images May Need Empty Alt Text
Not every image needs a verbal description.
When an image is purely decorative and adds no meaningful information, accessibility best practices often call for an empty alt attribute so assistive technology can skip it.
The implementation depends on the image’s role and HTML context.
Do Not Use Alt Text as a Caption
Alt text and visible captions serve different purposes.
A caption can provide visible context, explanation, attribution, or a takeaway for every reader. Alt text provides a text alternative for the image.
Use both when each serves a legitimate purpose.
Use Captions When They Add Value
Captions are useful for charts, case-study images, before-and-after photos, screenshots, and images that need explanation.
Do not force a caption onto every decorative image.
Choose the Right Image Format
JPEG
JPEG remains useful for photographic images where lossy compression is acceptable.
PNG
PNG is useful when lossless quality or transparency is important, although file sizes can be larger.
WebP
WebP can provide strong compression for both lossy and lossless images and supports transparency.
AVIF
AVIF can provide high compression efficiency and is supported by modern browsers, but implementation should be tested for compatibility and workflow needs.
SVG
SVG is well suited to scalable vector graphics such as icons and logos when implemented securely and appropriately.
Google Supports Common Modern Image Formats
Google’s current image documentation lists BMP, GIF, JPEG, PNG, WebP, SVG, and AVIF among supported image formats.
Choose formats based on quality, file size, transparency, browser support, and the visual content rather than assuming one format is always best.
Compress Images
Images are often among the largest page resources.
Compression reduces file size while attempting to preserve acceptable visual quality.
A good workflow
- Start with the correct dimensions.
- Choose an appropriate format.
- Compress the file.
- Compare visual quality.
- Test the page on mobile.
- Monitor performance.
Overcompression can create visible artifacts, so optimization should balance speed and quality.
Do Not Upload Huge Images for Small Display Areas
If an image displays at 400 pixels wide, serving a 5,000-pixel source to every visitor can waste bandwidth.
Generate image sizes appropriate to the actual display requirements and device densities.
Use Responsive Images
Responsive image markup lets the browser choose an appropriate image resource for the user’s device and viewport.
HTML features such as srcset and sizes can reduce unnecessary downloads while still serving sharper images to higher-density displays.
Google supports responsive image patterns and can process the src attribute of image elements as well as appropriate source information.
Set Width and Height Attributes
Images should generally include intrinsic width and height information so browsers can reserve the correct amount of space before the image loads.
This helps reduce unexpected layout movement and supports better Cumulative Layout Shift performance.
CSS can still make the image responsive while preserving its aspect ratio.
Understand Core Web Vitals
Largest Contentful Paint
A large hero image can become the page’s Largest Contentful Paint element. If it loads slowly, it can delay the point at which the main content appears ready.
Cumulative Layout Shift
Images without reserved dimensions can push surrounding content when they finally load.
Interaction to Next Paint
Image processing is not normally the only cause of interaction delay, but heavy scripts and complex media experiences can contribute to overall responsiveness problems.
Optimize the LCP Image Carefully
If the primary above-the-fold image is likely to be the LCP element, it should be discoverable and loaded with appropriate priority.
Do not lazily load the likely LCP image merely because lazy loading is used elsewhere on the page.
Test actual performance rather than relying only on a plugin’s default settings.
Lazy Load Below-the-Fold Images
Lazy loading can defer images that are not immediately visible, reducing initial network work.
Native browser loading attributes can be used in appropriate situations.
However, Google warns that content should load when it becomes visible rather than requiring user actions such as clicking or typing for important content to appear.
Do Not Lazy Load Everything
Aggressive lazy loading can delay critical imagery.
Typically prioritize
- Logo when needed immediately.
- Hero or primary above-the-fold image.
- Likely LCP image.
- Other content essential to the initial viewport.
Consider lazy loading
- Gallery images far down the page.
- Related-content thumbnails.
- Below-the-fold illustrations.
- Noncritical product images outside the initial viewport.
Use Image CDNs Carefully
An image CDN can resize, compress, and deliver images from infrastructure closer to users.
This can improve performance, especially for image-heavy sites.
However, changing image URLs can affect indexing and caching. Google recommends maintaining consistent image URLs when possible. Plan CDN migrations carefully.
Use Stable Image URLs
If image URLs change constantly, search engines may need to rediscover and recrawl the same visual assets.
Use stable, crawlable URLs and avoid unnecessary URL changes.
Make Sure Images Can Be Crawled
An image cannot perform well in image search if Google cannot access it.
Check
- Robots.txt rules.
- Authentication requirements.
- Hotlink protection.
- CDN restrictions.
- Image URL status codes.
- JavaScript rendering.
- Firewall rules.
Do not accidentally block important image directories from search crawlers.
Use Standard HTML Image Elements
Google’s image guidance recommends standard HTML image elements for indexing.
CSS background images may be useful for design, but they should not be relied upon for important indexable content imagery.
Use semantic markup when an image is part of the page’s meaningful content.
Image Sitemaps
Image sitemaps can help Google discover images that might otherwise be difficult to find, including some images reached through JavaScript.
They can be especially useful for large image libraries, product catalogs, galleries, or sites where image discovery is important.
An existing XML sitemap can be extended with image information, or a separate image sitemap can be used.
Do You Need an Image Sitemap?
Not every small website needs a dedicated image sitemap.
Consider one when
- Images are strategically important.
- The site has a large image library.
- Images are loaded in complex ways.
- Some assets are difficult for crawlers to discover.
- Image Search is an important acquisition channel.
Structured Data and Images
For eligible content types, structured data can help Google understand a page and associate images with rich search features.
Examples can include
- Product.
- Recipe.
- Article.
- Video.
- Local business information where appropriate.
Structured data should accurately reflect visible page content. It is not a substitute for good image markup or useful content.
Open Graph Images Are Different
Social sharing images and search image optimization overlap but are not identical.
Open Graph metadata helps control how a page may appear when shared on compatible social platforms. It does not replace the page’s actual image markup, alt text, or technical image SEO.
Optimize Product Images
E-commerce sites depend heavily on imagery.
Product image best practices include
- High-quality primary images.
- Multiple useful angles.
- Accurate color representation.
- Descriptive alt text.
- Appropriate dimensions.
- Responsive delivery.
- Fast loading.
- Consistent URLs.
- Relevant product structured data.
Optimize Local Business Images
Local businesses can use original photos to show customers what to expect.
Useful images include
- Exterior.
- Interior.
- Team.
- Products.
- Services.
- Equipment.
- Completed work.
- Parking or entrance information when useful.
Keep images accurate and current.
Optimize Before-and-After Images
Before-and-after photos can be valuable for contractors, restoration companies, auto repair businesses, home services, cosmetic services, and other visual industries.
Best practices
- Label which image is before and after.
- Keep the comparison truthful.
- Use consistent framing when possible.
- Add a short caption.
- Describe the actual work performed.
- Obtain appropriate permission.
Optimize Screenshots
Screenshots can explain software, reports, dashboards, processes, or case studies.
Before publishing
- Crop unnecessary interface areas.
- Remove or obscure sensitive information.
- Compress appropriately.
- Add a useful caption.
- Provide relevant surrounding explanation.
Charts and Infographics
Charts can provide original information that earns links and visual search exposure.
Important conclusions should also be available in text so users and search systems do not need to extract essential information from pixels alone.
For complex graphics, consider providing a longer textual explanation or data table.
Text Inside Images
Avoid placing important page copy only inside an image.
Users need selectable, scalable, accessible text, and search engines can better process normal HTML text.
A graphic can reinforce the message, but important information should generally also exist in the page content.
Logos
Use a clean, high-quality logo asset in an appropriate format.
Vector formats such as SVG can work well for logos when implemented correctly because they remain sharp at different sizes.
Make sure the logo’s surrounding markup and business identity are consistent across the website.
Image SEO for WordPress
WordPress can automatically create multiple image sizes, which can support responsive delivery.
Still review
- Original upload size.
- Compression.
- Generated image variants.
- Alt text.
- Captions.
- Theme behavior.
- Lazy loading.
- Hero-image priority.
- Unused image sizes.
- CDN configuration.
Do not assume an optimization plugin makes every image automatically ideal.
Image SEO for Multi-Location Websites
Local pages should use images that genuinely represent the location or service area when possible.
Avoid pretending the same generic stock image represents every office.
Useful location imagery can include
- Actual office exterior.
- Interior.
- Local team.
- Local projects.
- Neighborhood context.
- Location-specific service examples.
File Naming Workflow
Before upload
Rename the image based on what it actually shows.
Use
- Short descriptive words.
- Hyphens between words.
- Lowercase for consistency when practical.
- Stable naming conventions.
Avoid
- Camera-generated names.
- Keyword lists.
- Dates that serve no purpose.
- Special characters that complicate URLs.
Image Optimization Workflow
- Select a useful image.
- Crop to the needed composition.
- Resize to appropriate dimensions.
- Choose the format.
- Compress.
- Create responsive variants when needed.
- Rename descriptively.
- Upload.
- Write appropriate alt text.
- Add a caption if useful.
- Place near relevant content.
- Confirm dimensions are reserved.
- Test mobile display.
- Test performance.
- Confirm crawlability.
Monitor Image Search Performance
Google Search Console can help website owners analyze performance from Google Search, including image search traffic through appropriate search-type filters.
Review
- Image-search clicks.
- Impressions.
- Queries.
- Pages receiving image visibility.
- Changes after redesigns or migrations.
Use trends to identify which image types and topics create meaningful discovery.
Google Lens and Visual Search
Visual search allows users to search with images rather than only typed words.
High-quality, contextually relevant images can therefore support discovery beyond traditional text queries.
Businesses with products, destinations, food, design work, repair projects, or other visually distinctive offerings should consider visual search as part of the broader content strategy.
Image SEO and Generative Search
Search is becoming increasingly multimodal. Users can combine text and images, and generative search experiences can draw on multiple content formats.
The same fundamentals remain important: useful images, crawlable pages, strong surrounding context, accurate information, and good technical implementation.
Accessibility Is Not an SEO Trick
Alt text exists first to make visual content understandable when the image cannot be perceived.
Do not compromise accessibility in an attempt to insert more keywords.
Accessible implementation often creates clearer, more meaningful content, which can also support better search understanding.
Common Image SEO Mistakes
- Uploading enormous original files.
- Using generic file names.
- Keyword stuffing alt text.
- Leaving meaningful images without text alternatives.
- Writing alt text for purely decorative images when it adds noise.
- Using images unrelated to the page.
- Blocking images from crawling.
- Changing image URLs unnecessarily.
- Lazy loading the LCP image.
- Failing to reserve image dimensions.
- Putting important text only inside graphics.
- Using the same stock photo on every page.
- Failing to compress images.
- Assuming a plugin solves every issue.
Image SEO Audit Checklist
Content
- Are images relevant?
- Are important images original where possible?
- Are they placed near relevant text?
- Do captions add useful context?
Accessibility
- Do meaningful images have appropriate alt text?
- Are decorative images handled correctly?
- Is important information available outside the image?
Performance
- Are files compressed?
- Are dimensions appropriate?
- Are responsive images used?
- Are width and height reserved?
- Is the LCP image prioritized?
- Are below-the-fold images lazy loaded appropriately?
Technical SEO
- Can Google crawl image URLs?
- Are standard image elements used?
- Are URLs stable?
- Would an image sitemap help?
- Is relevant structured data implemented correctly?
Measurement
- Is Search Console configured?
- Is image-search performance reviewed?
- Are image-heavy pages monitored for Core Web Vitals?
Frequently Asked Questions
Does alt text help SEO?
Alt text can help search engines understand an image and is important for accessibility. It should accurately communicate the image’s purpose rather than be used for keyword stuffing.
What is the best image format for SEO?
There is no single best format. JPEG, PNG, WebP, AVIF, SVG, and other supported formats serve different purposes. Choose based on visual quality, file size, transparency, browser support, and content type.
Is WebP better than JPEG?
WebP often provides efficient compression, but the best choice depends on the image, quality requirements, and website workflow. Test actual file sizes and visual results.
Should every image have alt text?
Every image element should be implemented accessibly, but purely decorative images may appropriately use empty alternative text. Meaningful images need text alternatives suited to their purpose.
Should I put keywords in image file names?
Use concise descriptive file names when practical. Avoid stuffing multiple keywords into the name.
Should I lazy load all images?
No. Lazy loading is useful for below-the-fold images, but critical above-the-fold imagery, especially a likely LCP image, should generally be loaded with appropriate priority.
Do images need width and height attributes?
Providing intrinsic dimensions helps browsers reserve space and can reduce layout shift. Responsive CSS can still scale the image appropriately.
Do I need an image sitemap?
Not always. Image sitemaps are particularly useful when image discovery is strategically important or when some images may be difficult for crawlers to find.
Can stock photos rank in Google Images?
They can be indexed, but original imagery often provides more distinctive value to users and a stronger opportunity for a business to differentiate itself.
Can image SEO improve page speed?
Yes. Resizing, compression, modern formats, responsive delivery, appropriate lazy loading, and good caching or CDN implementation can significantly reduce image-related page weight.
A Strong Image Strategy Supports the Entire Website
Image SEO is not a checklist of hidden fields. It is the result of choosing useful visual content and delivering it in a way that is understandable, accessible, crawlable, fast, and relevant.
Businesses should focus on original visual value, descriptive context, responsible alt text, appropriate formats, responsive images, stable URLs, performance, and measurement.
When these practices are integrated into the normal website publishing process, images can improve both the user experience and the site’s opportunities for search discovery.
Improve Website and Search Performance With Link2City
Link2City helps businesses improve the technical, content, local, and conversion foundations of their websites. Image optimization can be incorporated into broader SEO, website development, Core Web Vitals, content, local SEO, and ongoing website management.
If your website is image-heavy, slow, difficult to manage, or receiving limited visibility from visual search, Link2City can help identify technical issues and build a practical optimization plan.