How to Optimize Your Images for a Website (AM02-08)
“Every pixel is a signal. Treat your images like content, not decoration.”
– Schieler
Foundations: Image SEO & Optimization Strategy
Image optimization isn’t just about compression, it’s about communication. Properly optimized images reduce load times, increase crawlability, and reinforce keyword relevance across the board. Done right, your images become contextual signals that support the page, not just visual fluff.
Images without intent are dead weight. Images with metadata are keyword artillery.
Before We Begin…
- Get the images early: Ask clients for 10+ images per service during onboarding. Don’t wait till the build is half done.
- Use the onboarding call: Prompt them to come ready with folders, Google Drive, or Dropbox links.
- Choose your tools: Lightroom, Photoshop, or any software that supports batch resizing and metadata editing.
Optimization starts with prep. What you get early defines how clean your outputs are.
Step 1: Resizing Images
- Big files slow your site down. Resize using “long edge” between 1200 and 1600 pixels.
- Never upscale low-quality images. You’ll just pixelate junk.
- Edit for basic clarity: brightness, contrast, and sharpness go a long way.
- Preferred tools: Photoshop, Lightroom, or similar with export presets.
Capture One Export Settings:
Resize long edge: 1600px
File type: JPEG or WebP
Quality: 70-80%
Load speed is a ranking factor. Image size is your lever.
Step 2: Renaming Images
- Hero and First Image on Page: Always include location and service in the file name.
- Examples:
painter-cedartown-ga-hero.png,painting-contractor-cedartown-ga.jpg - Other On-Page Images: Focus on secondary keywords. Location tag optional unless helpful.
- Examples:
painting-contractor-refinishing-drywall-sheetrock.png - Non-Service or General Pages: Name based on content. Use for “about”, “contact”, or trust-building images.
- Examples:
team-photo-of-xyz-company.jpg,contact-the-team-xyz-company.jpg
Google reads file names. Use them to reinforce your on-page targeting.
Step 3: Adding Metadata
- Alt Text: Add in WordPress or your CMS. Defaults to filename unless manually updated. Add purpose and keywords if relevant.
- Descriptions: Use to describe the image clearly. Helps accessibility and clarity for both users and crawlers.
- Copyright Tag (EXIF): As of April 19, 2025, Google only parses the Copyright field. Put your keywords and geo info here if you are embedding metadata.
Example: “Professional Painting Services in Dallas, TX | Latitude: 32.7767, Longitude: -96.7970”
Metadata is dying in SEO, but the smart ones still squeeze juice where it counts.
How to Add EXIF Data in Photoshop
EXIF data is metadata embedded directly into your image file. Google used to parse multiple fields but now only respects the Copyright field. This is your last chance to attach keyword and location context at the file level.
- Open the image in Photoshop.
- Click File > File Info.
- Go to the Copyright field (ignore everything else).
- Type a natural sentence including your service and city. Example:
Exterior Painting in Richmond VA | Latitude: 37.5407, Longitude: -77.4360 - Click OK and save the image with the new embedded metadata.
- Pro tip: Use a spreadsheet to track which images you’ve tagged, especially on large sites.
- Legal bonus: This field also protects you with a traceable ownership claim.
Tiny field, big impact. Only takes 30 seconds.
Step 4: File Format and Delivery
- WebP is preferred: Use WebP or make sure your builder converts it during upload.
- Fallback formats: Keep JPEG or PNG versions for compatibility in rare cases.
- Avoid plugins: Convert and optimize images before upload to keep your stack lean.
Fewer plugins means faster sites. Handle your images up front.
Common Mistakes to Avoid
- Uploading 5MB images: Nope. Resize it first.
- Skipping alt text: That is a missed opportunity. Always describe the image purpose.
- Using stock photos everywhere: Lowers trust and conversion. Use real imagery from the client when possible.
- Duplicate file names: Especially on spun or location pages. Confuses crawlers and reduces index coverage.
- Not using next-gen formats: WebP is lighter and faster. Use it when you can.
Images should build authority, not load time and bounce rate.
Recommended Tools for Image SEO
Editing and Metadata Tools
- Adobe Bridge: Great for organizing and batch metadata changes
- Lightroom: Excellent for quick edits, resizing, and exposure tweaks
- Photoshop: Required for embedding EXIF data in Copyright field
Conversion and Performance Tools
- Squoosh.app: Super simple image compression and WebP conversion
- GTmetrix: Load speed and waterfall testing
- Google PageSpeed Insights: Core Web Vitals and mobile friendliness
WordPress Plugins (if you must)
- ShortPixel: Compression and WebP support, one of the best in the game
- Smush: Easy to use for basic image compression inside WordPress
Tools don’t fix strategy. Know what you’re doing before you automate.










