Content overview
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.