1. Help Google Discover and Index Your Images #
Use standard HTML <img> elements:
Example:
<img src=”puppy.jpg” alt=”A golden retriever puppy” />
- Avoid images embedded via CSS (e.g., background-image), as Google can’t index those.
- Submit an image sitemap:
List URLs of images, including those on CDNs. Verify ownership of CDN domains in Search Console to track crawl errors.
Use responsive images:
Use <picture> element or srcset attributes with a fallback src for broad device support.
Example:
<img
srcset=”image-320w.jpg 320w, image-480w.jpg 480w, image-800w.jpg 800w”
sizes=”(max-width: 320px) 280px, (max-width: 480px) 440px, 800px”
src=”image-800w.jpg”
alt=”Description of the image”>
- Use supported image formats:
BMP, GIF, JPEG, PNG, WebP, SVG, and AVIF are supported. Match file extensions with the actual file type.
2. Optimize for Speed and Quality #
- Use high-quality, sharp images to attract users and increase click-throughs.
- Balance quality with file size — compress images to reduce load time.
- Test your site speed using PageSpeed Insights and follow recommendations.
- Consider modern formats like WebP or AVIF for smaller size with good quality.
3. Optimize Image Landing Pages #
- Write clear page titles and meta descriptions that relate to the image content to help Google create better snippets.
- Use structured data (e.g., ImageObject) including the required image attribute to qualify for rich results with badges in Google Images.
- Place images near relevant, descriptive text on your pages to reinforce context.
4. Use Descriptive Filenames, Titles, and Alt Text #
- Filenames should be short, descriptive, and keyword-relevant:
Example: dalmatian-puppy-playing-fetch.jpg instead of IMG0001.jpg. - Alt text is crucial:
- It describes the image for accessibility and helps Google understand image content.
- Write concise, useful descriptions with relevant keywords naturally integrated.
- Avoid keyword stuffing or empty alt attributes.
- It describes the image for accessibility and helps Google understand image content.
- Example alt texts:
- Bad: <img src=”puppy.jpg” alt=””>
- Bad: <img src=”puppy.jpg” alt=””>
Keyword stuffing (bad):
<img src=”puppy.jpg” alt=”puppy dog baby dog pup pups puppies doggies …”>
Good:
<img src=”puppy.jpg” alt=”Dalmatian puppy playing fetch”>
- For inline SVGs, use <title> tags for accessibility.
5. Consistency and Crawl Budget #
- Reference images consistently with the same URL to help Google cache and avoid multiple requests.
- Ensure images and landing pages are crawlable (not blocked by robots.txt).
6. Optional: Opt-Out of Inline Linking in Google Images #
- If you want to prevent full-sized images from appearing inline on Google Images:
- Detect requests with a Google referrer and respond with HTTP 204 No Content.
- This shows a Google-generated thumbnail instead without blocking crawling.
- Detect requests with a Google referrer and respond with HTTP 204 No Content.
- You can also block images from appearing entirely if needed.
7. Optimize for SafeSearch #
- Label content properly to help Google apply SafeSearch filters correctly for explicit or sensitive images.