How to Name images descriptively on Webflow

Naming images is crucial for both SEO and accessibility. A well-named image file helps search engines understand the image's content and improves the chances of your images appearing in search results.

⚠️Today, with the CDN distribution, the image in the right size, instead of having picture.jpg

-> you will get sdfbf2dx45gv6d863xdv72d1ccf1-picture.jpg

How to do it on Webflow

There are some workarounds, but it requires a lot of work to have a low impact on SEO. The file name is mentioned in the Google documentation, so here are the recommendations:

  • Use relevant keywords: Incorporate relevant keywords that describe the image content.
  • Be specific and clear: Name the file to indicate what the image depicts.
  • Avoid generic names: Do not use generic file names like “image1.jpg” or “photo.png.”

Do's

✅ Webflow-seo-checklist-laptop.jpg

Don'ts

❌ IMG_1234.jpg or image.jpg

These generic file names do not provide helpful information about the image, making them ineffective for SEO and accessibility.

Tools
Don't have the Checklist yet?