Add

Lorem ipsum

Lorem ipsum

A
A
A
SEO / GEO

8 views

5 min

How to Optimize Your Images for Google Image Search

Learn how to optimize your images to show up in Google Image Search: file naming, alt text, structured data, and technical best practices.

Google Image Search is a traffic source people often overlook. Well-optimized images can appear in image results, in Google Discover, and are used by LLMs to enrich their visual answers. Sandro, cofounder of the Gemeos Webflow agency, shares the best practices to follow.

1. Name your files descriptively

Before uploading an image into Webflow, rename the file. The file name is a direct SEO signal for Google Image Search.

  • Bad: IMG_4821.jpg, photo1.png, unnamed.webp
  • Good: agence-webflow-dubai-gemeos.webp, refonte-site-saas-avant-apres.jpg

Use hyphens as separators, not underscores or spaces. Include your main keyword and a contextual descriptor.

2. Always fill in the alt tags

In Webflow, click an image in the Designer. The "Alt Text" field appears in the right panel. Write a precise, natural description of the image, and include a relevant keyword without over-optimizing.

  • Bad alt: "image", "photo", "illustration"
  • Good alt: "SaaS app analytics dashboard built in Webflow"

good to know

Decorative images (separators, backgrounds, purely visual icons) should have an empty alt (alt="") rather than no alt at all. Missing alt text is an accessibility error. An empty alt tells screen readers and bots that the image is decorative and can be ignored.

3. Choose the right format and compress

Webflow supports WebP natively. Prioritize this format: it offers better compression than JPEG and PNG at the same visual quality. For images with transparency, use WebP instead of PNG. Aim for under 150 KB for content images, and under 500 KB for full-width hero images.

4. Add ImageObject structured data

For important images, such as product photos, article images, and case study visuals, add Schema.org ImageObject markup in the page's custom code.

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ImageObject",
"contentUrl": "https://votresite.com/images/nom-image.webp",
"name": "Description courte de l'image",
"description": "Description plus détaillée du contenu de l'image",
"author": {
"@type": "Organization",
"name": "Gemeos"
}
}
script>

5. Make sure your images are indexable

Make sure your robots.txt file doesn't block access to image folders. In Webflow, check that important CSS background images are also available as HTML elements (Google doesn't index CSS background-image files very well).

CriterionBest practiceImage SEO impact
File nameDescriptive with hyphensStrong
Alt tagNatural description with keywordVery strong
FormatWebP firstModerate (speed)
WeightUnder 150 KB for contentModerate (Core Web Vitals)
ImageObject schemaOn strategic imagesModerate
Text contextRelevant text around the imageStrong

Conclusion

Optimizing images for Google Image Search takes very little time if you build it into your upload workflow. Make it a standard habit for every new image.

  • Use case 1: a design agency whose portfolio visuals can rank for searches like "website [industry]"
  • Use case 2: a technical blog with screenshots that can rank for tool-specific queries
  • Use case 3: an e-commerce store whose product photos feed Google Shopping and Image Search

Good to know

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Published on

You might be interested in these tutorials

Similar tutorials

SEO / GEO

5 min read

5 views

How to Set Up a Redirect in Webflow? (2026)

Updated on 19.12.2025 by Sandro DA SILVA

SEO / GEO

5 min read

5 views

Add structured data to your Webflow site?

Updated on 21.08.2025 by Sandro DA SILVA

No-code

5 min read

5 views

How to Obfuscate a Link in Webflow

Updated on 23.04.2025 by Sandro DA SILVA

Let’s f*****G GO !!

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...