Images make up 50-70% of a typical Squarespace page weight. If your images are not optimized, your site is slow, your Core Web Vitals suffer, and you are leaving rankings on the table.
This guide covers every aspect of image SEO on Squarespace 7.1: file naming, alt text, compression, format selection, lazy loading, and how all of it affects your search rankings.
Why Image SEO Matters on Squarespace
Google Images accounts for approximately 20% of all web searches. For Squarespace sites — which tend to be image-heavy — optimizing for image search can drive significant traffic.
Beyond image search, unoptimized images directly hurt your rankings in three ways:
- Page speed: Large images are the #1 cause of slow Squarespace sites. Google uses page speed as a ranking factor.
- Core Web Vitals: Oversized images cause poor LCP (Largest Contentful Paint) scores. Images without dimensions cause CLS (Cumulative Layout Shift).
- Crawl efficiency: Googlebot has a crawl budget. Wasting it on unoptimized images means fewer of your pages get indexed.
Step 1: Name Your Files Before Uploading
Before you upload an image to Squarespace, rename it to something descriptive. The file name is one of the signals Google uses to understand what an image shows.
Bad: IMG_4839.jpg, photo1.png, screen-shot-2026.png
Good: handmade-leather-tote-bag.jpg, squarespace-seo-settings.png, wordpress-elementor-dashboard.jpg
Rules:
- Use lowercase letters and hyphens (no spaces or underscores)
- Keep it under 4-5 words
- Include your target keyword if it describes the image
- Be specific and descriptive
Step 2: Write Descriptive Alt Text
Alt text (alternative text) describes the image for screen readers and search engines. Every image on your Squarespace site should have alt text.
In Squarespace, click any image block, go to the Content tab, and fill in the Alt Text field.
How to write good alt text:
- Describe what is in the image specifically
- Include a keyword if it fits naturally
- Keep it under 125 characters
- Do not start with “image of” or “photo of”
- For decorative images, leave alt text empty (but mark as decorative if possible)
Bad: image, photo, leather bag
Good: Woman hand-stitching a brown leather tote bag in a Portland workshop
Step 3: Compress Images Before Uploading
Squarespace does serve responsive images, but it cannot fix a bloated source file. Always compress before uploading.
Target sizes:
- Hero/banner images: Under 200KB (ideally 100KB)
- Content images: Under 100KB
- Thumbnail images: Under 50KB
Free compression tools:
- TinyPNG — works for PNG and JPEG
- Squoosh — Google tool, supports WebP conversion
- ShortPixel — bulk compression
Step 4: Use WebP Format When Possible
WebP images are 25-35% smaller than JPEG at the same quality. Squarespace 7.1 supports WebP and will serve it automatically when you upload WebP files.
Convert your images to WebP before uploading using Squoosh or any image converter. The file size savings are significant, especially for large hero images.
Step 5: Set Explicit Image Dimensions
Cumulative Layout Shift (CLS) occurs when page elements move around as the page loads. Images without explicit dimensions are a leading cause of CLS on Squarespace.
Squarespace handles this automatically for images uploaded through image blocks. But if you add images via custom code or markdown blocks, always include width and height attributes:
<img src="image.jpg" alt="Description" width="800" height="600" loading="lazy">
The loading="lazy" attribute defers off-screen images, improving initial page load time. Squarespace enables lazy loading by default for image blocks.
Step 6: Optimize Image Placement for LCP
Largest Contentful Paint (LCP) measures when the largest visible element finishes loading. On most Squarespace pages, this is the hero image.
To improve LCP:
- Compress your hero image to under 100KB
- Use WebP format
- Avoid text-heavy hero images (text renders faster as HTML)
- Do not use a slideshow as your first section (multiple images = slower LCP)
Step 7: Use the Right Image Dimensions
Do not upload a 4000px wide image and let Squarespace resize it. Upload images at the maximum size they will be displayed:
- Full-width hero: 1920px wide maximum
- Content images: 1200px wide maximum
- Thumbnails: 600px wide maximum
Squarespace generates responsive srcsets, so uploading at 2x resolution for retina displays is fine (e.g., 2400px for a 1200px content area). But do not upload 5000px images.
Step 8: Add Captions When They Add Value
Squarespace image blocks support captions. Use them when they provide context that is not obvious from the surrounding text. Captions are indexed by Google and can help with image search rankings.
Do not stuff keywords into captions. Write for humans first.
Image SEO Checklist for Squarespace
Use this checklist for every image you upload:
- File name is descriptive and includes keyword (e.g.,
squarespace-seo-checklist.png) - Image is compressed to under 100KB (hero under 200KB)
- Format is WebP or optimized JPEG
- Dimensions match the display size (no oversized uploads)
- Alt text is filled in with a specific description
- Lazy loading is enabled (default on Squarespace)
- Caption added if it provides useful context
How to Check Your Image SEO
After optimizing, verify your work:
- Run PageSpeed Insights and check the “Opportunities” section for image-related suggestions.
- Check Google Search Console → Performance → Search type: Image to see which images are appearing in image search.
- Use Rich Results Test to verify images have proper structured data.
- Inspect your page source and confirm all images have alt attributes.
The Bottom Line
Image SEO on Squarespace is not complicated, but it requires consistency. Every image you upload should be named, compressed, and given alt text. It takes an extra 30 seconds per image and directly impacts your rankings.
Start with your highest-traffic pages. Optimize the hero images first (biggest LCP impact), then work through content images. The speed and ranking improvements are immediate.
Part of the Squarespace SEO Checklist series. Next: How to Write Meta Titles & Descriptions.