Lightbox Image Optimiser for SEO
Optimises images in a lightbox overlay by compressing files, using responsive delivery, and preserving crawlable thumbnail-to-full-image links for search engines.
Assuming a lightbox image is automatically indexed means you already know the overlay alone does not guarantee crawlability or proper image SEO.
Key points
- Ensure the thumbnail links directly to the full-size image file or a crawlable URL so Google can discover it.
- Use descriptive filenames and alt text on both thumbnail and lightbox image to help search engines understand the content.
- Do not lazy-load above-the-fold images that contribute to Largest Contentful Paint; serve them immediately.
- Serve images in modern formats like WebP with responsive srcset to improve delivery speed across devices.
- Submit an image sitemap listing lightbox image URLs to help Google find them.
A photography portfolio that lost Google Images traffic
A photography site used a lightbox for its gallery but served full-size image only via JavaScript, with no direct link. Google indexed only low-res thumbnails. After adding an anchor tag to each full-size image file and compressing to WebP (using descriptive alt text), images appeared in search results within weeks, and organic traffic from Image Search increased by 40%.
Three common mistakes that break lightbox image SEO
- Only crawlable via JavaScript If the lightbox loads the full image via JavaScript without a fallback URL, Google may not index the larger version. Provide a direct link to the image file.
- Overstuffing alt text Using keyword-heavy alt text on both thumbnail and lightbox image can confuse search engines. Describe the image naturally for accessibility and context.
- Ignoring image compression Serving a 3000px image in a 400px lightbox wastes bandwidth and hurts page speed. Resize and compress images to match display dimensions.
Three ways to improve lightbox image crawlability
- Use a crawlable link The thumbnail should contain an anchor tag pointing to the full-size image file or a dedicated page. This ensures Google can follow the link.
- Add structured data Mark up product or image structured data on the lightbox image. This helps search engines understand the image content and potentially show it in rich results.
- Optimise for speed Compress images, serve in WebP, and use responsive sizes. A fast-loading lightbox improves user experience and Largest Contentful Paint.
Common questions
Does a lightbox hide images from Google?
Yes, if the full image is only loaded via JavaScript without a direct link. Google may not index it. Always provide a crawlable fallback URL.
Should I lazy load lightbox images?
No, not if the lightbox image is above the fold and contributes to LCP. Lazy load only below-the-fold images to avoid delaying LCP.
What alt text should I use for lightbox images?
Describe the image clearly and naturally, using the same alt text on the thumbnail and the lightbox image. Avoid keyword stuffing; focus on context.
Sources
- Google Search Central — Image SEO Best Practices Official Google guidelines on image SEO: alt text, filenames, structured data.
- Google PageSpeed Insights — Optimize Images Google's advice on image compression, formats, responsive delivery.
- Google Search Central — Lazy-loading and LCP guidance Google's guidance on lazy loading and its impact on LCP.
- Yoast — Image SEO Practical tips on image SEO: filenames, alt text, sitemaps.